Create github-actions-demo.yml

components/global/footer.vue

@@ -183,8 +183,8 @@
            class="mt-4 transition transform hover:-translate-y-0.5 duration-200  cursor-pointer underline font-bold text-gray-200 flex justify-center items-center space-x-3">
           <p>Services Status</p>
           <div>
-            <p class="w-3 h-3 rounded-full bg-green-400 animate-ping"></p>
-            <p class="w-3 h-3 -mt-3 absolute z-10 rounded-full bg-green-400"></p>
+            <p :class="getStatusColor() +' w-3 h-3 rounded-full animate-ping'"></p>
+            <p :class="getStatusColor() +' w-3 h-3 -mt-3 absolute z-10 rounded-full'"></p>
           </div>
         </a>
 
@@ -195,9 +195,45 @@
 </template>
 
 <script>
+import {getBetterStatus} from "~/lib/checkout/productHelper";
+
 export default {
   name: 'Footer',
+  mounted() {
+    this.getCurrentBetterStatus()
+  },
+  data() {
+    return {
+      status: ''
+    }
+  },
+  watch: {
+    status: {
+      handler() {
+        console.log('Status changed to ' + this.status)
+      }
+    }
+  },
   methods: {
+    getStatusColor() {
+      switch (this.status) {
+        case 'Up':
+          return 'bg-green-400'
+        case 'Down':
+          return 'bg-red-400'
+        case 'Degraded':
+          return 'bg-yellow-400'
+        default:
+          return 'bg-gray-400'
+      }
+    },
+    async getCurrentBetterStatus() {
+      const status = await getBetterStatus(this.$axios)
+      console.log({status})
+
+      this.status = status
+      console.log({status_from_data: this.status})
+    },
     getCurrentYear() {
       return new Date().getFullYear()
     }

components/global/sideBar.vue

@@ -54,7 +54,7 @@
         <div v-for="(items, index) in menu" :key="items.color">
           <hr v-if="index !== 0" class="border-dashed border-t-1 mr-3 my-4 border-opacity-50 border-gray-700">
           <div
-            class="cursor-pointer text-white flex space-x-6 items-center px-2"
+            class="cursor-pointer text-white flex space-x-6 items-center px-2 hover:translate-x-2 transform transition duration-200 ease-in-out"
             @click="$store.commit('drawer/toggleDrawer')"
           >
             <div>

components/landing/landingHeader.vue

@@ -0,0 +1,46 @@
+<template>
+  <div :class="!view.atTopOfPage?'hidden':''">
+    <div class="py-2 px-6 bg-blue-700 flex justify-center items-center">
+      <p class="px-6 text-center font-bold text-gray-200 text-sm">We love open source. Star this <a href="https://github.com/AndronixApp/andronix-website-base" class="underline">website</a> and other projects @ <a
+        href="https://git.andronix.app" class="underline">Github</a></p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "landingHeader",
+  beforeMount() {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+
+  methods: {
+    // the function to call when the user scrolls, added as a method
+    handleScroll() {
+      // when the user scrolls, check the pageYOffset
+      if (window.pageYOffset > 0) {
+        // user is scrolled
+        if (this.view.atTopOfPage) {
+          this.view.atTopOfPage = false
+        }
+      } else {
+        // user is at top of page
+        if (!this.view.atTopOfPage) {
+          this.view.atTopOfPage = true
+        }
+      }
+    }
+  },
+  data: function () {
+    return {
+      view: {
+        atTopOfPage: true
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

github-actions-demo.yml

@@ -0,0 +1 @@
+

layouts/default.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="bg-background">
+    <landing-header/>
     <nav-bar/>
     <side-bar/>
     <Nuxt class="lg:max-w-screen-2xl pt-20 mx-auto"/>

lib/checkout/productHelper.js

@@ -12,3 +12,14 @@ export const getProductNameWithId = (id) => {
       return 'Debian XFCE'
   }
 }
+
+export const getBetterStatus = async (axios) => {
+  try {
+    const result = await axios.get('/better-status')
+    console.log({status_data: result.data.response})
+    return result.data.response
+  } catch (e) {
+    console.log(e)
+    return false
+  }
+}

middleware/redirect.js

@@ -26,5 +26,9 @@ export default function ({route, redirect}) {
       return redirect('/')
     case "/modded-os-gallery":
       return redirect('/products/modded-os')
+    case "/termux":
+      return redirect('https://github.com/AndronixApp/termux-releases/releases/download/0.118/com.termux_118.apk')
+    case "/vnc":
+      return redirect('https://play.google.com/store/apps/details?id=com.realvnc.viewer.android&hl=en&gl=US&pli=1')
   }
 }

package.json

@@ -13,8 +13,8 @@
     "e2e:open": "cypress open"
   },
   "dependencies": {
-    "@animxyz/core": "^0.4.0",
-    "@animxyz/vue": "^0.4.0",
+    "@animxyz/core": "0.6.6",
+    "@animxyz/vue": "0.6.6",
     "@braid/vue-formulate": "^2.5.0",
     "@nuxt/typescript-runtime": "^2.0.0",
     "@nuxtjs/axios": "^5.13.0",

pages/contact.vue

@@ -11,7 +11,7 @@
           sub_heading="Facing any issues? We are here to help you with all your queries and issues."
         />
       </div>
-      <div class="grid px-12 md:px-24 grid-cols-1 md:grid-cols-2 pb-16 md:pb-24 lg:grid-cols-4 justify-center items-center gap-5">
+      <div class="grid px-12 md:px-24 grid-cols-2 pb-16 md:pb-24 justify-center items-center gap-5">
         <cta-card
           v-for="platform in contact" :key="platform.color"
           :title="platform.param"

pages/tutorials/termux.vue

@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <div
+      class="h-screen m-0 bg-background w-full bg-top flex items-center container px-6 md:px-16 justify-center flex-col"
+    >
+
+      <ol class="relative text-gray-500 border-l border-gray-200 border-gray-700 text-gray-400">
+        <li class="mb-10 ml-6">
+        <span class="absolute flex items-center justify-center w-8 h-8 bg-green-200 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-green-900">
+            <svg aria-hidden="true" class="w-5 h-5 text-green-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>
+        </span>
+          <h3 class="font-medium leading-tight font-bold">Download</h3>
+          <p class="text-xs">Step details here</p>
+        </li>
+        <li class="mb-10 ml-6">
+        <span class="absolute flex items-center justify-center w-8 h-8 bg-gray-100 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-gray-700">
+            <svg aria-hidden="true" class="w-5 h-5 text-gray-500 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 2a1 1 0 00-1 1v1a1 1 0 002 0V3a1 1 0 00-1-1zM4 4h3a3 3 0 006 0h3a2 2 0 012 2v9a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm2.5 7a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.45 4a2.5 2.5 0 10-4.9 0h4.9zM12 9a1 1 0 100 2h3a1 1 0 100-2h-3zm-1 4a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
+        </span>
+          <h3 class="font-medium leading-tight font-bold">Allow Install</h3>
+          <p class="text-xs">Step details here</p>
+        </li>
+        <li class="mb-10 ml-6">
+        <span class="absolute flex items-center justify-center w-8 h-8 bg-gray-100 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-gray-700">
+            <svg aria-hidden="true" class="w-5 h-5 text-gray-500 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"></path></svg>
+        </span>
+          <h3 class="font-medium leading-tight font-bold">Review</h3>
+          <p class="text-xs">Step details here</p>
+        </li>
+        <li class="ml-6">
+        <span class="absolute flex items-center justify-center w-8 h-8 bg-gray-100 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-gray-700">
+            <svg aria-hidden="true" class="w-5 h-5 text-gray-500 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
+        </span>
+          <h3 class="font-medium leading-tight font-bold">Confirmation</h3>
+          <p class="text-xs">Step details here</p>
+        </li>
+      </ol>
+
+
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "termux"
+}
+</script>
+
+<style scoped>
+
+</style>

static/data/misc/contact.json

@@ -1,13 +1,5 @@
 {
   "platforms": [
-    {
-      "param": "Address",
-      "value": "555 Kha/ 29, Bhola Khera, Lucknow, Uttar Pradesh, India.",
-      "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"fill-current text-primary-400 h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n  <path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\" />\n</svg>",
-      "color": "bg-primary-400",
-      "link": "https://goo.gl/maps/fXrRxv1zRRdLSjcc9",
-      "ctaText": "Locate us!"
-    },
     {
       "param": "Email",
       "value": "Reach out to us at [email protected]",
@@ -16,14 +8,6 @@
       "link": "mailto:[email protected]",
       "ctaText": "Reach out!"
     },
-    {
-      "param": "Phone",
-      "value": "Schedule a call with us at +91 (8957088116)",
-      "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"fill-current text-purple-400 h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n  <path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\" />\n</svg>",
-      "color": "bg-purple-400",
-      "link": "tel:+91 (8957088116)",
-      "ctaText": "Schedule a call!"
-    },
     {
       "param": "Discord",
       "value": "Get help from our 8500+ community members.",

tailwind.config.js

@@ -8,9 +8,9 @@ module.exports = {
     options: {
       safelist: [
         '-rotate-3', 'rotate-2', '-rotate-3', 'rotate-3', 'from-violet', 'to-primary-500', 'bg-gradient-to-r', 'from-blue-700', 'to-blue-400', 'from-purple-700', 'to-pink-900', 'from-yellow-600', 'to-red-600',
-        'bg-primary-400', 'bg-purple-600', 'text-teal-400', 'bg-blue-400', 'bg-purple-400', 'bg-green-400', 'bg-indigo-400', 'bg-pink-400', 'bg-red-400', 'w-10', 'w-6', 'stroke-current',
+        'bg-primary-400', 'bg-purple-600', 'text-teal-400', 'bg-blue-400', 'bg-purple-400', 'bg-green-400', 'bg-indigo-400', 'bg-pink-400', 'bg-yellow-400', 'bg-red-400', 'w-10', 'w-6', 'stroke-current',
         'text-primary-400', 'text-blue-400', 'text-purple-400', 'text-green-400', 'text-indigo-400', 'text-pink-400', 'text-red-400'
-        , 'text-pink-400', 'text-indigo-400', 'text-blue-400', 'text-teal-400', 'text-primary-400', 'text-purple-400', 'text-green-400'
+        , 'text-pink-400', 'text-indigo-400', 'text-blue-400', 'text-teal-400', 'text-primary-400', 'text-purple-400', 'text-green-400', 'text-cyan-400'
       ]
     }
   },