diff options
Diffstat (limited to 'templates/index.html')
-rwxr-xr-x | templates/index.html | 43 |
1 files 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> |