summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBill <bill@billserver.senders.io>2022-11-18 21:57:54 -0500
committerBill <bill@billserver.senders.io>2022-11-18 21:57:54 -0500
commit55c5fcb71a6a73ac0ec099bfacd7a1f259152bf2 (patch)
tree22acfadcc30f2ad9224a326f69e462fa1aea0a27
parent75fe6dd67e4affaa5d97d467fd2c30a163d90712 (diff)
Update navbar on landing page
-rw-r--r--www/index.css13
-rw-r--r--www/index.html11
2 files changed, 20 insertions, 4 deletions
diff --git a/www/index.css b/www/index.css
index 2fe966c..73a4ae4 100644
--- a/www/index.css
+++ b/www/index.css
@@ -28,12 +28,21 @@ html,body { margin: 0; font-family: sans-serif; }
line-height: 2em;
margin: 0;
padding: 8px 10%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
}
-#header > nav { display: inline-block; float: right; }
+@media only screen and (max-width: 800px) {
+ #header {
+ flex-direction: column;
+ align-items: center;
+ }
+}
+#header > nav { flex: initial; }
#header > nav > a:link { color: #81b7ff }
#header > nav > a:visited { color: #cd78f4; }
#header > nav > a:focus, #header > nav > a:active, #header > nav > a:hover { color: #6005dd; }
-#header > .title { display: inline-block; font-family: monospace; font-size: 1.5em; text-decoration: none; }
+#header > .title { flex: auto; font-family: monospace; font-size: 1.5em; }
#header > a.title:link,
#header > a.title:visited,
#header > a.title:hover,
diff --git a/www/index.html b/www/index.html
index c38ee67..c19836d 100644
--- a/www/index.html
+++ b/www/index.html
@@ -16,8 +16,15 @@
<a class='title'
href='/'>senders.io</a>
<nav>
- <a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
- "https://github.com/s3nd3r5">Github</a>
+ <a href="/blog">blog</a> <a rel="external noopener noreferrer"
+ target="_blank"
+ href="https://github.com/s3nd3r5">github</a> <a rel=
+ "external noopener noreferrer"
+ target="_blank"
+ href="https://git.senders.io">cgit</a> <a rel=
+ "me external noopener noreferrer"
+ target="_blank"
+ href="https://mastodon.online/@senders">mastodon</a>
</nav>
</div>
<div id='body'>