Merge branch 'main' into main

Oluwasetemi · Oct 11, 2023 · 34731bf · 34731bf
2 parents ef77b70 + cd54e46
commit 34731bf
Show file tree

Hide file tree

Showing 5 changed files with 356 additions and 89 deletions.
diff --git a/index.html b/index.html
@@ -1,24 +1,62 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./resources/main.css" />
+    <title>AltSchool OpenSource Names</title>
+  </head>
 
-    <head>
-        <meta charset="UTF-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="./resources/main.css">
-        <title>AltSchool OpenSource Names</title>
-    </head>
-
-    <body>
-        <div id="logo-area">
-            <img src="./resources/altschool_africa_logo.png" alt="AltSchool Africa" id="logo">
-        </div>
-        <div id="list-wrapper">
-            <h1>AltSchool Africa OpenSource Contributors</h1>
-            <div id="names-list"></div>
-        </div>
-        <script src="./resources/script.js"></script>
-        <button id="reload-btn" onclick="window.location.reload();"></button>
-    </body>
-
-</html>
+  <body>
+    <div id="logo-area">
+      <img
+        src="./resources/altschool_africa_logo.png"
+        alt="AltSchool Africa"
+        id="logo"
+      />
+      <div class="toggle">
+        <input type="checkbox" class="checkbox" id="checkbox" />
+        <label for="checkbox" class="label">
+          <i class="fas fa-moon">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+              <path
+                d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"
+              />
+            </svg>
+          </i>
+          <i class="fas fa-sun">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+              <path
+                d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"
+              />
+            </svg>
+          </i>
+          <div class="ball"></div>
+        </label>
+      </div>
+    </div>
+    <div id="list-wrapper">
+      <h1 id="headline">AltSchool Africa OpenSource Contributors</h1>
+      <div id="names-list"></div>
+    </div>
+    <button id="reload-btn" onclick="window.location.reload();">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="h-5 w-5"
+        viewBox="0 0 20 20"
+        fill="#3a3a3a"
+      >
+        <path
+          fill-rule="evenodd"
+          d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z"
+          clip-rule="evenodd"
+        ></path>
+        />
+      </svg>
+    </button>
+    <script src="./resources/script.js"></script>
+  </body>
+</html>