From e0c4efd14a6f4d523692ca096e012ef9172de929 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Tue, 10 Nov 2020 14:07:20 +0200
Subject: [PATCH 1/2] Restyle whole pages

---
 content/site/social.json                  |   2 +-
 src/layouts/partials/Footer.vue           |  46 ++++++-----
 src/layouts/partials/HeaderWithNavbar.vue |  77 +++++++++++-------
 src/templates/BlogPost.vue                |  94 +++++++++++++++-------
 static/img/ACI_icon-01.png                | Bin 0 -> 6038 bytes
 5 files changed, 143 insertions(+), 76 deletions(-)
 create mode 100644 static/img/ACI_icon-01.png

diff --git a/content/site/social.json b/content/site/social.json
index bcd430ca3..c19d34b30 100644
--- a/content/site/social.json
+++ b/content/site/social.json
@@ -2,7 +2,7 @@
   "social": [
     {
       "icon": "linkedin",
-      "link": "https://www.linkedin.com"
+      "link": "https://www.linkedin.com/company/threefold-foundation/"
     }
   ]
 }
\ No newline at end of file
diff --git a/src/layouts/partials/Footer.vue b/src/layouts/partials/Footer.vue
index 7ab296145..667276d18 100644
--- a/src/layouts/partials/Footer.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/layouts/partials/HeaderWithNavbar.vue b/src/layouts/partials/HeaderWithNavbar.vue
index 41297c9ef..aa964921a 100644
--- a/src/layouts/partials/HeaderWithNavbar.vue
+++ b/src/layouts/partials/HeaderWithNavbar.vue
@@ -1,14 +1,35 @@
 <template>
-  <header class="bg-black relative z-1000 bg-radial-t-gray-to-black" id="header">
-    <nav class="flex items-center justify-between flex-wrap container mx-auto px-4 sm:px-0 py-4">
+  <header
+    class="bg-black relative z-1000 bg-radial-t-gray-to-black"
+    id="header"
+  >
+    <nav
+      class="flex items-center justify-between flex-wrap container mx-auto px-4 sm:px-0 py-4"
+    >
       <div class="block flex-grow flex items-center w-auto height-30px">
-        <div class="text-sm flex-grow uppercase">
-          <ul class="list-none flex justify-left text-gray-300 uppercase">
+        <div class="text-sm flex-grow inline-flex">
+          <div class="inline-flex items-center flex-shrink-0 text-white mr-6">
+            <img
+              src="../../../static/img/ACI_icon-01.png"
+              class="mr-3"
+              width="50"
+              alt=""
+            />
+            <span class="font-semibold text-xl tracking-tight">{{
+              $static.metadata.siteName
+            }}</span>
+          </div>
+          <ul
+            class="list-none inline-flex justify-left text-gray-300 uppercase mt-3"
+          >
             <li
               :key="element.name"
-              v-for="(element,index) in $static.metadata.navigation"
+              v-for="(element, index) in $static.metadata.navigation"
               class="hover:text-white"
-              v-bind:class="{'mr-4' : index != Object.keys($static.metadata.navigation).length - 1}"
+              v-bind:class="{
+                'mr-4':
+                  index != Object.keys($static.metadata.navigation).length - 1,
+              }"
             >
               <a
                 :href="element.link"
@@ -16,50 +37,48 @@
                 target="_blank"
                 rel="noopener noreferrer"
                 class="animated-link"
-              >{{ element.name }}</a>
-              <g-link v-else :to="element.link" class="animated-link">{{element.name}}</g-link>
+                >{{ element.name }}</a
+              >
+              <g-link v-else :to="element.link" class="animated-link">{{
+                element.name
+              }}</g-link>
             </li>
           </ul>
         </div>
-        
+
         <div class="inline-block text-gray-400">
           <ul class="list-none flex justify-center md:justify-end">
             <li class="mr-0 sm:mr-6">
-              <theme-switcher v-on="$listeners" :theme="theme"/>
+              <theme-switcher v-on="$listeners" :theme="theme" />
             </li>
             <li
               :key="element.name"
-              v-for="(element,index) in $static.metadata.social"
+              v-for="(element, index) in $static.metadata.social"
               class="hover:text-white hidden sm:block"
-              v-bind:class="{'mr-6' : index != Object.keys($static.metadata.social).length - 1}"
+              v-bind:class="{
+                'mr-6':
+                  index != Object.keys($static.metadata.social).length - 1,
+              }"
             >
               <span class="text-sm">
-                <a :href="element.link" target="_blank" rel="noopener noreferrer">
+                <a
+                  :href="element.link"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
                   <font-awesome :icon="['fab', element.icon]" />
                 </a>
               </span>
             </li>
           </ul>
         </div>
-
       </div>
     </nav>
-
-    <div class="logo pt-0 pb-16 md:pb-32 md:pt-16 container mx-auto text-center text-white">
-      <h2 class="m-0">
-        <span class="text-4xl">
-          <font-awesome :icon="['fas', 'ghost']" class="mb-1 mr-3"></font-awesome>
-        </span>
-        <span class="text-5xl text-white">{{ $static.metadata.siteName }}</span>
-      </h2>
-      <div class="text-gray-400 font-thin text-xl">{{ $static.metadata.siteDescription }}</div>
-    </div>
   </header>
 </template>
 
 <script>
-
-import ThemeSwitcher from '~/components/ThemeSwitcher'
+import ThemeSwitcher from "~/components/ThemeSwitcher";
 
 export default {
   props: {
@@ -67,9 +86,9 @@ export default {
       type: String,
     },
   },
-  components : {
-    ThemeSwitcher
-  }
+  components: {
+    ThemeSwitcher,
+  },
 };
 </script>
 
diff --git a/src/templates/BlogPost.vue b/src/templates/BlogPost.vue
index 99de2ad65..21fd0d7db 100644
--- a/src/templates/BlogPost.vue
+++ b/src/templates/BlogPost.vue
@@ -1,18 +1,25 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-20">
-      <div class="lg:mx-32 md:mx-16 sm:mx-8 mx-4 pt-8">
+      <div class="pt-8">
         <section class="post-header container mx-auto px-0 mb-4 border-b">
-          
-          <h1 class="text-5xl font-medium leading-none mt-0">{{ $page.blog.title}}</h1>
-          
-          <div class="text-2xl pt-4 pb-10 text-gray-700 font-serif" v-html="$page.blog.excerpt"></div>
+          <h1 class="text-5xl font-medium leading-none mt-0">
+            {{ $page.blog.title }}
+          </h1>
+          <div
+            class="text-2xl pt-4 pb-10 text-gray-700"
+            v-html="$page.blog.excerpt"
+          ></div>
         </section>
         <section class="post-author-list mb-10 mx-0">
           <div class="flex items-center">
             <div class="flex justify-between items-center">
               <ul class="list-none flex author-list">
-                <li v-for="author in $page.blog.author" :key="author.id" class="author-list-item">
+                <li
+                  v-for="author in $page.blog.author"
+                  :key="author.id"
+                  class="author-list-item"
+                >
                   <g-link :to="author.path" v-tooltip="author.name">
                     <g-image
                       :src="author.image"
@@ -24,26 +31,33 @@
               </ul>
             </div>
 
-            
             <div class="pl-3 flex flex-col text-xs leading-none uppercase">
               <p>
-                <span v-for="(author, index) in $page.blog.author" :key="author.id">
+                <span
+                  v-for="(author, index) in $page.blog.author"
+                  :key="author.id"
+                >
                   <g-link
                     :to="author.path"
                     v-tooltip="author.name"
                     class="hover:underline"
-                  >{{ author.name }}</g-link>
-                  <span v-if="index < $page.blog.author.length-1">,</span>
+                    >{{ author.name }}</g-link
+                  >
+                  <span v-if="index < $page.blog.author.length - 1">,</span>
                 </span>
               </p>
               <p class="text-gray-700">
-                 <g-link :to="$page.blog.path">
-                <time :datetime="$page.blog.datetime">{{ $page.blog.humanTime }}</time>
-                 </g-link>
+                <g-link :to="$page.blog.path">
+                  <time :datetime="$page.blog.datetime">{{
+                    $page.blog.humanTime
+                  }}</time>
+                </g-link>
                 <!-- &nbsp;&middot;&nbsp; {{ $page.blog.timeToRead }} min read -->
-                 &nbsp;&middot;&nbsp;
-                 <g-link :to="$page.blog.path">
-                <time :datetime="$page.blog.datetime" >{{ $page.blog.startDate }}</time>
+                &nbsp;&middot;&nbsp;
+                <g-link :to="$page.blog.path">
+                  <time :datetime="$page.blog.datetime">{{
+                    $page.blog.startDate
+                  }}</time>
                 </g-link>
               </p>
             </div>
@@ -54,9 +68,14 @@
         <g-image :src="$page.blog.image"></g-image>
       </section>
 
-      <div class="lg:mx-32 md:mx-16 px-4 sm:px-0">
-        <section class="post-content container mx-auto relative font-serif text-gray-700">
-          <div class="post-content-text text-xl" v-html="$page.blog.content"></div>
+      <div class="">
+        <section
+          class="post-content container mx-auto relative font-serif text-gray-700"
+        >
+          <div
+            class="post-content-text text-xl"
+            v-html="$page.blog.content"
+          ></div>
         </section>
 
         <section class="post-tags container mx-auto relative py-10">
@@ -65,16 +84,27 @@
             :key="tag.id"
             :to="tag.path"
             class="text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full"
-          >{{ tag.title }}</g-link>
+            >{{ tag.title }}</g-link
+          >
         </section>
       </div>
     </div>
 
-    <section class="post-related bg-black text-gray-200 pt-10 border-b border-b-gray-900">
+    <section
+      class="post-related bg-black text-gray-200 pt-10 border-b border-b-gray-900"
+    >
       <div class="container mx-auto">
         <div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">
-          <PostListItem v-if="$page.previous" :record="$page.previous" :border=false></PostListItem>
-          <PostListItem v-if="$page.next" :record="$page.next" :border=false></PostListItem>
+          <PostListItem
+            v-if="$page.previous"
+            :record="$page.previous"
+            :border="false"
+          ></PostListItem>
+          <PostListItem
+            v-if="$page.next"
+            :record="$page.next"
+            :border="false"
+          ></PostListItem>
         </div>
       </div>
     </section>
@@ -152,13 +182,21 @@ import PostListItem from "~/components/PostListItem.vue";
 
 export default {
   components: {
-    PostListItem
+    PostListItem,
   },
   metaInfo() {
     return {
-      title: this.$page.blog.title
+      title: this.$page.blog.title,
     };
-  }
-  
+  },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
+.post-card-excerpt,
+.post-content-text {
+  font-family: "Roboto", sans-serif !important;
+  line-height: 1.2;
+}
+</style>
\ No newline at end of file
diff --git a/static/img/ACI_icon-01.png b/static/img/ACI_icon-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..792af8cefcafc0bc700742d35cbd5e3235200bc3
GIT binary patch
literal 6038
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
R=I=k{#`;*jCpwp|{|_@+yr}>H

literal 0
HcmV?d00001


From 0a015e5b9013fe0bc258a2f70a2e71b618d55a8d Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Tue, 10 Nov 2020 14:18:26 +0200
Subject: [PATCH 2/2] Fix navbar

---
 src/layouts/partials/Navbar.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/layouts/partials/Navbar.vue b/src/layouts/partials/Navbar.vue
index e994ef614..54aa79b98 100644
--- a/src/layouts/partials/Navbar.vue
+++ b/src/layouts/partials/Navbar.vue
@@ -7,10 +7,17 @@
       'opacity-0': !disableScroll && scrollPosition < headerHeight
     }">
       <div class="block flex-grow flex items-center w-auto">
-        <div class="flex items-center flex-shrink-0 text-white mr-6">
-          <font-awesome :icon="['fas', 'ghost']" class="mr-3"></font-awesome>
-          <span class="font-semibold text-xl tracking-tight">{{ $static.metadata.siteName }}</span>
-        </div>
+          <div class="inline-flex items-center flex-shrink-0 text-white mr-6">
+            <img
+              src="../../../static/img/ACI_icon-01.png"
+              class="mr-3"
+              width="50"
+              alt=""
+            />
+            <span class="font-semibold text-xl tracking-tight">{{
+              $static.metadata.siteName
+            }}</span>
+          </div>
         <div class="text-sm flex-grow uppercase">
           <ul 
           class="list-none flex justify-left text-gray-300 uppercase transition-all transition-500">