Merge branch 'development' of github.com:threefoldfoundation/www_threefold_io into development

content/page/home/cta2/cta2.md

@@ -1,7 +1,7 @@
 ---
 id: home_cta2
 title: Join the ThreeFold Movement
-image: ./cta_image.png
+image: ./cta_image.jpg
 button: Buy the Token
 link: https://library.threefold.me/info/tfgrid/#/tokens/how_to_buy
 button2: Expand the Grid

content/page/home/home.md

@@ -62,7 +62,7 @@ solution_image: ./home_header.png -->
 <!-- solution_image3: ./carbon_neutral.png
 header: carbon_neutral -->
 
-<!-- solution_image2: ./qsfs.svg -->
+
 
 <!-- logos: logo1
 logosMain : logo_home -->

content/page/home/logos/main/main.md

@@ -3,6 +3,6 @@ id: partnersMain
 title: Our Partners
 button: Check All Partners
 link : /partners
-image: ./ourpartners.jpg
+image: ./ourpartners.png
 ---
 

content/page/home/subscribe/index.md

@@ -4,6 +4,6 @@ title: "We've got more coming..."
 placeHolder: Enter Email Address
 button: Subscribe
 link: '#'
-image: ./6.png
+image: ./subscribe.png
 ---
 Stay informed and never miss a ThreeFold update.

content/page/token/logos/main/main.md

@@ -3,6 +3,6 @@ id: partnersMain
 title: Believers in TFT
 button: Check All Partners
 link : /partners
-image: ./our_partners.jpg
+image: ./our_partners.png
 ---
 

src/components/custom/SplitWithForm.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="body-font">
-    <div class="mx-auto flex py-20 md:flex-row flex-col items-center lg:px-10">
+    <div class="mx-auto flex  py-10 lg:py-20 md:flex-row flex-col items-center lg:px-10">
       <div
         class="
           lg:pl-24

src/components/custom/sections/CallToAction.vue

@@ -251,7 +251,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -272,7 +272,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -294,7 +294,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -315,7 +315,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -337,7 +337,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -358,7 +358,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -380,7 +380,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -401,7 +401,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -424,7 +424,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -445,7 +445,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -468,7 +468,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -489,7 +489,7 @@
             class="
               block
               bg-white
-              text-lg
+              lg:text-lg
               learn-button
               hover:bg-gray-400
               bo
@@ -510,7 +510,7 @@
     </div>
 
     <div
-      class="w-full max-w-7xl mx-auto mt-10 px-2 py-16"
+      class="w-full max-w-7xl mx-auto mt-10 px-2 lg:py-16"
       v-else-if="id == 'home' && lastCta"
     >
       <g-image class="mx-auto" :src="cta.image" />
@@ -537,13 +537,13 @@
             inline-block
             cursor-pointer
             bg-blue-900
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-blue-800
             text-gray-100
             px-12
             py-2
-            mr-5
+            lg:mr-5
             my-2
             shadow
             rounded-full
@@ -556,13 +556,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow
@@ -577,13 +577,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow
@@ -599,13 +599,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow
@@ -620,13 +620,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow
@@ -642,13 +642,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow
@@ -663,13 +663,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow
@@ -685,13 +685,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow
@@ -706,13 +706,13 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             bo
             px-12
             py-1
-            mr-5
+            lg:mr-5
             my-2
             border-2
             shadow

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

@@ -166,7 +166,7 @@
       <!-- home -->
       <div
         v-else-if="id == 'home'"
-        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
+        class="flex flex-wrap lg:text-left text-center lg:pt-16 lg:px-16"
       >
         <div class="lg:w-1/2 lg:px-6 self-center">
           <g-image class="w-1/2 mx-auto" :src="image" :alt="brand.title" />
@@ -190,7 +190,7 @@
               class="
                 inline-block
                 bg-white
-                text-lg
+                lg:text-lg
                 learn-button
                 hover:bg-gray-400
                 bo
@@ -212,13 +212,13 @@
               class="
                 inline-block
                 bg-white
-                text-lg
+                lg:text-lg
                 learn-button
                 hover:bg-gray-400
                 bo
                 px-12
                 py-1
-                mr-5
+                lg:mr-5
                 mb-4
                 border-2
                 shadow
@@ -233,13 +233,13 @@
               class="
                 inline-block
                 bg-white
-                text-lg
+                lg:text-lg
                 learn-button
                 hover:bg-gray-400
                 bo
                 px-12
                 py-1
-                mr-5
+                lg:mr-5
                 mb-4
                 border-2
                 shadow
@@ -277,7 +277,7 @@
               :href="brand.sourceUrl"
               class="
                 bg-blue-900
-                text-lg
+                lg:text-lg
                 learn-button
                 hover:bg-blue-800
                 text-white
@@ -600,7 +600,7 @@
               capitalize
                 inline-block
                 bg-white
-                text-lg
+                lg:text-lg
                 learn-button
                 hover:bg-gray-400
                 px-12
@@ -620,7 +620,7 @@
               capitalize
                 inline-block
                 bg-white
-                text-lg
+                lg:text-lg
                 learn-button
                 hover:bg-gray-400
                 px-12

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

@@ -31,7 +31,7 @@
           <div class="..."></div>
 
           <!-- capacity -->
-          <div class="leading-none font-extrabold text-6xl">
+          <div class="leading-none font-extrabold text-5xl">
             {{ stats[0] }}PB
             <span class="block text-3xl uppercase">capacity</span>
           </div>
@@ -50,6 +50,7 @@
               items-center
               justify-center
               bg-green
+              my-4
             "
           >
             <div class="leading-none font-extrabold md:text-6xl">
@@ -83,7 +84,7 @@
         <div class="..."></div>
 
         <!-- cores -->
-        <div class="leading-none font-extrabold text-6xl">
+        <div class="leading-none font-extrabold text-5xl">
           {{ stats[2] }}
           <span class="block text-2xl uppercase">cores</span>
         </div>

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

@@ -8,7 +8,7 @@
       </h2>
       <p class="text-gray-400 leading-relaxed"></p>
 
-      <g-image :src="img(main.image)" class="w-3/4 mx-auto" />
+      <g-image :src="img(main.image)" class="lg:w-2/3 mx-auto" />
     </div>
     <div
       v-if="id == 'support' || id == 'community'"
@@ -52,18 +52,17 @@
         :src="img(logo.image)"
       />
     </div>
-    <div v-if="main.button" class="my-10">
+    <div v-if="main.button" class="my-4">
       <a
         class="
           inline-block
           bg-white
-          text-lg
+          lg:text-lg
           learn-button
           hover:bg-gray-400
           px-12
           py-1
           mr-5
-          my-10
           border-2
           shadow
           border-black

src/pages/Index.vue

@@ -38,6 +38,12 @@
         :main="$page.markdownPage.logosMain"
       />
     </div>
+    <logoShowcase
+      v-if="$page.markdownPage.logos.length > 0"
+      :id="$page.markdownPage.id"
+      :logos="$page.markdownPage.logos"
+      :main="$page.markdownPage.logosMain"
+    />
 
     <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
       <CallToAction