Refactor nav into unordered list

This commit is contained in:
Christian Bundy 2019-09-19 13:31:47 -07:00
parent 28f62c8360
commit 5d8560f881
No known key found for this signature in database
GPG Key ID: EB541AAEF4366237
2 changed files with 20 additions and 12 deletions

View File

@ -180,14 +180,18 @@ pre {
padding-left: 1rem;
}
nav {
nav > ul {
display: flex;
justify-content: space-between;
margin-bottom: 1.5rem;
margin: 1rem;
padding: 0;
}
nav a {
nav > ul > li {
list-style: none;
}
nav > ul > li > a {
color: var(--secondary);
text-decoration: none;
font-weight: bold;

View File

@ -5,11 +5,13 @@ const {
body,
head,
html,
li,
link,
main,
meta,
nav,
main,
title
title,
ul
} = require('hyperaxe')
const doctypeString = '<!DOCTYPE html>'
@ -28,13 +30,15 @@ module.exports = (...elements) => {
),
body(
nav(
a({ href: '/' }, 'home'),
a({ href: '/mentions' }, 'mentions'),
a({ href: '/compose' }, 'compose'),
a({ href: '/profile' }, 'profile'),
a({ href: '/status' }, 'status'),
a({ href: 'https://github.com/fraction/oasis' }, 'source'),
a({ href: 'https://github.com/fraction/oasis/issues/new/choose' }, 'help')
ul(
li(a({ href: '/' }, 'home')),
li(a({ href: '/mentions' }, 'mentions')),
li(a({ href: '/compose' }, 'compose')),
li(a({ href: '/profile' }, 'profile')),
li(a({ href: '/status' }, 'status')),
li(a({ href: 'https://github.com/fraction/oasis' }, 'source')),
li(a({ href: 'https://github.com/fraction/oasis/issues/new/choose' }, 'help'))
)
),
main({ id: 'content' }, ...elements)
))