update newcommunity page

content/page/newcommunity/InTheNews/inTheNews.md

@@ -1,40 +1,40 @@
 ---
 id: newcommunity_social
 partners:
-  - path: https://www.forbes.com/sites/johnkoetsier/2020/06/20/largest-distributed-peer-to-peer-grid-on-the-planet-laying-foundation-for-a-decentralized-internet/?fbclid=IwAR1WKCpqLcWPRWg5bPD6RCQE5JJjRPt6ey5vbEnu3db2FvJnp6-YKeVZNW8#79aa340e6798'
+  - path: https://forum.threefold.io/
     logo: ./logos/forum.png
 
-  - path: https://cointelegraph.com/news/peer-to-peer-internet-has-lofty-goal-to-bring-true-decentralization
+  - path: https://github.com/threefoldfoundation
     logo: ./logos/github.png
 
-  - path: https://news.yahoo.com/news/threefold-set-disrupt-status-quo-051457787.html?guccounter=1
+  - path: ''
     logo: ./logos/documentation.png
 
-  - path: https://hackernoon.com/is-it-possible-to-create-a-decentralized-internet-this-startup-and-its-farmers-think-so-ey2e3ycf
+  - path: https://twitter.com/threefold_io
     logo: ./logos/twitter.png
 
-  - path: https://smartereum.com/189750/threefold-is-audaciously-building-a-new-decentralized-internet/
+  - path: https://t.me/threefoldnews
     logo: ./logos/telegram_new.png
 
-  - path: https://tgdaily.com/web/6-dfinity-threefold-are-leading-an-internet-decentralization-revolution/
+  - path: https://t.me/threefold
     logo: ./logos/telegram_chat.png
 
-  - path: https://cointelegraph-com.cdn.ampproject.org/c/s/cointelegraph.com/news/is-a-new-decentralized-internet-or-web-3-0-possible/amp
+  - path: ''
     logo: ./logos/telegram_farmers.png
 
-  - path: https://www.banklesstimes.com/2021/06/14/threefolds-green-technology-strategy-to-a-fairer-more-sustainable-world/
+  - path: ''
     logo: ./logos/telegram_chattester.png
 
-  - path: https://gritdaily.com/belarus-governments-control-internet/
+  - path: https://www.reddit.com/r/threefold/
     logo: ./logos/reddit.png
 
-  - path: https://cointelegraph-com.cdn.ampproject.org/c/s/cointelegraph.com/news/is-a-new-decentralized-internet-or-web-3-0-possible/amp
+  - path: https://www.youtube.com/threefoldfoundation
     logo: ./logos/youtube.png
 
-  - path: https://www.banklesstimes.com/2021/06/14/threefolds-green-technology-strategy-to-a-fairer-more-sustainable-world/
+  - path: ''
     logo: ./logos/mail_list.png
 
-  - path: https://gritdaily.com/belarus-governments-control-internet/
+  - path: https://www.linkedin.com/company/threefold-foundation/
     logo: ./logos/linkedin.png
 
   

content/page/newcommunity/cta3/index.md

@@ -4,6 +4,13 @@ title: FREQUENTLY ASKED
 subtitle : QUESTIONS
 button: Ask a Question
 link: ''
+faqbutton : ThreeFold FAQs
+faqlink : ''
+faqbutton2 : Grid FAQs
+faqlink2 : ''
+faqbutton3 : Token FAQs
+faqlink3 : ''
+
 ---
 Check out the FAQs or ask a question on the ThreeFold Forum.
 

src/components/custom/sections/CallToAction.vue

@@ -4,7 +4,7 @@
     :class="{
       pink: id == 'home' && !lastCta,
       green: id == 'mission' && lastCta,
-      gry: id == 'developer'
+      gry: id == 'developer',
     }"
   >
     <!-- mission -->
@@ -350,8 +350,11 @@
         {{ cta.title }}
         <span class="font-bold">{{ cta.subtitle }}</span>
       </h2>
-      <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4 "></div>
+      <div
-      
+        v-html="cta.content"
+        class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4"
+      ></div>
+
       <a
         class="
           inline-block
@@ -394,8 +397,8 @@
       >
     </div>
 
-     <!-- newcommunity -->
+    <!-- newcommunity -->
-     <div
+    <div
       class="w-full mx-auto py-6 lg:py-10"
       v-else-if="id == 'newcommunity' && !textOnly"
     >
@@ -411,11 +414,14 @@
         "
       >
         {{ cta.title }}
-        <br>
+        <br />
         <span class="font-bold">{{ cta.subtitle }}</span>
       </h2>
-      <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4 "></div>
+      <div
-      
+        v-html="cta.content"
+        class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4"
+      ></div>
+
       <a
         class="
           inline-block
@@ -474,10 +480,61 @@
         "
       >
         {{ cta.title }}
+        <br />
         <span class="font-bold">{{ cta.subtitle }}</span>
       </h2>
-      <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4 "></div>
+      <div
-      
+        v-html="cta.content"
+        class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4"
+      ></div>
+      <div>
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          target="_blank"
+          :href="cta.faqlink"
+          >{{ cta.faqbutton }}</a
+        >
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          target="_blank"
+          :href="cta.faqlink2"
+          >{{ cta.faqbutton2 }}</a
+        >
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          target="_blank"
+          :href="cta.faqlink3"
+          >{{ cta.faqbutton3 }}</a
+        >
+      </div>
+
       <a
         class="
           inline-block
@@ -487,7 +544,6 @@
           hover:bg-gray-400
           px-12
           py-1
-          mr-5
           my-4
           border-2
           shadow
@@ -508,7 +564,6 @@
           hover:bg-gray-400
           px-12
           py-1
-          mr-5
           my-4
           border-2
           shadow
@@ -520,7 +575,6 @@
       >
     </div>
 
-
     <!-- home -->
 
     <div
@@ -1555,7 +1609,7 @@ export default {
   background-color: #70dfc9;
 }
 
-.gry{
+.gry {
   background: #f2f2f2;
 }
 </style>

src/templates/MarkdownPage.vue

@@ -597,6 +597,12 @@
           content
           button
           link
+          faqbutton 
+          faqlink
+          faqbutton2
+          faqlink2 
+          faqbutton3 
+          faqlink3 
         }
          cta4{
           title1