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

content/about/index.md

@@ -181,7 +181,7 @@ We are a dedicated group committed to advancing a new digital era. Some of us ha
 {% row( style="") %}
 
 
-<div class="person flex md:flex-row flex-col items-start">
+<div class="person flex md:flex-row flex-col items-start mb-4">
 
 
 <div class="">
@@ -208,7 +208,7 @@ We are a dedicated group committed to advancing a new digital era. Some of us ha
 |||
 
 
-<div class="person flex md:flex-row flex-col items-start">
+<div class="person flex md:flex-row flex-col items-start mb-4">
 
 
 <div class="">
@@ -235,7 +235,7 @@ We are a dedicated group committed to advancing a new digital era. Some of us ha
 |||
 
 
-<div class="person flex md:flex-row flex-col items-start">
+<div class="person flex md:flex-row flex-col items-start mb-4">
 
 
 <div class="">
@@ -264,7 +264,7 @@ We are a dedicated group committed to advancing a new digital era. Some of us ha
 
 {% row( style="mbottom") %}
 
-<div class="person flex md:flex-row flex-col items-start">
+<div class="person flex md:flex-row flex-col items-start mb-4">
 
 
 <div class="">
@@ -290,7 +290,7 @@ We are a dedicated group committed to advancing a new digital era. Some of us ha
 
 |||
 
-<div class="person flex md:flex-row flex-col items-start">
+<div class="person flex md:flex-row flex-col items-start mb-4">
 
 
 <div class="">
@@ -316,7 +316,7 @@ We are a dedicated group committed to advancing a new digital era. Some of us ha
 
 |||
 
-<div class="person flex md:flex-row flex-col items-start">
+<div class="person flex md:flex-row flex-col items-start mb-4">
 
 
 <div class="">

content/home/index.md

@@ -152,7 +152,8 @@ ThreeFold’s technological infrastructure will empower many projects and initia
 
 <br>
 
-ThreeFold is working with the Zanzibar Communication Corporation (ZICTIA), on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all. The announcement was made August 2023, and progress has been ongoing behind the scenes since then. Updates expected Q4 2024.
+<span class="text-md truncate ..." >ThreeFold is working with the Zanzibar Communication Corporation (ZICTIA), on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all. The announcement was made August 2023, and progress has been ongoing behind the scenes since then. Updates expected Q4 2024.
+</span>
       
 </div>
 </div>
@@ -174,9 +175,11 @@ ThreeFold is working with the Zanzibar Communication Corporation (ZICTIA), on be
 #### **Tanzanian Sovereign Internet**
 
 <br>
-
+<span class="text-md truncate ..." >
 In January 2024, ThreeFold announced in collaboration with The ICT Commission of Tanzania and Holochain a collaboration to deploy sovereign Internet in Tanzania, along with the introduction of coding academies and innovation hubs. The Dunia Yetu cooperative is being set up and efforts will ramp up in 2025.
 
+</span>
+
 </div>
 </div>
 
@@ -206,7 +209,7 @@ For years, ThreeFold has been quietly and steadily developing its innovative tec
 
 <br>
 
-We are currently fundraising for the next stage of our project – major commercial expansion. This will involved the launch of the $INCA token on the Solana blockchain. If you are interested in learning more or taking part, please reach out.
+We are currently fundraising for the next stage of our project – major commercial expansion. This will involve the launch of the $INCA token on the Solana blockchain. If you are interested in learning more or taking part, please reach out.
 
 <br>
 

content/people/sasha_astiadi/index.md

@@ -1,7 +1,7 @@
 ---
 title: Sasha Astiadi
 weight: 2
-description: Websites
+description: Web Operations
 taxonomies:
     people: [sasha_astiadi]
     memberships: [team]

content/technology/index.md

@@ -14,6 +14,8 @@ extra:
 
 {% row(style="header reverse") %}
 
+<br>
+
 #### <span class="text-xl subtitle">ENABLING A GLOBAL NETWORK OF INTERCONNECTED NODES</span>
 
 ## **A <span class="blue">Secure & Sovereign</span> Infrastructure Layer for the Internet**

css/index.css

@@ -219,7 +219,7 @@ background-color:#5596f5 !important;
 }
 
 .mycard{
-  height: 240px !important;
+  height: 300px !important;
 }
 
 
@@ -562,8 +562,18 @@ header {
 @media (min-width: 1024px){
   h2 {
     font-size: 3.5rem;
-  }  
+  } 
+  
 }
+
+@media (max-width: 1024px) {
+
+  .mycard{
+    height: auto !important;
+  }
+
+}
+
 @media (max-width: 640px) {
   .banner h2 {
     font: 600 7vw/10vw;
@@ -582,6 +592,10 @@ header {
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);   
    }
+
+   .mycard{
+    height: auto !important;
+  }
 }
 
 @media (max-width: 480px) {
@@ -616,6 +630,10 @@ header {
          height: auto !important;
   }
 
+  .mycard{
+    height: auto !important;
+  }
+
   .key_card{
     height: auto;
   }

templates/shortcodes/row.html

@@ -42,7 +42,7 @@ Parameters:
 
 <!-- Splits body to columns -->
 {% set columns = body | safe | markdown | split(pat="|||") %}
-{% set row_class =  "relative lg:p-4 p-1 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row"%}
+{% set row_class =  "relative lg:p-4 p-1 flex flex-col xl:flex xl:flex-row"%}
 
 <!-- aligns columns depending on col number-->
 {% if 2 < columns | length %}
@@ -51,7 +51,7 @@ Parameters:
     {% set row_class = row_class ~ " lg:items-center" %}
 {% endif %}
 
-{% set col_class = "flex-1 mb-6 md:mb-0 px-2 md:px-4" %}
+{% set col_class = "flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full" %}
 {% set row_id = '' %}
 
 {% if id %}
@@ -74,7 +74,7 @@ Parameters:
 
     {% if "center" in style %}
         {% set row_class = row_class ~ " text-center mx-auto justify-center" %}
-        {% set col_class = col_class ~ " flex-1 m-2 lg:m-0" %}
+        {% set col_class = col_class ~ " m-2 lg:m-0" %}
     {% endif %}
 
     {% if "text-white" in style %}
@@ -84,23 +84,23 @@ Parameters:
     <!-- makes row with margins -->
     {% if "margin" in style %}
         {% set row_class = row_class ~ " lg:py-24 py-10" %}
-        {% set col_class = col_class ~ " flex-1 m-2 lg:m-0" %}
+        {% set col_class = col_class ~ " m-2 lg:m-0" %}
     {% endif %}
 
     <!-- makes row with margins -->
     {% if "header" in style %}
-        {% set row_class = row_class ~ " h-auto md:h-screen mt-4 lg:mt-0" %}
+        {% set row_class = row_class ~ " h-auto xl:h-screen md:h-auto mt-4 lg:mt-0" %}
         {% set col_class = col_class ~ " mt-3" %}
     {% endif %}
 
     {% if "mtop" in style %}
         {% set row_class = row_class ~ " lg:pt-24 pt-2" %}
-        {% set col_class = col_class ~ " flex-1 m-2 lg:m-0" %}
+        {% set col_class = col_class ~ " m-2 lg:m-0" %}
     {% endif %}
 
     {% if "mbottom" in style %}
         {% set row_class = row_class ~ " lg:pb-24" %}
-        {% set col_class = col_class ~ " flex-1 m-2 lg:m-0" %}
+        {% set col_class = col_class ~ " m-2 lg:m-0" %}
     {% endif %}
 
     <!-- makes row full screen width, strips margins -->