summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDavid Thompson <dthompson2@worcester.edu>2024-07-08 21:59:45 -0400
committerDavid Thompson <dthompson2@worcester.edu>2024-07-08 21:59:45 -0400
commitda895e9da67c917965f13a0416bd34eed6f512e2 (patch)
tree3a57f728116b1e1af5bc1bece5123d5149d6c563
parent576686b8362aa4be94972793e445db239e1da0e7 (diff)
theme: Use <nav> tag and flexbox.
-rw-r--r--css/dthompson.css20
-rw-r--r--theme.scm11
2 files changed, 16 insertions, 15 deletions
diff --git a/css/dthompson.css b/css/dthompson.css
index 90c8a7a..7bdd6a6 100644
--- a/css/dthompson.css
+++ b/css/dthompson.css
@@ -85,7 +85,9 @@ footer {
/* Navigation */
-.nav {
+nav {
+ display: flex;
+ justify-content: space-between;
font-family: 'Linux Biolinum',sans;
padding-top: 1rem;
padding-bottom: 1rem;
@@ -93,32 +95,32 @@ footer {
border-bottom: 1px solid #eee;
}
-.nav ul {
+nav ul {
list-style-type: none;
- display: inline-block;
+ display: flex;
margin: 0;
padding: 0;
}
-.nav li {
+nav li {
display: inline;
- padding: 1rem;
+ padding-right: 1rem;
}
-.nav li:first-child {
+nav li:first-child {
padding-left: 0;
}
-.nav a {
+nav a {
display: inline-block;
color: #000;
}
-.nav a:hover {
+nav a:hover {
color: #000;
}
-.nav a:visited {
+nav a:visited {
color: #000;
}
diff --git a/theme.scm b/theme.scm
index 0489cc1..3870812 100644
--- a/theme.scm
+++ b/theme.scm
@@ -65,12 +65,11 @@
,(stylesheet "dthompson"))
(body
(div (@ (class "container"))
- (div (@ (class "nav"))
- (ul (li ,(link "David Thompson" "/"))
- (li (@ (class "fade-text")) " ")
- (li ,(link "About" "/about.html"))
- (li ,(link "Blog" "/index.html"))
- (li ,(link "Projects" "/projects.html"))))
+ (nav
+ (ul (li ,(link "David Thompson" "/")))
+ (ul (li ,(link "About" "/about.html"))
+ (li ,(link "Blog" "/index.html"))
+ (li ,(link "Projects" "/projects.html"))))
,body
(footer (@ (class "text-center"))
(p (@ (class "copyright"))