update expan header

content/expand/index.md

@@ -6,22 +6,9 @@ insert_anchor_links: "left"
 
 <!-- section 1 (be the Internet) -->
 
-{% row(style="semiNarrow mbottom" bgPath="bg_new.jpg") %}
+{% header_new() %}
 
-<br>
-
-<br>
-
-![](nodeheader.png#large)
-
-||| 
-
-# Be the **Internet**
-### Host a node, support a decentralized future
-
-By connecting a modern computer at your home or office to the ThreeFold Grid, you can provide Internet capacity to communities and builders, and be rewarded for doing this. Take part in shaping a new Internet era governed by all of us.
-
-<button>[Get Started](https://manual.grid.tf/TF_Farmer_Guide/tf_farmer_guide_readme.html)</button>
+## Be The Internet
 
 {% end %}
 

templates/_default/base.html

@@ -42,7 +42,7 @@
   <!-- End Twitter universal website tag code -->
 
   {% include "partials/header.html" %}
-  <div id="content" class="p-4 pt-12 sm:p-12 md:p-16 lg:p-20 overflow-hidden">
+  <div id="content" class="pt-12 overflow-hidden">
     {% block content %}{% endblock %}
   </div>
   <div class="p-8">

templates/shortcodes/header_new.html

@@ -0,0 +1,20 @@
+<div class="text-gray-900 bg-cover bg-no-repeat mybg" style="background-image:url(expand/BG_wide.png)">
+    <div class="h-full">
+      <div class="flex flex-col items-center md:flex-row">
+       <div class="w-full md:w-1/2">
+          <div class="block">
+            <img
+                src="expand/togethericon.png" class="w-full h-full"/>
+          </div>
+        </div>
+        <div class="flex flex-col items-start justify-center w-full py-24 md:w-1/2">
+          <div class="flex flex-col items-start justify-center p-6">
+            <h1>Be the <strong>Internet</strong></h1>
+            <h3 class="my-0">Host a node, support a decentralized future</h3>
+            <p>By connecting a modern computer at your home or office to the ThreeFold Grid, you can provide Internet capacity to communities and builders, and be rewarded for doing this. Take part in shaping a new Internet era governed by all of us.</p>
+            <button class="mx-0"><a target="_blank" href="https://manual.grid.tf/TF_Farmer_Guide/tf_farmer_guide_readme.html">Get Started</a></button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>