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

content/page/tft/carousel/Slide1/index.md

@@ -1,4 +1,4 @@
 ---
 id: slide1
-img: ./bg_1.jpg
+img: ./solidaridad.png
 ---

content/page/tft/carousel/Slide10/index.md

@@ -0,0 +1,4 @@
+---
+id: slide9
+img: ./tomochain.png
+---

content/page/tft/carousel/Slide2/index.md

@@ -1,4 +1,4 @@
 ---
 id: slide2
-img: ./bg_2.jpg
+img: ./hpe.png
 ---

content/page/tft/carousel/Slide3/index.md

@@ -1,4 +1,4 @@
 ---
 id: slide3
-img: ./bg_3.jpg
+img: ./digitalbyte.png
 ---

content/page/tft/carousel/Slide4/index.md

@@ -1,4 +1,4 @@
 ---
 id: slide4
-img: ./bg_4.jpg
+img: ./dash.png
 ---

content/page/tft/carousel/Slide5/index.md

@@ -1,4 +1,4 @@
 ---
 id: slide5
-img: ./bg_5.jpg
+img: ./saspelabs.png
 ---

content/page/tft/carousel/Slide6/index.md

@@ -1,4 +1,4 @@
 ---
 id: slide6
-img: ./bg_6.jpg
+img: ./matic.png
 ---

content/page/tft/carousel/Slide7/index.md

@@ -1,4 +1,4 @@
 ---
 id: slide7
-img: ./bg_7.jpg
+img: ./presearch.png
 ---

content/page/tft/carousel/Slide8/index.md

@@ -0,0 +1,4 @@
+---
+id: slide8
+img: ./neo.png
+---

content/page/tft/carousel/Slide9/index.md

@@ -0,0 +1,4 @@
+---
+id: slide9
+img: ./seeds.png
+---

content/page/tft/tft.md

@@ -14,7 +14,7 @@ link: /
 cta: tft_cta
 brandPanel: tft_brandPanel
 card: tft_card
-carousel: [slide1, slide2, slide3, slide4, slide5, slide6 , slide7]
+carousel: [slide1, slide2, slide3, slide4, slide5, slide6 , slide7 , slide8 , slide9 , slide10]
 sliderMain: slider_main
 useTftMain: useTft_main
 tftUses: [col1, col2, col3]

src/assets/scss/main.scss

@@ -34,7 +34,7 @@ h1, h2 {
 
 .tft_section h1{
   font-family: 'Oswald', sans-serif !important;
-  font-size: 6rem;
+  font-size: 5rem;
 }
 
 .tft_section h2{
@@ -206,6 +206,16 @@ text-5xl {
   }
 }
 
+@media (max-width: 480px) {
+
+  .tft_section h1{
+    font-size: 4rem;
+  }
+  .tft_section h2{
+    font-size: 3rem;
+  }
+}
+
 @media (min-width: 768px) {
   .with-large > .flex-post:nth-child(5n),
   .with-large > .flex-post:nth-child(5n-1) {

src/components/custom/Slider.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="my-20 tft_section">
+  <div class="my-20 tft_section px-10">
     <div v-if="main" class="text-center mx-2">
       <h2 class="text-8xl uppercase leading-none font-heading my-0">{{ main.title }}</h2>
       <h2 v-if="main.subtitle" class="text-8xl uppercase leading-none font-heading mt-0">{{ main.subtitle }}</h2>

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

@@ -166,9 +166,9 @@
       v-else-if="id == 'tft'"
     >
       <div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none text-center">
-        <h2 class="text-8xl mb-6 mt-20 leading-none font-heading">
+        <h1 class="text-8xl mb-6 mt-20 leading-none font-heading">
           {{ title }}
-        </h2>
+        </h1>
         <div class="mb-8 text-gray-800 text-3xl tft_subtitle" v-html="excerpt"></div>
         <div v-if="button">
           <a

src/components/marketing/sections/team-sections/with_large_images.vue

@@ -22,7 +22,7 @@
           lg:gap-x-8
         "
       >
-        <div v-for="(section, index) in sections" :key="index" class="p-6">
+        <div v-for="(section, index) in sections" :key="index" class="p-5">
           <div class="leading-6">
             <h1 class="text-9xl font-bold uppercase mt-0" v-if="section.title">
               {{ section.title }}