Restyle whole pages

src/layouts/partials/Footer.vue

@@ -1,23 +1,33 @@
 <template>
-  <nav class="relative bg-black pt-4 pb-16 text-sm text-gray-500">
-    <div class="container mx-auto flex flex-wrap justify-between h-12 items-center">
+  <nav class="relative bg-black py-4 text-sm text-gray-500">
+    <div
+      class="container mx-auto flex flex-wrap justify-between h-12 items-center"
+    >
       <div class="w-full md:w-1/2 text-center md:text-left">
-      Copyright {{ currentYear }} by {{ $static.metadata.siteName }} 
-      | Design by <a href="https://ghost.org" target="_blank" class="hover:text-white">Ghost</a>
+        Copyright {{ currentYear }} by {{ $static.metadata.siteName }} | Design
+        by ThreeFold
       </div>
       <div class="w-full md:w-1/2">
-      <ul class="list-none flex justify-center md:justify-end">
-
-        <li 
-          :key="element.name" 
-          v-for="(element,index) in $static.metadata.navigation" 
-          class="hover:text-white"
-          v-bind:class="{'mr-6' : index != Object.keys($static.metadata.navigation).length - 1}"
-        >
-          <a :href="element.link" v-if="element.external" target="_blank" rel="noopener noreferrer">{{ element.name }}</a>
-          <g-link v-else :to="element.link" >{{element.name}}</g-link>
-        </li>      
-      </ul>
+        <ul class="list-none flex justify-center md:justify-end">
+          <li
+            :key="element.name"
+            v-for="(element, index) in $static.metadata.navigation"
+            class="hover:text-white"
+            v-bind:class="{
+              'mr-6':
+                index != Object.keys($static.metadata.navigation).length - 1,
+            }"
+          >
+            <a
+              :href="element.link"
+              v-if="element.external"
+              target="_blank"
+              rel="noopener noreferrer"
+              >{{ element.name }}</a
+            >
+            <g-link v-else :to="element.link">{{ element.name }}</g-link>
+          </li>
+        </ul>
       </div>
     </div>
   </nav>
@@ -41,7 +51,7 @@ export default {
   computed: {
     currentYear() {
       return new Date().getFullYear();
-    }
-  }
+    },
+  },
 };
 </script>