fix build at mobile

content/build/index.md

@@ -4,47 +4,24 @@ template: "page.html"
 insert_anchor_links: "left"
 ---
 
-<br>
+<!-- section 1  -->
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
 
-{% row(style="center narrow") %}
+{% row(style="center margin narrow") %}
 
 ## The Next Generation of <br> **Cloud Computing**
 
 Deploy any workload with unprecedented security, scalability, and efficiency, on a fully comprehensive peer-to-peer digital infrastructure. Discover a cloud like no other.
 
-{% end %}
+<br>
-
-{% row(style="center narrow") %}
 
 <button>[Dashboard](https://dashboard.grid.tf)</button>
-
-|||
-
 <button>[Weblets](https://play.grid.tf)</button>
-
+<button>[Manual](https://library.threefold.me/info/manual/#/manual__manual3_home_new)
-|||
+<button>[Chat](https://t.me/threefoldtesting)</button>
-
-<button>[Manual](https://library.threefold.me/info/manual/#/manual__manual3_home_new)</button>
-
-|||
-
-<button>[Chat](https://t.me/threefoldtesting)
 
 {% end %}
 
-<br>
+<!-- section 2  -->
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
 
 {% row(style="center margin") %}
 
@@ -79,10 +56,9 @@ Private overlay networks and global end-to-end encryption minimize attack surfac
 
 {% end %}
 
-<br />
+<!-- section 3  -->
-<br />
 
-{% row(style="center between") %}
+{% row(style="center mtop between") %}
 
 [![quantum safe storage](qss.png#mx-auto)](https://library.threefold.me/info/manual/#/technology/qsss/threefold__qsss_home)
 
@@ -96,7 +72,7 @@ Private overlay networks and global end-to-end encryption minimize attack surfac
 
 {% end %}
 
-{% row(style="center between") %}
+{% row(style="center mbottom between") %}
 
 [![kubernetes](kubernetes.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__weblets_k8s)
 
@@ -110,12 +86,10 @@ Private overlay networks and global end-to-end encryption minimize attack surfac
 
 {% end %}
 
-<br />
+<!-- section 4 -->
-<br />
-<br />
-<br />
 
-{% row(style="center narrow") %}
+
+{% row(style="center mtop narrow") %}
 
 ## Designed for <br> **Demanding Workloads**
 
@@ -125,13 +99,11 @@ Private overlay networks and global end-to-end encryption minimize attack surfac
 
 ![Image](capacity.png#medium)
 
-<br/>
-<br/>
-
-#### **Edge Capacity**
 
 <br/>
-<br/>
+
+### **Edge Capacity**
+
 
 Achieve low latencies and bandwidth efficiency by reserving capacity locally.
 
@@ -139,13 +111,11 @@ Achieve low latencies and bandwidth efficiency by reserving capacity locally.
 
 ![Image](secure.png#medium)
 
-<br/>
-<br/>
-
-#### **Secure**
 
 <br/>
-<br/>
+
+### **Secure**
+
 
 Open-source system built from the ground-up for a fully transparent and auditable stack.
 
@@ -153,13 +123,11 @@ Open-source system built from the ground-up for a fully transparent and auditabl
 
 ![Image](scalable.png#medium)
 
-<br/>
-<br/>
-
-#### **Scalable**
 
 <br/>
-<br/>
+
+### **Scalable**
+
 
 An autonomous infrastructure that grows naturally with demand, where and when it is needed.
 
@@ -167,24 +135,26 @@ An autonomous infrastructure that grows naturally with demand, where and when it
 
 ![Image](effecient.png#medium)
 
-<br/>
-<br/>
-
-#### **Efficient**
 
 <br/>
-<br/>
+
+### **Efficient**
+
 
 A carefully designed collection of lightweight components that minimize overheads.
 
 {% end %}
 
-{% row(style="center narrow") %}
+
+
+{% row(style="center mbottom narrow") %}
 
 <button>[Learn More](https://library.threefold.me/info/threefold#/cloud/threefold__cloud_home)</button>
 
 {% end %}
 
+<!-- section 4 -->
+
 {% cloud_stats() %}
 
 ## A Global **Edge Infrastructure**

content/header/index.md

@@ -10,7 +10,7 @@ extra:
 
 - [Mission]("/mission")
 - [Grid]("/grid")
-- [Build]("/cloud")
+- [Build]("/build")
 - [Farm]("/farm")
 - [TFT]("/tft")
 - Ecosystem

templates/shortcodes/cloud_stats.html

@@ -7,20 +7,20 @@
 {% endif %}
 
 {% if data %}
-<div class="lg:py-20 py-10 sm:pt-16">
+<div class="lg:py-24 py-10 sm:pt-10">
   <div class="mx-auto px-4 sm:px-6 lg:px-8">
     <div class="lg:max-w-xl mx-auto text-center">
       <h2 class="
             
           lg:text-6xl
           text-center
-          uppercase
+          capitalize
           my-2
           leading-none
-          font-normal font-heading
+          font-light 
         
           ">
-        A GLOBAL EDGE INFRASTRUCTURE
+        A Global Edge <br><span class="font-medium"> Infrastructure</span>
       </h2>
     </div>
   </div>
@@ -158,7 +158,8 @@
             bg-white
             text-lg
             learn-button
-            hover:bg-gray-400
+            text-gray-700
+            hover:text-gray-500
             bo
             px-12
             py-1