From 407873b18989aa7219d367e5306e0b873fddf650 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Wed, 3 Nov 2021 20:11:27 +0200
Subject: [PATCH] update content

---
 content/page/developer/developer.md           |  1 +
 content/page/developer/footers/footers.md     | 49 +++++++++++++
 .../page/newcommunity/InTheNews/inTheNews.md  |  8 +-
 gridsome.config.js                            | 10 +++
 .../sections/cta-sections/Link_Table.vue      | 73 +++++++++++++++++++
 src/templates/MarkdownPage.vue                | 18 +++++
 6 files changed, 155 insertions(+), 4 deletions(-)
 create mode 100644 content/page/developer/footers/footers.md
 create mode 100644 src/components/marketing/sections/cta-sections/Link_Table.vue

diff --git a/content/page/developer/developer.md b/content/page/developer/developer.md
index 1e9efec53..89ba31e34 100644
--- a/content/page/developer/developer.md
+++ b/content/page/developer/developer.md
@@ -16,5 +16,6 @@ brandPanel2 : developer_brandPanel2
 cta3 : developer_cta3
 productsMain: developer_page
 productData: [developer1, developer2, developer3, developer4, developer5, developer6]
+footers : footers
 
 ---
diff --git a/content/page/developer/footers/footers.md b/content/page/developer/footers/footers.md
new file mode 100644
index 000000000..110a94ed8
--- /dev/null
+++ b/content/page/developer/footers/footers.md
@@ -0,0 +1,49 @@
+---
+id: footers
+
+items:
+ - title: 'Introduction:'
+   links:
+    - name: Intro to ThreeFold
+      link: https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_intro
+    - name: The ThreeFold Grid
+      link: https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_concepts 
+    - name: ThreeFold Farming
+      link: https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__farming_intro       
+    - name: ThreeFold Cloud 
+      link: https://library.threefold.me/info/threefold#/cloud/threefold__cloud_intro 
+    - name: ThreeFold Token 
+      link: https://library.threefold.me/info/threefold#/tokens/threefold__token_what 
+   
+ - title: 'Fundamentals:'
+   links:
+    - name: Set up your account 
+      link: https://library.threefold.me/info/threefold#/tokens/threefold__threefold_connect 
+    - name: Charge your wallet
+      link: https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy 
+    - name: How billing works
+      link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__grid3_billing
+    - name: Getting Started
+      link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_getstarted_home 
+    - name: Infrastructure as Code
+      link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_iac_home 
+    - name: Create a Farm
+      link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__create_farm 
+ 
+ - title: 'The Stack:'
+   links:
+    - name: Zero-OS 
+      link: https://library.threefold.me/info/threefold#/technology/threefold__zos 
+    - name: Smart Contract for IT
+      link: https://library.threefold.me/info/threefold#/technology/threefold__smartcontract_it 
+    - name: Quantum Safe Storage 
+      link: https://library.threefold.me/info/threefold#/qss/threefold__qsss_home
+    - name: Virtual Machines
+      link: https://library.threefold.me/info/threefold#/manual_tfgrid3/manual3_iac/grid3_terraform/threefold__terraform_get_started?id=getting-started 
+    - name: Kubernetes
+      link: https://library.threefold.me/info/threefold#/manual_tfgrid3/manual3_iac/grid3_terraform/threefold__terraform_get_started?id=kubernetes 
+    - name: Planetary Network 
+      link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__grid3_planetary_network
+
+---
+
diff --git a/content/page/newcommunity/InTheNews/inTheNews.md b/content/page/newcommunity/InTheNews/inTheNews.md
index 9c29264b0..633b0a3c7 100644
--- a/content/page/newcommunity/InTheNews/inTheNews.md
+++ b/content/page/newcommunity/InTheNews/inTheNews.md
@@ -4,10 +4,10 @@ partners:
   - path: https://forum.threefold.io/
     logo: ./logos/forum.png
 
-  - path: https://github.com/threefoldfoundation
+  - path: https://github.com/threefoldtech
     logo: ./logos/github.png
 
-  - path: ''
+  - path: https://library.threefold.me/info/threefold#/
     logo: ./logos/documentation.png
 
   - path: https://twitter.com/threefold_io
@@ -19,10 +19,10 @@ partners:
   - path: https://t.me/threefold
     logo: ./logos/telegram_chat.png
 
-  - path: ''
+  - path: https://t.me/threefoldfarmers
     logo: ./logos/telegram_farmers.png
 
-  - path: ''
+  - path: https://t.me/threefoldtesting 
     logo: ./logos/telegram_chattester.png
 
   - path: https://www.reddit.com/r/threefold/
diff --git a/gridsome.config.js b/gridsome.config.js
index 2e727e975..a964d3d89 100644
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -162,6 +162,15 @@ module.exports = {
             }
         },
 
+
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'footers',
+                path: './content/page/**/footers/*.md',
+            }
+        },
+
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -472,6 +481,7 @@ module.exports = {
                     cta3: 'Cta3',
                     cta4: 'Cta4',
                     cta5: 'Cta5',
+                    footers : 'footers',
                     comparisonMain: 'ComparisonMain',
                     comparisonSecs: 'Comparison',
                     jobsMain: 'JobsMain',
diff --git a/src/components/marketing/sections/cta-sections/Link_Table.vue b/src/components/marketing/sections/cta-sections/Link_Table.vue
new file mode 100644
index 000000000..9d2e288d4
--- /dev/null
+++ b/src/components/marketing/sections/cta-sections/Link_Table.vue
@@ -0,0 +1,73 @@
+
+<template>
+  <section class="bg-white">
+    <div class="max-w-screen-2xl mx-auto py-12 px-4 text-center  sm:px-6 lg:py-16 lg:px-8">
+      <div class="xl:grid xl:grid-cols-3 mx-auto xl:gap-2">
+        <div
+          class="mt-12 grid md:grid-cols-3 sm:grid-cols-2 xl:mt-0 xl:col-span-3"
+        >
+          <div
+            v-for="footersLink in record.items"
+            :key="footersLink.title"
+            class=""
+          >
+            <div>
+              <h2
+                class="
+                  text-4xl
+                  leading-5
+                  py-6
+                  font-extrabold
+                  tracking-wider
+                  capitalize
+                "
+              >
+                {{ footersLink.title }}
+              </h2>
+              <ul class="mt-4 space-y-5 footerslink">
+                <li  v-for="item in footersLink.links" :key="item.name">
+                  <a
+                    v-if="item.link.includes('http')"
+                    :href="item.link"
+                    target="_blank"
+                    class="
+                      text-xl
+                      mb-4
+                      leading-5
+                      hover:text-gray-900
+                    "
+                  >
+                    {{ item.name }}
+                  </a>
+                  <a
+                    v-else
+                    :href="item.link"
+                    class="
+                      text-2xl
+                      leading-5
+                      hover:text-gray-900
+                    "
+                  >
+                    {{ item.name }}
+                  </a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  props: ["record"],
+};
+</script>
+
+<style scoped>
+ul {
+  list-style-type: none;
+}
+</style>
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index 1678f7449..46371a30f 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -329,6 +329,12 @@
         :brandPanel2="true"
       />
 
+      <LinkTable
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.footers"
+        :record="$page.markdownPage.footers"
+      />
+
       <AppListItem
         v-if="
           $page.markdownPage.appData && $page.markdownPage.appData.length > 0
@@ -565,6 +571,16 @@
           image
           url
         }
+        footers{
+          id
+      items{
+        title
+        links{
+          name
+          link
+        }
+      }
+    }
          inTheNews {
           id
           content
@@ -841,12 +857,14 @@ import CustomCTA from "~/components/custom/sections/CustomCTA.vue";
 import Slider from "~/components/custom/Slider.vue";
 import RoadMap from "~/components/custom/Roadmap.vue";
 import MarketInfo from "~/components/custom/MarketInfo.vue";
+import LinkTable from "~/components/marketing/sections/cta-sections/Link_Table.vue";
 import SplitWithImage from "~/components/custom/SplitWithImage.vue";
 
 export default {
   components: {
     NewCard,
     Header,
+    LinkTable,
     VerticalNav,
     GetInTouch,
     SolutionsHeader,