Merge pull request #17 from AndronixApp/dev

added status link on the footer and fixed the icons links.

Author: imprakharshukla

components/base/primaryTextButton.vue

@@ -1,6 +1,6 @@
 <template>
   <div @click="$emit('click')">
-    <a :href="link" v-if="!!link">
+    <a  target="_blank"  :href="link" v-if="!!link">
       <div class="cursor-pointer rounded px-4 py-3 hover:-translate-y-1.5 transition transform duration-300"
            :class="`${backgroundColor?backgroundColor:'bg-primary-600'} hover:${backgroundHoverColor?backgroundHoverColor:'bg-white'}
          ${textColor?textColor:'text-white'} hover:${textHoverColor?textHoverColor:'text-primary-600'}`"

components/global/footer.vue

@@ -15,52 +15,60 @@
           <div class=" flex-col space-y-2"
           >
             <p class="font-bold text-sm uppercase text-gray-400 pb-2">Want to talk?</p>
-            <a href="https://chat.andronix.app"
+            <a target="_blank" href="https://chat.andronix.app"
                class="underline text-gray-200 hover:text-purple-300 transition duration-200 cursor-pointer"
             >Discord</a>
           </div>
           <div class="flex-col space-y-2">
             <p class="font-bold text-sm uppercase text-gray-400">Source code?</p>
-            <a href="https://git.andronix.app"
+            <a target="_blank" href="https://git.andronix.app"
                class="underline text-gray-200 hover:text-blue-300 transition duration-200 cursor-pointer"
             >Github</a>
           </div>
           <div class="flex-col space-y-2 col-span-2">
             <p class="pb-2 font-bold text-sm uppercase text-center md:text-left text-gray-400">Reach out to us</p>
             <div class="flex space-x-5 justify-self-center justify-center items-center md:justify-start">
-              <svg
-                class="w-5 fill-current text-gray-400 transform transition hover:text-black duration-200 hover:scale-110"
-                viewBox="0 0 24 24"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-                />
-              </svg>
-              <svg
-                class="w-5 fill-current text-gray-400 transform transition hover:text-red-600 duration-200 hover:scale-110"
-                viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0 .48v23.04h4.22V.48zm15.385 0c-4.764 0-8.641 3.88-8.641 8.65 0 4.755 3.877 8.623 8.641 8.623 4.75 0 8.615-3.868 8.615-8.623C24 4.36 20.136.48 15.385.48z"
-                />
-              </svg>
-              <svg
-                class="w-5 fill-current text-gray-400  transform transition hover:text-yellow-500 duration-200 hover:scale-110"
-                viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z"
-                />
-              </svg>
-              <svg
-                class="w-5 fill-current text-gray-400 transform transition hover:text-purple-500 duration-200 hover:scale-110"
-                viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"
-                />
-              </svg>
+              <a target="_blank"  href="https://git.andronix.app">
+                <svg
+                  class="w-5 fill-current text-gray-400 transform transition hover:text-black duration-200 hover:scale-110"
+                  viewBox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+                  />
+                </svg>
+              </a>
+              <a target="_blank"  href="https://patreon.com/andronixapp">
+                <svg
+                  class="w-5 fill-current text-gray-400 transform transition hover:text-red-600 duration-200 hover:scale-110"
+                  viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 .48v23.04h4.22V.48zm15.385 0c-4.764 0-8.641 3.88-8.641 8.65 0 4.755 3.877 8.623 8.641 8.623 4.75 0 8.615-3.868 8.615-8.623C24 4.36 20.136.48 15.385.48z"
+                  />
+                </svg>
+              </a>
+              <a target="_blank"  href="https://forum.andronix.app">
+                <svg
+                  class="w-5 fill-current text-gray-400  transform transition hover:text-yellow-500 duration-200 hover:scale-110"
+                  viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z"
+                  />
+                </svg>
+              </a>
+              <a target="_blank"  href="https://chat.andronix.app">
+                <svg
+                  class="w-5 fill-current text-gray-400 transform transition hover:text-purple-500 duration-200 hover:scale-110"
+                  viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"
+                  />
+                </svg>
+              </a>
             </div>
           </div>
         </div>
@@ -112,7 +120,7 @@
             </NuxtLink>
             <li>
               <a class="block hover:text-white duration-200 transition hover:underline"
-                 href="https://docs.andronix.app"
+                 target="_blank" href="https://docs.andronix.app"
               >Documentation
               </a>
             </li>
@@ -129,10 +137,17 @@
             <li>
               <a
                 class="block hover:text-white duration-200 transition hover:underline"
-                href="https://translate.andronix.app"
+                target="_blank" href="https://translate.andronix.app"
               >Translate
               </a>
             </li>
+            <li>
+              <a
+                class="block hover:text-white duration-200 transition hover:underline"
+                target="_blank" href="https://status.andronix.app"
+              >Services Status
+              </a>
+            </li>
           </ul>
         </div>
       </div>
@@ -148,17 +163,31 @@
           src="~assets/images/logo_new_semi_fhd_dark.png"
           alt=""
         />
-        <a href="https://devriz.com"
+        <a href="https://devriz.com" target="_blank"
            class="text-gray-400  text-sm">A
           product of
           <strong class="underline cursor-pointer text-gray-200">Devriz Technologies
             LLP</strong></a>
         <p class="text-gray-400 text-sm">©{{ getCurrentYear() }} All rights reserved.</p>
         <p class="mt-3 text-xs text-gray-400 w-10/12 text-center mx-auto">
-          Made with <a href="https://tailwindcss.com" class="underline font-bold text-gray-400"
+          Made with <a target="_blank" href="https://tailwindcss.com" class="underline font-bold text-gray-400"
         >Tailwind</a>, <a href="https://nuxtjs.org" class="underline font-bold text-gray-400"
         >NuxtJS</a>.
         </p>
+
+
+        <!-- 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>
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 fill-current" viewBox="0 0 20 20"
+               fill="currentColor">
+            <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                  clip-rule="evenodd"/>
+          </svg>
+        </a>
+
       </div>
 
     </div>

components/global/navBar.vue

@@ -9,7 +9,7 @@
       </div>
 
       <!--  Download Button    -->
-      <a href="https://play.andronix.app"
+      <a href="https://play.andronix.app" target="_blank"
          class="text-white invisible md:invisible lg:visible cursor-pointer px-3 py-2 bg-primary-600 flex items-center space-x-5 justify-center rounded hover:bg-white hover:text-primary-600 hover:-translate-y-1.5 transition transform duration-300"
       >
         <svg class="text-current fill-current w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"

components/global/sideBar.vue

@@ -64,7 +64,7 @@
                       :to="items.to"
             >{{ items.title }}
             </NuxtLink>
-            <a :class="`hover:${items.color}`" :id="items.id" v-else :href="items.to">{{ items.title }}</a>
+            <a target="_blank"  :class="`hover:${items.color}`" :id="items.id" v-else :href="items.to">{{ items.title }}</a>
           </div>
         </div>
       </div>

components/landing/productComponent.vue

@@ -15,7 +15,7 @@
            class="max-w-sm text-xs py-3 text-gray-400 hover:text-gray-200 transition transform duration-200 hover:underline"
         >Know
           more about {{ product }}</p>
-        <a v-else :href="link"
+        <a v-else :href="link" target="_blank"
            class="max-w-sm text-xs py-3 text-gray-400 hover:text-gray-200 transition transform duration-200 hover:underline"
         >Know
           more about {{ product }}</a>

pages/legal/privacy-policy.vue

@@ -30,16 +30,16 @@
 
           <ul>
             <li>
-              <a class="underline text-gray-500" href="https://policies.google.com/terms">Google Play Services</a>
+              <a class="underline text-gray-500"  target="_blank" href="https://policies.google.com/terms">Google Play Services</a>
             </li>
             <li>
-              <a href="https://firebase.google.com/terms/analytics">Google Analytics for Firebase</a>
+              <a target="_blank"  href="https://firebase.google.com/terms/analytics">Google Analytics for Firebase</a>
             </li>
             <li>
-              <a href="https://firebase.google.com/terms/crashlytics">Firebase Crashlytics</a>
+              <a  target="_blank" href="https://firebase.google.com/terms/crashlytics">Firebase Crashlytics</a>
             </li>
             <li>
-              <a href="https://onesignal.com/tos">One Signal</a>
+              <a  target="_blank" href="https://onesignal.com/tos">One Signal</a>
             </li>
           </ul>
 
@@ -54,15 +54,15 @@
             use Google’s Firebase for the backend of the app). The email and password are all stored encrypted safely.
             We do not store your emails on a separate database, which throws the possibilities to have breach in the
             database due to poor security rules. Authentication is handled by Google’s own <a
-              href="https://firebase.google.com/products/auth"
+              target="_blank"   href="https://firebase.google.com/products/auth"
             >Firebase Authentication</a>. This
             also limits the possibility of us selling the actual data or in general spamming emails with promotional
             content.</p>
           <p class="font-bold text-lg text-white my-3">
             Google sign-in/register
           </p>
           <p>When using Google sign-in, the entire OAuth process is handled by <a
-            href="https://firebase.google.com/products/auth"
+            target="_blank"  href="https://firebase.google.com/products/auth"
           >Firebase Authentication</a>. We only have
             access to your email and your profile picture and nothing else. We neither store your email or your profile
             picture on a separate database. Your picture is fetched in real-time using Google’s APIs.</p>
@@ -84,7 +84,7 @@
             Purchases made outside the app
           </p>
           <p>Andronix currently uses <a href="https://razorpay.com">Razorpay</a> as the payment provider along with <a
-            href="https://paypal.com"
+            target="_blank"   href="https://paypal.com"
           >PayPal</a> which is actually integrated within Razorpay. The present purchase flow requires users to add the
             following details as "Billing Information"</p>
           <ul>

pages/legal/terms-conditions.vue

@@ -28,16 +28,16 @@
 
           <ul>
             <li>
-              <a class="underline text-gray-500" href="https://policies.google.com/terms">Google Play Services</a>
+              <a  target="_blank" class="underline text-gray-500" href="https://policies.google.com/terms">Google Play Services</a>
             </li>
             <li>
-              <a href="https://firebase.google.com/terms/analytics">Google Analytics for Firebase</a>
+              <a  target="_blank" href="https://firebase.google.com/terms/analytics">Google Analytics for Firebase</a>
             </li>
             <li>
-              <a href="https://firebase.google.com/terms/crashlytics">Firebase Crashlytics</a>
+              <a target="_blank"  href="https://firebase.google.com/terms/crashlytics">Firebase Crashlytics</a>
             </li>
             <li>
-              <a href="https://onesignal.com/tos">One Signal</a>
+              <a target="_blank"  href="https://onesignal.com/tos">One Signal</a>
             </li>
           </ul>
 

pages/products/commands.vue

@@ -71,7 +71,7 @@
           <p class="text-gray-400 text-sm lg:text-base">Get your commands within Andronix App.</p>
         </div>
       </a>
-      <a href="https://web.andronix.app"
+      <a target="_blank"  href="https://web.andronix.app"
          class="cursor-pointer rounded bg-gray-800 flex text-white px-4 py-3 space-x-5 hover:-translate-y-1.5 transform transition duration-200"
       >
         <div class="w-1/4 flex items-center justify-center">
@@ -88,7 +88,7 @@
           <p class="text-gray-400 text-sm lg:text-base">On the web? Get your commands right there!</p>
         </div>
       </a>
-      <a href="https://www.npmjs.com/package/andronix-command-cli"
+      <a target="_blank"  href="https://www.npmjs.com/package/andronix-command-cli"
          class="cursor-pointer rounded bg-gray-800 flex text-white px-4 py-3 space-x-5 hover:-translate-y-1.5 transform transition duration-200"
       >
         <div class="w-1/4 flex items-center justify-center">