diff options
| -rw-r--r-- | _includes/base.njk | 2 | ||||
| -rw-r--r-- | _includes/blogpost.njk | 2 | ||||
| -rw-r--r-- | css/terminal.css | 9 | ||||
| -rw-r--r-- | js/moon-phase.js | 2 |
4 files changed, 12 insertions, 3 deletions
diff --git a/_includes/base.njk b/_includes/base.njk index e31e4dc..4c92740 100644 --- a/_includes/base.njk +++ b/_includes/base.njk @@ -18,7 +18,7 @@ title = "Starfall" <header> <h1>{{ title }}</h1> - <span style="float: right; user-select: none" id=decor-moons aria-hidden=true></span> + <div id=decor-moons aria-hidden=true></div> <nav aria-label=primary> {% set navs = collections.all | eleventyNavigation %} <ul>{%- for nav in navs %} diff --git a/_includes/blogpost.njk b/_includes/blogpost.njk index 94541c4..0867c95 100644 --- a/_includes/blogpost.njk +++ b/_includes/blogpost.njk @@ -18,7 +18,7 @@ title = "Starfall" <header> <h1>{{ title }}</h1> - <span style="float: right; user-select: none" id=decor-moons aria-hidden=true></span> + <span id=decor-moons aria-hidden=true></span> <nav aria-label=primary> {% set navs = collections.all | eleventyNavigation %} <ul>{%- for nav in navs %} diff --git a/css/terminal.css b/css/terminal.css index 7ade7f9..80480e3 100644 --- a/css/terminal.css +++ b/css/terminal.css @@ -115,6 +115,9 @@ h3 { font: bold 117%/1 var(--font-accent); } /* NAVIGATION */ +header > nav { + display: inline-block; /* forces single line nav... not ideal but works for now FIXME */ +} header > nav > ul { font: 100%/1.5 var(--font-accent); list-style-type: none; @@ -187,3 +190,9 @@ table.center-cells td, table.center-cells th { text-align: center; } +/* DECORATIONS */ +#decor-moons { + float: right; + user-select: none; + overflow: hidden; +} diff --git a/js/moon-phase.js b/js/moon-phase.js index 8feaced..e8114f2 100644 --- a/js/moon-phase.js +++ b/js/moon-phase.js @@ -44,5 +44,5 @@ function getMoonsString(disable_emoji, inverted_icons) { } document.addEventListener('DOMContentLoaded', (event) => { - document.getElementById('decor-moons').innerHTML = getMoonsString(true, true) + document.getElementById('decor-moons').innerHTML = getMoonsString(true, false) }) |