update social section

content/page/newcommunity/InTheNews/inTheNews.md

@@ -0,0 +1,43 @@
+---
+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'
+    logo: ./logos/forum.png
+
+  - path: https://cointelegraph.com/news/peer-to-peer-internet-has-lofty-goal-to-bring-true-decentralization
+    logo: ./logos/github.png
+
+  - path: https://news.yahoo.com/news/threefold-set-disrupt-status-quo-051457787.html?guccounter=1
+    logo: ./logos/documentation.png
+
+  - path: https://hackernoon.com/is-it-possible-to-create-a-decentralized-internet-this-startup-and-its-farmers-think-so-ey2e3ycf
+    logo: ./logos/twitter.png
+
+  - path: https://smartereum.com/189750/threefold-is-audaciously-building-a-new-decentralized-internet/
+    logo: ./logos/telegram_new.png
+
+  - path: https://tgdaily.com/web/6-dfinity-threefold-are-leading-an-internet-decentralization-revolution/
+    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
+    logo: ./logos/telegram_farmers.png
+
+  - path: https://www.banklesstimes.com/2021/06/14/threefolds-green-technology-strategy-to-a-fairer-more-sustainable-world/
+    logo: ./logos/telegram_chattester.png
+
+  - path: https://gritdaily.com/belarus-governments-control-internet/
+    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
+    logo: ./logos/youtube.png
+
+  - path: https://www.banklesstimes.com/2021/06/14/threefolds-green-technology-strategy-to-a-fairer-more-sustainable-world/
+    logo: ./logos/mail_list.png
+
+  - path: https://gritdaily.com/belarus-governments-control-internet/
+    logo: ./logos/linkedin.png
+
+  
+---
+
+

content/page/newcommunity/newcommunity.md

@@ -15,6 +15,7 @@ cta2: newcommunity_cta2
 cta3: newcommunity_cta3
 brandPanel3: newcommunity_brandPanel3
 brandPanel2 : newcommunity_brandPanel2
+inTheNews: newcommunity_social
 ---
 
 

src/components/marketing/sections/logo-clouds/off_white_grid.vue

@@ -1,6 +1,26 @@
 <template>
   <div class="bg-white">
-    <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2">
+    <div v-if="id == 'newcommunity'"
+    class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6 lg:py-32 lg:px-2">
+      <div
+        v-html="news.content"
+        class="text-center text-6xl font-semibold leading-tight font-heading"
+      ></div>
+      <div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10 ">
+        <g-link
+          v-for="partner in news.partners"
+          :key="partner.id"
+          :to="partner.path"
+          target="_blank"
+          class="col-span-1 flex justify-center m-1"
+        >
+          <img :src="img(partner.logo)" />
+        </g-link>
+      </div>
+    </div>
+
+    <div v-else
+    class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2">
       <div
         v-html="news.content"
         class="text-center text-6xl font-semibold leading-tight font-heading"
@@ -22,7 +42,7 @@
 
 <script>
 export default {
-  props: ["news"],
+  props: ["news" , "id"],
   methods: {
     img(image) {
       if (!image) return "";

src/templates/MarkdownPage.vue

@@ -338,6 +338,11 @@
       />
 
       <!-- newcommunity page -->
+      <InTheNews
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.inTheNews"
+        :news="$page.markdownPage.inTheNews"
+      />
 
       <CallToAction
         :id="$page.markdownPage.id"
@@ -559,6 +564,14 @@
           id
           image
           url
+        }
+         inTheNews {
+          id
+          content
+          partners {
+            path
+            logo
+          }
         }
         cta{
           title
@@ -804,6 +817,7 @@ import ShowcaseProducts from "~/components/marketing/sections/cta-sections/Showc
 import SolutionsHeader from "~/components/custom/sections/header/HeaderSection.vue";
 import HowItWorks from "~/components/custom/sections/HowItWorks.vue";
 import Features from "~/components/custom/sections/Features.vue";
+import InTheNews from "~/components/marketing/sections/logo-clouds/off_white_grid.vue";
 import logoShowcase from "~/components/marketing/sections/cta-sections/logoShowcase.vue";
 import CallToAction from "~/components/custom/sections/CallToAction.vue";
 import CallToActionbg1 from "~/components/custom/sections/CallToActionbg1.vue";
@@ -833,6 +847,7 @@ export default {
     ShowcaseProducts,
     HowItWorks,
     Features,
+    InTheNews,
     logoShowcase,
     CallToAction,
     CallToActionbg1,