more or less fix CSS on mobile

10 files changed, 18 insertions, 9 deletions

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/html/blog/2023-W25/index.html b/html/blog/2023-W25/index.html
index 4e01fcb..598f970 100644
--- a/html/blog/2023-W25/index.html
+++ b/html/blog/2023-W25/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>Things We Read This Week</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>
 		
 		<ul>
diff --git a/html/blog/centralization-through-decentralization/index.html b/html/blog/centralization-through-decentralization/index.html
index a3b8895..9b1f5c8 100644
--- a/html/blog/centralization-through-decentralization/index.html
+++ b/html/blog/centralization-through-decentralization/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>Centralization Through Decentralization</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>
 		
 		<ul>
diff --git a/html/blog/index.html b/html/blog/index.html
index ef8e9d4..6d5c640 100644
--- a/html/blog/index.html
+++ b/html/blog/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>~/blog</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>
 		
 		<ul>
diff --git a/html/blog/java-timezones/index.html b/html/blog/java-timezones/index.html
index b1e3bb6..a1a3a71 100644
--- a/html/blog/java-timezones/index.html
+++ b/html/blog/java-timezones/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>Timezones in Java</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>
 		
 		<ul>
diff --git a/html/blog/lament-for-the-commons/index.html b/html/blog/lament-for-the-commons/index.html
index b77cc67..440e0e0 100644
--- a/html/blog/lament-for-the-commons/index.html
+++ b/html/blog/lament-for-the-commons/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>Lament for the Commons</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>
 		
 		<ul>
diff --git a/html/index.html b/html/index.html
index ae79523..f2a6329 100644
--- a/html/index.html
+++ b/html/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>starfall.systems</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>
 		
 		<ul>
diff --git a/html/resources/index.html b/html/resources/index.html
index dfca4f3..a1d743f 100644
--- a/html/resources/index.html
+++ b/html/resources/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>~/resources</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>
 		
 		<ul>
diff --git a/html/resources/mutant-standard/index.html b/html/resources/mutant-standard/index.html
index 23cc233..8d6b96a 100644
--- a/html/resources/mutant-standard/index.html
+++ b/html/resources/mutant-standard/index.html
@@ -15,7 +15,7 @@
 
 <header>
 	<h1>Mutant Standard Shortcodes</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>
 		
 		<ul>
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)
 })