From bb36379fa95b00ca3263a474d25135f8b0729f3b Mon Sep 17 00:00:00 2001
From: Chi Huu Huynh <73843190+Chi-EEE@users.noreply.github.com>
Date: Thu, 18 Apr 2024 23:56:10 +0100
Subject: [PATCH] Update documentation index

---
 docs/index.html       | 41 ++++++++++++++++-------------------------
 docs/static/main.css  | 16 ----------------
 docs/static/stack.css | 18 +++++++++---------
 3 files changed, 25 insertions(+), 50 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index a561448e..cb3029ed 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -11,41 +11,32 @@
 </head>
 
 <body>
-    <div id="container">
+    <div id="container" style="display: grid; grid-template-rows: repeat(2, minmax(0, 1fr));">
         <div id="top-section">
             <h1>Documentation</h1>
             <p>Click any of the sections on the bottom to go to their respective documentation.</p>
         </div>
-        <div id="bottom-section">
-            <div id="backend" class="sub-section">
-                <a class="fill" href="backend">
+        <div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));">
+            <div id="raspberry_pi" class="sub-section">
+                <a class="fill" href="raspberry_pi">
                     <div class="box">
-                        <h2>Backend</h2>
+                        <h2>Raspberry Pi</h2>
                         <div class="circle">
-                            <img src="./static/C++-Logo.png" alt="C++ Logo">
+                            <img src="./static/Raspberry_Pi-Logo.png" alt="Raspberry Pi Logo">
                         </div>
+                    </div>
                 </a>
             </div>
-        </div>
-        <div id="frontend" class="sub-section">
-            <a class="fill" href="frontend">
-                <div class="box">
-                    <h2>Frontend</h2>
-                    <div class="circle">
-                        <img src="./static/JavaScript-logo.png" alt="Javascript Logo">
-                    </div>
-                </div>
-            </a>
-        </div>
-        <div id="raspberry_pi" class="sub-section">
-            <a class="fill" href="raspberry_pi">
-                <div class="box">
-                    <h2>Raspberry Pi</h2>
-                    <div class="circle">
-                        <img src="./static/Raspberry_Pi-Logo.png" alt="Raspberry Pi Logo">
+            <div id="other" class="sub-section">
+                <a class="fill" href="other">
+                    <div class="box">
+                        <h2>Other</h2>
+                        <div class="circle">
+                            <img src="./static/C++-Logo.png" alt="C++ Logo">
+                        </div>
                     </div>
-                </div>
-            </a>
+                </a>
+            </div>
         </div>
     </div>
     </div>
diff --git a/docs/static/main.css b/docs/static/main.css
index 709533c3..d76e63f1 100644
--- a/docs/static/main.css
+++ b/docs/static/main.css
@@ -37,22 +37,6 @@ a {
     text-decoration: inherit;
 }
 
-#container {
-    display: flex;
-    flex-direction: column;
-    height: 100vh;
-}
-
-#top-section {
-    flex: 1;
-    text-align: center;
-}
-
-#bottom-section {
-    display: flex;
-    flex: 1;
-}
-
 .sub-section {
     flex: 1;
     text-align: center;
diff --git a/docs/static/stack.css b/docs/static/stack.css
index c9e727ff..8e92fc1e 100644
--- a/docs/static/stack.css
+++ b/docs/static/stack.css
@@ -1,12 +1,3 @@
-#backend {
-    background-color: #1A4D89;
-    color: white;
-}
-
-#backend .circle {
-    background-color: #376399;
-}
-
 #frontend {
     background-color: #F8EEB9;
     color: black;
@@ -24,3 +15,12 @@
 #raspberry_pi .circle {
     background-color: #8b002a;
 }
+
+#other {
+    background-color: #1A4D89;
+    color: white;
+}
+
+#other .circle {
+    background-color: #376399;
+}
\ No newline at end of file
