update new community page

content/page/newcommunity/newcommunity.md

@@ -0,0 +1,17 @@
+---
+id: newcommunity
+metaTitle: ThreeFold | newcommunity
+metaDesc: A 100% open-source and community-driven project that is building the critical infrastructure for a decentralized world. Anyone can contribute to ThreeFold. And there are many ways to get involved.
+metaImg: ./community_header.jpg
+header_slogan: ''
+header_title: WELCOME TO 
+header_title2: THE FOLD
+header_image: ./community_header.jpg
+header_altImg: newcommunity
+header_excerpt: A 100% open-source and community-driven project that is building the critical infrastructure for a decentralized world. Anyone can contribute to ThreeFold. And there are many ways to get involved.
+button: ''
+link: ''
+
+---
+
+

src/components/marketing/sections/cta-sections/Footer.vue

@@ -123,7 +123,7 @@
                 />
               </svg>
             </a>
-                        <a
+            <a
               v-if="record.telegram != '#'"
               :href="record.telegram"
               class="text-gray-400 hover:text-gray-500"
@@ -142,11 +142,18 @@
                   clip-rule="evenodd"
                 />
               </svg> -->
-             <svg 
+              <svg
-             xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" fill="currentColor" class="bi bi-telegram" viewBox="0 0 16 16">
+                xmlns="http://www.w3.org/2000/svg"
-            <path 
+                width="1.2rem"
-             d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/>
+                height="1.2rem"
-            </svg>
+                fill="currentColor"
+                class="bi bi-telegram"
+                viewBox="0 0 16 16"
+              >
+                <path
+                  d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
+                />
+              </svg>
             </a>
             <!-- <a
               v-if="record.dribbble != '#'"
@@ -203,7 +210,14 @@
           >
             <div>
               <h4
-                class="text-sm leading-5 font-semibold text-gray-600 tracking-wider uppercase"
+                class="
+                  text-sm
+                  leading-5
+                  font-semibold
+                  text-gray-600
+                  tracking-wider
+                  uppercase
+                "
               >
                 {{ footerLink.title }}
               </h4>
@@ -213,14 +227,24 @@
                     v-if="item.link.includes('http')"
                     :href="item.link"
                     target="_blank"
-                    class="text-base leading-5 text-gray-500 hover:text-gray-900"
+                    class="
+                      text-base
+                      leading-5
+                      text-gray-500
+                      hover:text-gray-900
+                    "
                   >
                     {{ item.name }}
                   </a>
                   <a
                     v-else
                     :href="item.link"
-                    class="text-base leading-5 text-gray-500 hover:text-gray-900"
+                    class="
+                      text-base
+                      leading-5
+                      text-gray-500
+                      hover:text-gray-900
+                    "
                   >
                     {{ item.name }}
                   </a>

src/components/marketing/sections/cta-sections/Header.vue

@@ -427,7 +427,7 @@
         <h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
           {{ title }}
         </h2>
-        <div class="mb-8 mx-auto text-xl max-w-xl" v-html="excerpt"></div>
+        <div class="mb-8 mx-auto lg:text-2xl max-w-2xl" v-html="excerpt"></div>
 
         <a
           v-if="link.includes('http')"
@@ -484,10 +484,10 @@
         <h2
           class="
             lg:text-6xl
-            font-light
+            font-normal
             uppercase
             mb-6
-            mt-20
+            mt-10
             leading-none
             font-heading
           "
@@ -497,10 +497,10 @@
         </h2>
 
         <h3 class="text-4xl leading-none font-light">{{ slogan }}</h3>
-        <div class="mb-8 mx-auto text-xl max-w-2xl" v-html="excerpt"></div>
+        <div class="mb-8 mx-auto lg:text-2xl text-xl max-w-3xl" v-html="excerpt"></div>
 
         <a
-          v-if="link.includes('http')"
+          v-if="button && link.includes('http')"
           target="_blank"
           class="
             inline-block
@@ -521,7 +521,81 @@
           >{{ button }}</a
         >
         <a
-          v-else
+          v-else-if="button"
+          class="
+            inline-block
+            bg-white
+            lg:text-lg
+            learn-button
+            hover:bg-gray-400
+            px-12
+            py-1
+            mr-5
+            mb-4
+            border-2
+            shadow
+            border-black
+            capitalize
+          "
+          :href="link"
+          >{{ button }}</a
+        >
+      </div>
+      <g-image
+        class="order-2 lg:order-none mx-auto w-full"
+        :src="img"
+        :alt="altImg"
+      />
+    </div>
+
+<!-- newcommunity -->
+    <div
+      class="flex flex-wrap text-center lg:text-left lg:pt-10 lg:pb-10 -mx-2"
+      v-else-if="id == 'newcommunity'"
+    >
+      <div class="px-6 lg:mt-2 order-1 lg:order-none mx-auto text-center">
+        <h2
+          class="
+            lg:text-6xl
+            font-normal
+            uppercase
+            mb-2
+            lg:mt-4
+            mt-10
+            leading-none
+            font-heading
+          "
+        >
+          {{ title }}
+          <span class="block leading-none font-bold">{{ title2 }}</span>
+        </h2>
+
+        <h3 class="text-4xl leading-none font-light">{{ slogan }}</h3>
+        <div class="mb-8 mx-auto lg:text-2xl text-xl lg:max-w-3xl" v-html="excerpt"></div>
+
+        <a
+          v-if="button && link.includes('http')"
+          target="_blank"
+          class="
+            inline-block
+            bg-white
+            lg:text-lg
+            learn-button
+            hover:bg-gray-400
+            px-12
+            py-1
+            mr-5
+            mb-4
+            border-2
+            shadow
+            border-black
+            capitalize
+          "
+          :href="link"
+          >{{ button }}</a
+        >
+        <a
+          v-else-if="button"
           class="
             inline-block
             bg-white

src/templates/MarkdownPage.vue

@@ -72,7 +72,9 @@
           $page.markdownPage.id !== 'farm' &&
           $page.markdownPage.id !== 'grid' &&
           $page.markdownPage.id !== 'developer' &&
-          $page.markdownPage.id !== 'tft'
+          $page.markdownPage.id !== 'tft' &&
+          $page.markdownPage.id !== 'newcommunity'
+
         "
         :id="$page.markdownPage.id"
         :title="$page.markdownPage.header_title"