From bed031705b255cc5c21494bda0b375a6bf4684dc Mon Sep 17 00:00:00 2001
From: Husseinat Etti-Balogun <hebalogun@gmail.com>
Date: Tue, 22 Oct 2024 22:45:59 +0900
Subject: [PATCH] added index.css to change web design

---
 _includes/theme.html |  13 ---
 _includes/top.html   |   3 +-
 assets/css/index.css | 199 +++++++++++++++++++++++++++++++++++++++++++
 build_themes.sh      |   3 -
 4 files changed, 200 insertions(+), 18 deletions(-)
 delete mode 100644 _includes/theme.html
 create mode 100644 assets/css/index.css
 delete mode 100644 build_themes.sh

diff --git a/_includes/theme.html b/_includes/theme.html
deleted file mode 100644
index 38fb0f5..0000000
--- a/_includes/theme.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
-<div class="dropdown">
-    <a class="dropbtn" style="color: #111; cursor: pointer; padding: 3pt; border-radius: 3pt">Theme</a>
-    <div class="dropdown-content">
-      {% for theme in site.data.themes %}
-        {% if theme.name == "jekyll-theme-minimal" %}
-          <a href="/{{ theme.url }}"><b>{{ theme.name }}</b></a>
-        {% else %}
-          <a href="/{{ theme.url }}">{{ theme.name }}</a>
-        {% endif %}
-      {% endfor %}
-    </div>
-  </div>
\ No newline at end of file
diff --git a/_includes/top.html b/_includes/top.html
index c7ef590..736c09b 100644
--- a/_includes/top.html
+++ b/_includes/top.html
@@ -16,6 +16,5 @@
     <link rel="icon" type="image/png" href="/assets/favicons/favicon2.png">
     
     <!-- CSS -->
-    <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">     
-    <link rel="stylesheet" href="{{ "/assets/css/custom.css" | relative_url }}">
+    <link rel="stylesheet" href=""/assets/css/index.css"> 
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head> 
diff --git a/assets/css/index.css b/assets/css/index.css
new file mode 100644
index 0000000..6be7860
--- /dev/null
+++ b/assets/css/index.css
@@ -0,0 +1,199 @@
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
+
+body {
+    margin: 0;
+    font-family: "Space Grotesk", sans-serif;
+    display: flex;
+    flex-direction: column;
+}
+
+/* Nav */
+nav {
+    display: flex;
+    width: 100%;
+    position: relative;
+    box-sizing: border-box;
+    border-bottom: 2px solid aqua;
+    background-color: black;
+}
+
+nav ul {
+    justify-content: space-between;
+    align-items: center;
+    list-style-type: none;
+    display: flex;
+    color: white;
+    padding: 0;
+    width: 60%;
+    margin: 0;
+    box-sizing: border-box;
+}
+
+nav ul li {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    border-right: 2px solid aqua;
+    align-items: center;
+    justify-content: center;
+    transition: 0.3s;
+    cursor: pointer;
+}
+
+nav ul li:has(button) {
+    border-right: none;
+}
+
+nav ul li:hover {
+    background-color: white;
+    color: aqua;
+    font-weight: 500;
+}
+
+nav button {
+    background-color: transparent;
+    color: inherit;
+    font-family: inherit;
+    color: inherit;
+    border: none;
+    outline: none;
+    font-weight: inherit;
+    font-size: inherit;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+
+a {
+    color: inherit;
+    text-decoration: none;
+
+}
+
+.logo {
+    width: 50%;
+    padding: 48px 0;
+    display: flex;
+    align-items: center;
+    border-right: 2px solid aqua;
+}
+
+.logo img {
+    display: none;
+}
+
+
+
+
+/* HERO */
+
+h1 {
+    font-size: 64px;
+    margin: 0;
+}
+
+#start {
+    width: 100%;
+    box-sizing: border-box;
+    display: flex;
+    border-bottom: 2px solid aqua;
+}
+
+#start article {
+    border-right: 2px solid aqua;
+    width: calc(56.41% );
+    box-sizing: border-box;
+    padding: 64px 48px;
+    display: flex;
+    flex-direction: column;
+}
+
+/* #start figure {
+    width: 60%;
+    display: flex;
+} */
+
+
+
+
+
+/* MISSION */
+.mission {
+    border-bottom: 2px solid aqua;
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+}
+
+h2 {
+    font-size: 40px;
+    margin: 0;
+}
+
+.mission figure {
+    width:  54%;
+}
+
+.mission article {
+    border-left: 2px solid aqua;
+    width: calc(46.3% );
+    box-sizing: border-box;
+    padding: 120px 48px;
+    display: flex;
+    flex-direction: column;
+}
+
+
+/* Webinars */
+.webinars {
+    border-bottom: 2px solid aqua;
+    display: flex;
+    padding: 64px 48px;
+    width: 100%;
+    box-sizing: border-box;
+    flex-direction: column;
+}
+h3 {
+    font-size: 32px;
+    margin: 0;
+}
+
+.webinars button {
+    width: max-content;
+    padding: 24px 32px;
+    border: 2px solid black;
+    box-shadow: 5px 5px 1px black;
+    color: inherit;
+    font-family: inherit;
+    color: inherit;
+    outline: none;
+    font-weight: inherit;
+    font-size: inherit;
+    transition: 0.1s;
+    cursor: pointer;
+}
+
+.webinars button:hover {
+    translate: -10px -10px;
+    box-shadow: 10px 10px 1px black;
+
+}
+
+
+
+/* footer */
+footer {
+    width: 100%;
+    padding: 48px;
+    display: flex;
+    /* flex-direction: column; */
+    gap: 16px;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background-color: black;
+    color: white;
+}
+
+footer p {
+    margin: 0;
+}
\ No newline at end of file
diff --git a/build_themes.sh b/build_themes.sh
deleted file mode 100644
index 4fd817d..0000000
--- a/build_themes.sh
+++ /dev/null
@@ -1,3 +0,0 @@
-echo "Building Docs Site Theme ..."
-cd docs;
-bundle exec jekyll build;