Doc refactor, doc and index QoL, fix search: working on every page

1 files changed, 12 insertions, 12 deletions

diff --git a/templates/index.html b/templates/index.html
index 08cce9c..83adef7 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,25 +7,25 @@
     <div class="flex flex-col items-center justify-center py-12 px-12 xl:px-0">
       <img src="{{ config.extra.organization.logo }}" width="220px" class="" />
       <p class="text-gray-500 leading-10 pt-4 text-xl text-center">{{ config.extra.organization.description }}</p>
-      <div class="max-w-7xl mx-auto grid-cols-1 md:grid grid-cols-3 gap-x-32 py-12">
+      <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-x-32 py-12">
           <div class="group flex flex-col items-start justify-center p-2">
-            <img src="{{ get_url(path='images/host2.png') }}" class="transform group-hover:translate-y-4 transition duration-500">
-            <span class="text-xl text-gray-700 font-semibold mt-4 transform group-hover:-translate-y-2 transition duration-500">Host a Website</span>
+            <img src="{{ get_url(path='images/host2.png') }}" class="transform group-hover:translate-y-2 transition duration-500">
+            <span class="text-xl text-gray-700 font-semibold mt-4 transform group-hover:-translate-y-1 transition duration-500">Host a Website</span>
           </div>
           <div class="group flex flex-col items-center justify-center p-2">
-            <img src="{{ get_url(path='images/store.png') }}" class="transform group-hover:translate-y-4 transition duration-500">
-            <span class="text-xl text-gray-700 font-semibold mt-4 transform group-hover:-translate-y-2 transition duration-500">Store Media</span>
+            <img src="{{ get_url(path='images/store.png') }}" class="transform group-hover:translate-y-2 transition duration-500">
+            <span class="text-xl text-gray-700 font-semibold mt-4 transform group-hover:-translate-y-1 transition duration-500">Store Media</span>
           </div>
           <div class="group flex flex-col items-end justify-center p-2">
-            <img src="{{ get_url(path='images/backup.png') }}" class="transform group-hover:translate-y-4 transition duration-500">
-            <span class="text-xl text-gray-700 font-semibold mt-4 transform group-hover:-translate-y-2 transition duration-500">Backup Target</span>
+            <img src="{{ get_url(path='images/backup.png') }}" class="transform group-hover:translate-y-2 transition duration-500">
+            <span class="text-xl text-gray-700 font-semibold mt-4 transform group-hover:-translate-y-1 transition duration-500">Backup Target</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-center space-y-2">
+      <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>
         <p class="text-center leading-5 italic">We made it lightweight and kept the efficiency in mind.</p>
@@ -58,7 +58,7 @@
         </ul>
       </div>
 
-      <div class="flex flex-col items-center justify-center space-y-2">
+      <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">Keeping requirements low</h2>
         <div class="w-8 h-1 bg-garage-orange"></div>
         <p class="text-center leading-5 italic">
@@ -103,7 +103,7 @@
         </ul>
       </div>
 
-      <div class="flex flex-col items-center justify-center space-y-2 px-6 xl:px-0">
+      <div class="flex flex-col items-center justify-start space-y-2 px-6 xl:px-0">
         <h2 class="mb-2 text-2xl font-bold text-garage-orange leading-5">Data resiliency for everyone</h2>
         <div class="w-8 h-1 bg-garage-orange"></div>
         <p class="text-center leading-5 italic pb-4">
@@ -146,8 +146,8 @@
         </ul>
       </div>
 
-      <div class="flex flex-col items-center justify-center space-y-2 px-6 xl:px-0">
-        <h2 class="mb-2 text-2xl font-bold text-garage-orange leading-5">Built on the shoulder of giants</h2>
+      <div class="flex flex-col items-center justify-start space-y-2 px-6 xl:px-0">
+        <h2 class="mb-2 text-2xl font-bold text-garage-orange leading-5">Standing on the shoulders of giants</h2>
         <div class="w-8 h-1 bg-garage-orange"></div>
         <p class="text-center leading-5 italic">
           Lorem ipsum dolor sit amet consectetur adipisicing elit.