Master

.github/workflows/chrome-e2e.yaml

@@ -22,7 +22,7 @@ jobs:
           node-version: '14.x'
 
       - name: Caching Dependencies 💾
-        uses: actions/cache@v1
+        uses: actions/cache@v4
         with:
           path: ~/.npm
           key: ${{ runner.os }}-node-v2-${{ hashFiles('**/yarn-lock.json') }}

.github/workflows/netlify-dev-deploy.yaml

@@ -20,7 +20,7 @@ jobs:
           node-version: '14.x'
 
       - name: Caching Dependencies 💾
-        uses: actions/cache@v1
+        uses: actions/cache@v4
         with:
           path: ~/.npm
           key: ${{ runner.os }}-node-${{ hashFiles('**/yarn-lock.json') }}

.github/workflows/netlify-prod-deploy.yaml

@@ -17,7 +17,7 @@ jobs:
           node-version: '14.x'
 
       - name: Caching Dependencies 💾
-        uses: actions/cache@v1
+        uses: actions/cache@v4
         with:
           path: ~/.npm
           key: ${{ runner.os }}-node-${{ hashFiles('**/yarn-lock.json') }}

.github/workflows/nextjs.yml

@@ -0,0 +1,93 @@
+# Sample workflow for building and deploying a Next.js site to GitHub Pages
+#
+# To get started with Next.js see: https://nextjs.org/docs/getting-started
+#
+name: Deploy Next.js site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+        with:
+          # Automatically inject basePath in your Next.js configuration file and disable
+          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
+          #
+          # You may remove this line if you want to manage the configuration yourself.
+          static_site_generator: next
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            .next/cache
+          # Generate a new cache whenever packages or source files change.
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Build with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./out
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.nvmrc

@@ -0,0 +1 @@
+16

components/global/footer.vue

@@ -179,14 +179,9 @@
 
 
         <!-- Status   -->
-        <a target="_blank" href="https://status.andronix.app"
-           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>
-          </div>
-        </a>
+        <div class="mt-4 flex justify-center items-center">
+          <iframe src="https://status.andronix.app/badge?theme=dark" width="250" height="30" frameborder="0" scrolling="no" style="color-scheme: normal"></iframe>
+        </div>
 
       </div>
 

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>

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"/>

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",
@@ -45,12 +45,16 @@
     "@nuxtjs/eslint-config": "^3.1.0",
     "@nuxtjs/eslint-config-typescript": "^3.0.0",
     "@nuxtjs/eslint-module": "^2.0.0",
-    "@nuxtjs/tailwindcss": "^3.4.2",
+    "@nuxtjs/tailwindcss": "4.2.1",
     "@types/jest": "^26.0.20",
     "babel-eslint": "^10.1.0",
     "chance": "^1.1.7",
     "cypress": "6.7.0",
     "eslint": "^7.8.1",
     "eslint-plugin-nuxt": "^1.0.0"
+  },
+  "resolutions": {
+    "cssnano": "^5.1.15",
+    "postcss-nesting": "^7.0.1"
   }
 }

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 support@andronix.app",
@@ -16,14 +8,6 @@
       "link": "mailto:support@andronix.app",
       "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'
       ]
     }
   },