Update documentation index

Chi-EEE · Apr 18, 2024 · bb36379 · bb36379
1 parent a0e5ed9
commit bb36379
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 50 deletions.
diff --git 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
@@ -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
@@ -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;
+}