Merge pull request #52 from johndavedosn/main

Dark mode
Panini-Devs · Jul 5, 2024 · 84f41a8 · 84f41a8
2 parents 4d9134c + 15be617
commit 84f41a8
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 17 deletions.
diff --git a/docs/Assets/Genshin.png b/docs/Assets/Genshin.png
diff --git a/docs/Assets/logo.png b/docs/Assets/logo.png
diff --git a/docs/Assets/math_ico.png b/docs/Assets/math_ico.png
diff --git a/docs/CSS/style.css b/docs/CSS/style.css
@@ -10,7 +10,7 @@ h2, h1, h3 {
     flex-direction: row;
     justify-content: space-between;
     position: fixed;
-    background-color: #f8f8f8;
+    background-color: black;
 
     width: 100%;
     top: 0;
@@ -25,7 +25,7 @@ h2, h1, h3 {
     padding-left: 600px;
 }
 .hdr a {
-    color: black;
+    color: white;
     text-decoration: none;
     font-family: "Roboto", sans-serif;
     padding-right: 15px;
@@ -64,8 +64,8 @@ body {
 }
 
 .dropbtn {
-    background-color: #f8f8f8;
-    color: black;
+    background-color: black;
+    color: white;
     padding: 16px;
     font-size: 16px;
     border: none;
@@ -80,21 +80,21 @@ body {
 .dropdown-content {
     display: none;
     position: absolute;
-    background-color: #f1f1f1;
+    background-color: black;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
 }
 
 .dropdown-content a {
-    color: black;
+    color: white;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
 }
 
 .dropdown-content a:hover {
-    background-color: #ddd;
+    background-color: gray;
 }
 
 .dropdown:hover .dropdown-content {
@@ -103,9 +103,12 @@ body {
 }
 
 .dropdown:hover .dropbtn {
-    background-color: lightgrey;
+    background-color: grey;
 } 
-
+.logo {
+    width: 850px;
+    height: 350px;
+}
 @media screen and (max-width: 850px) {
     .grid-of-4 {
         display: flex;
@@ -135,7 +138,7 @@ body {
     color: white;
     height: 50px;
     width: 100px;
-    box-shadow: 4px 4px 20px 4px grey;
+    box-shadow: 4px 4px 20px 4px rgb(83, 80, 80);
     cursor: pointer;
 }
 .gsbtn:hover {
@@ -146,6 +149,8 @@ body {
 body, html {
     height: 100%;
     margin: 0;
+    background-color: black;
+    color: white;
 }
 
 .footer {
@@ -159,14 +164,15 @@ body, html {
     flex-direction: column;
     margin-top: 20px;
     align-items: center;
+    border-top: 1.7px solid gray;
 }
 .footer a {
     color: white;
     text-decoration: none;
     padding-right: 50px;
 }
 .footer nav{
-    padding-left: 40px;
+    padding-left: 70px;
 }
 .normal-nav {
     display: flex;

diff --git a/docs/index.html b/docs/index.html
@@ -25,15 +25,13 @@
             <div class="dropdown-content">
                 <a href="./index.html">Home</a>
                 <a href="https://github.com/Panini-Devs/bismarck" target="_blank">Github</a>
-                <a href="">Docs</a>
             </div>
           </div> 
         <img src="Assets/logo.png" alt="bismarck logo" class="logo-hdr" width="200" height="50">
         <h2>Bismarck</h2>
         <nav class="normal-nav">
             <a href="./index.html">Home</a>
             <a href="https://github.com/Panini-Devs/bismarck" target="_blank">Github</a>
-            <a href="">Docs</a>
         </nav>
 
     </header>
@@ -48,13 +46,13 @@ <h1>A discord bot made to let <span class="gradient-underline">you</span> choose
             <h1>Features</h1>
             <div class="grid-of-4">
                 <div class="feature">
-                    <img src="https://exerecoimpala.sirv.com/Bismarck/Math_icon.png" alt="math icon">
+                    <img src="Assets/math_ico.png" alt="math icon">
                     <h2>A math expression evaluator</h2>
                     <p>A mathemathical expressions parser to evaluete  <br>
                     your expressions for all of you math nerds out there!</p>
                 </div>
                 <div class="feature">
-                    <img src="https://exerecoimpala.sirv.com/Bismarck/genshin.png" alt="Genshin impact icon">
+                    <img src="Assets/Genshin.png" alt="Genshin impact icon">
                     <h2>A genshin impact wishes simulator</h2>
                     <p>A simulator to Genshin Impact's wishes, specifcally for <br>
                     genshin's lovers to have fun!</p>
@@ -63,7 +61,7 @@ <h2>A genshin impact wishes simulator</h2>
                     <img src="https://exerecoimpala.sirv.com/Bismarck/ui.png" alt="Computer screen icon">
                     <h2>A simple to use UI</h2>
                     <p>The bot provides a simple and intiutive interface to make it <br>
-                    easier are more convinient to use!</p>
+                    easier and more convinient to use!</p>
                 </div>
                 <div class="feature">
                     <img src="https://exerecoimpala.sirv.com/Bismarck/discord.png" alt="discord logo">
@@ -86,7 +84,6 @@ <h3>&copy; Bismarck | All rights reserved</h3>
             <nav>
                 <a href="./index.html">Home</a>
                 <a href="https://github.com/Panini-Devs/bismarck" target="_blank">Github</a>
-                <a href="">Docs</a>
             </nav>
         </footer>
     </div>