Fix Topbar

EmpressAutumn · Apr 5, 2024 · 11f4efe · 11f4efe
1 parent 9012d01
commit 11f4efe
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 7 deletions.
diff --git a/devnotes/index.html b/devnotes/index.html
@@ -3,9 +3,11 @@
 <head>
     <meta charset="UTF-8">
     <title>Dev Notes | Atom596.com</title>
+    <script type="text/javascript" src="/script/topbar.js"></script>
     <link rel="stylesheet" href="/style/main.css">
 </head>
 <body>
     <h1>Dev Notes</h1>
+    <div id="topbar"></div>
 </body>
 </html>
diff --git a/style/home.css b/style/home.css
@@ -1,7 +1,3 @@
-h1 {
-    text-align: center;
-}
-
 .plans {
     padding: 10px;
     width: 70%;

diff --git a/style/main.css b/style/main.css
@@ -1,3 +1,7 @@
+h1 {
+    text-align: center;
+}
+
 body {
     background-image: url("https://www.toptal.com/designers/subtlepatterns/uploads/moroccan-flower.png");
     background-repeat: repeat;

diff --git a/style/topbar.css b/style/topbar.css
@@ -0,0 +1,11 @@
+.topbar {
+    width: 100%;
+    border: 4px solid lightslategray;
+    background-color: silver;
+    text-align: center;
+}
+
+.links {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
diff --git a/topbar.html b/topbar.html
@@ -1,6 +1,7 @@
-<hr>
-<h3>
+<link rel="stylesheet" href="/style/topbar.css">
+<div class="topbar">
+<h3 class="links">
     <a href="https://www.atom596.com/">Home</a>
     | <a href="https://www.atom596.com/devnotes/">Dev Notes</a>
 </h3>
-</hr>
+</div>