summaryrefslogtreecommitdiff
path: root/md
diff options
context:
space:
mode:
author53hornet <53hornet@gmail.com>2018-07-13 18:03:47 -0400
committer53hornet <53hornet@gmail.com>2018-07-13 18:03:47 -0400
commit7654bcc6be740276477eb2f2d6d8d90c4a63ff83 (patch)
tree62ee0b5c4f32b36d602175f902c09ddfa04db4d3 /md
parentd1a3eb2f1eb59992823d8edb7f0400d67d2818f5 (diff)
downloadmd-site-7654bcc6be740276477eb2f2d6d8d90c4a63ff83.tar.xz
md-site-7654bcc6be740276477eb2f2d6d8d90c4a63ff83.zip
Navbar working.
Diffstat (limited to 'md')
-rw-r--r--md/53hor.net/include/nav.inc9
-rw-r--r--md/53hor.net/include/styles.css57
2 files changed, 57 insertions, 9 deletions
diff --git a/md/53hor.net/include/nav.inc b/md/53hor.net/include/nav.inc
index 5150512..1022fc5 100644
--- a/md/53hor.net/include/nav.inc
+++ b/md/53hor.net/include/nav.inc
@@ -1,4 +1,9 @@
<nav id="topnav">
-<p>the topnav test</p>
-
+<ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="/db">Database</a></li>
+ <li><a href="http://youtube.com/my53hornet">YouTube</a></li>
+ <li><a href="/journal">Journal</a></li>
+ <li><a href="/contact">Contact</a></li>
+</ul>
</nav>
diff --git a/md/53hor.net/include/styles.css b/md/53hor.net/include/styles.css
index 3222b01..f7322a7 100644
--- a/md/53hor.net/include/styles.css
+++ b/md/53hor.net/include/styles.css
@@ -1,32 +1,75 @@
+/* stylesheet for 53hor.net */
+
+:root {
+ /* custom colors */
+ --balboa:#1a5a72;
+}
+
#TOC {
position: fixed;
+ width: 25%;
+ height: 100%;
}
#TOC ul {
+ list-style-type: disc;
+ color: var(--balboa);
+ overflow: hidden;
+ padding-left: 1em;
+}
+
+#TOC li a {
+ text-decoration: none;
+ display: block;
+ color: black;
+}
+
+#topnav {
+
+}
+
+#topnav ul {
list-style-type: none;
margin: 0;
padding: 0;
- width: 25%;
+ overflow: hidden;
position: fixed;
- height: 100%;
- overflow: auto;
+ top: 0;
+ width: 100%;
+ background-color: var(--balboa);
}
-#TOC li a {
+#topnav li {
+ float: left;
+ padding: 0;
+}
+
+#topnav li a {
display: block;
+ text-align: center;
padding: 1em 1em;
text-decoration: none;
+ color: white;
}
-#topnav {
- display: inline-block;
-
+#topnav li a:hover {
+ color: var(--balboa);
+ background-color: white;
}
article {
margin-left: 25%;
+ margin-top: 4em;
}
body {
padding: 0;
+ margin: 0;
+}
+
+p {
+ font-size: 0.8em;
+ font-weight 400;
+ text-align: justify;
+ text-indent: 1em;
}