From e958d4a1d06878100170cd96ce548966e3d5222a Mon Sep 17 00:00:00 2001
From: sptaule <lecas83@gmail.com>
Date: Fri, 28 Jan 2022 16:05:30 +0100
Subject: [PATCH] Rearrange index structure

---
 templates/index.html | 43 +++++++++++++++++++++----------------------
 1 file changed, 21 insertions(+), 22 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 5e46ec9..f3a9379 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -24,8 +24,28 @@
       </div>
     </div>
 
-    <div class="grid grid-cols-1 xl:grid-cols-2 gap-x-0 xl:gap-x-12 gap-y-24 text-garage-gray font-light bg-gray-100 py-12 w-full shadow-inner">
+    <div class="w-full flex flex-col items-center justify-center border-b">
+      <div id="map-container" class="relative w-full shadow-inner border-t border-b">
+        <span class="absolute top-1/2 left-1/2 transform -translate-y-1/2 text-2xl text-white font-light select-none px-2 py-1.5 rounded shadow" style="background:#999999;">
+          Made for redundancy
+        </span>
+      </div>
+      <div id="map-legend-container" class="max-w-7xl mx-auto flex items-center justify-around space-x-12 py-2 text-sm text-gray-700">
+          <div>
+            <p class="text-base text-gray-600">Each chunk of data is replicated in 3 zones</p>
+          </div>
+          <div class="flex items-center space-x-2">
+            <img class="select-none" src="{{ get_url(path='icons/servers.svg') }}" width="48px">
+            <span>Zone (multiple servers)</span>
+          </div>
+          <div class="flex items-center space-x-2">
+            <img class="select-none" src="{{ get_url(path='icons/datachunks.svg') }}" width="48px">
+            <span>Chunks of data</span>
+          </div>
+      </div>
+    </div>
 
+    <div class="grid grid-cols-1 xl:grid-cols-2 gap-x-0 xl:gap-x-12 gap-y-24 text-garage-gray font-light bg-gray-100 py-12 w-full shadow-inner">
       <div class="flex flex-col items-center justify-start space-y-2">
         <h2 class="mb-2 text-2xl font-bold text-garage-orange leading-5">Our Goals</h2>
         <div class="w-8 h-1 bg-garage-orange"></div>
@@ -170,27 +190,6 @@
       </div>
     </div>
 
-    <div class="w-full flex flex-col items-center justify-center border-b">
-      <div id="map-container" class="relative w-full shadow-inner border-t border-b">
-        <span class="absolute top-1/2 left-1/2 transform -translate-y-1/2 text-2xl text-white font-light select-none px-2 py-1.5 rounded shadow" style="background:#999999;">
-          Made for redundancy
-        </span>
-      </div>
-      <div id="map-legend-container" class="max-w-7xl mx-auto flex items-center justify-around space-x-12 py-2 text-sm text-gray-700">
-          <div>
-            <p class="text-base text-gray-600">Each chunk of data is replicated in 3 zones</p>
-          </div>
-          <div class="flex items-center space-x-2">
-            <img class="select-none" src="{{ get_url(path='icons/servers.svg') }}" width="48px">
-            <span>Zone (multiple servers)</span>
-          </div>
-          <div class="flex items-center space-x-2">
-            <img class="select-none" src="{{ get_url(path='icons/datachunks.svg') }}" width="48px">
-            <span>Chunks of data</span>
-          </div>
-      </div>
-    </div>
-
     <div class="w-full flex flex-col items-center justify-center shadow-inner"></div>
       <div class="py-24 space-y-8 text-garage-gray max-w-4xl mx-auto">
         <h2 class="text-2xl text-garage-orange font-semibold">Sponsors and funding</h2>