interactive and redesign

guybracha · Aug 21, 2024 · 0f006bd · 0f006bd
1 parent e944acb
commit 0f006bd
Show file tree

Hide file tree

Showing 13 changed files with 100 additions and 483 deletions.
diff --git a/about.html b/about.html
@@ -22,14 +22,12 @@ <h1 class="title">Welcome to a new universe</h1>
     </div>
   </header>
 
-  <nav class="navbar navbar-expand-lg navbar-dark bg-dark rounded mb-4">
-    <div class="container">
-      <a class="navbar-brand" href="index.html">Home</a>
-      <a class="navbar-brand" href="files.html">Gods and Monsters</a>
-      <a class="navbar-brand" href="history.html">Chronology</a>
-      <a class="navbar-brand" href="world.html">Atlas</a>
-      <a class="navbar-brand" href="about.html">Author</a>
-    </div>
+  <nav class="navbar">
+    <a class="navbar-brand" href="index.html">Home</a>
+    <a class="navbar-brand" href="files.html">Gods and Monsters</a>
+    <a class="navbar-brand" href="history.html">Choronology</a>
+    <a class="navbar-brand" href="world.html">Atlas</a>
+    <a class="navbar-brand" href="about.html">Author</a>
   </nav>
 
   <div class="container content-center">

diff --git a/assets/css/about.css b/assets/css/about.css
@@ -12,7 +12,19 @@ header {
 }
 
 nav.navbar {
-    border-radius: 8px;
+    justify-content: center;
+    padding: 20px 0;
+    background-color: #212529;
+}
+
+nav.navbar a.navbar-brand {
+    color: #f8f9fa;
+    font-size: 1.2rem;
+    margin: 0 15px;
+}
+
+nav.navbar a.navbar-brand:hover {
+    color: #ffb703;
 }
 
 /* Profile container styling */

diff --git a/assets/css/files.css b/assets/css/files.css
@@ -23,8 +23,20 @@ header .logo {
   margin-bottom: 20px;
 }
 
-.navbar {
-  margin-bottom: 40px;
+nav.navbar {
+  justify-content: center;
+  padding: 20px 0;
+  background-color: #212529;
+}
+
+nav.navbar a.navbar-brand {
+  color: #f8f9fa;
+  font-size: 1.2rem;
+  margin: 0 15px;
+}
+
+nav.navbar a.navbar-brand:hover {
+  color: #ffb703;
 }
 
 footer {

diff --git a/assets/css/history.css b/assets/css/history.css
@@ -30,3 +30,19 @@
         display: none;
     }
 }
+
+nav.navbar {
+    justify-content: center;
+    padding: 20px 0;
+    background-color: #212529;
+}
+
+nav.navbar a.navbar-brand {
+    color: #f8f9fa;
+    font-size: 1.2rem;
+    margin: 0 15px;
+}
+
+nav.navbar a.navbar-brand:hover {
+    color: #ffb703;
+}
diff --git a/assets/css/index.css b/assets/css/index.css
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -4,18 +4,20 @@ body {
     color: white;
 }
 
-.navbar {
-    background-color: #007bff; /* Primary color for navbar */
+nav.navbar {
+    justify-content: center;
+    padding: 20px 0;
+    background-color: #212529;
 }
 
-.navbar-brand {
-    color: #fff;
-    font-weight: bold;
+nav.navbar a.navbar-brand {
+    color: #f8f9fa;
+    font-size: 1.2rem;
+    margin: 0 15px;
 }
 
-.navbar-brand:hover {
-    color: gold;
-    text-decoration: underline;
+nav.navbar a.navbar-brand:hover {
+    color: #ffb703;
 }
 
 .card {

diff --git a/assets/css/modal.css b/assets/css/modal.css
diff --git a/assets/css/nav.css b/assets/css/nav.css