From 4c57e7db61c0f7bebe962cb182be77a149ac70e6 Mon Sep 17 00:00:00 2001
From: taco
Date: Sun, 7 Jul 2024 17:09:18 -0400
Subject: [PATCH] fix: add better handling for mobile formatting
---
hugo.toml | 7 +--
themes/aviary/assets/css/main.scss | 52 +++++++++++++---------
themes/aviary/layouts/partials/footer.html | 18 ++++----
3 files changed, 43 insertions(+), 34 deletions(-)
diff --git a/hugo.toml b/hugo.toml
index 2e6ddd4..2029092 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -28,15 +28,10 @@ name = 'writing'
pageRef = '/writing'
weight = 50
-[[menus.main]]
-name = 'music'
-pageRef = '/music'
-weight = 60
-
[[menus.main]]
name = 'links'
pageRef = '/links'
-weight = 70
+weight = 60
enableGitInfo = true
diff --git a/themes/aviary/assets/css/main.scss b/themes/aviary/assets/css/main.scss
index dccef92..88aec67 100644
--- a/themes/aviary/assets/css/main.scss
+++ b/themes/aviary/assets/css/main.scss
@@ -2,13 +2,15 @@
html {
background: #238e23;
+ display: flex;
+ justify-content: center;
}
body {
color: #151515;
font-family: 'Assistant', sans-serif;
line-height: 1.5;
- margin: 1rem auto;
+ margin: 0.666rem;
max-width: 666px;
padding: 1rem;
border: 0.420rem solid #b68024;
@@ -17,11 +19,31 @@ body {
}
header {
- border-bottom: 1px solid #222;
- margin-bottom: 1rem;
+ display: flex;
+ flex-direction: column;
h1 {
color: #ee871c;
}
+ nav {
+ max-width: 80vw;
+ align-self: center;
+ ul {
+ display: flex;
+ flex-direction: row;
+ list-style-type: none;
+ justify-content: center;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ li {
+ padding: 0.1rem;
+ }
+ li .active {
+ text-decoration: underline;
+ }
+ overflow-x: scroll;
+ }
+ }
}
footer {
@@ -38,34 +60,24 @@ h1, h2, h3, h4, h5, h6 {
}
a {
- color: #00e;
+ color: #238e23;
text-decoration: none;
}
main {
max-width: 666px;
- overflow-x: scroll;
}
img {
max-width: 100%;
}
-nav {
- ul {
- display: flex;
- flex-direction: row;
- list-style-type: none;
- justify-content: center;
- margin: 0;
- padding: 0;
- li {
- margin: 1rem;
- }
- li .active {
- text-decoration: underline;
- }
- }
+
+table {
+ max-width: 80vw;
+ display: block;
+ overflow-x: auto;
+ white-space: nowrap;
}
figure {
diff --git a/themes/aviary/layouts/partials/footer.html b/themes/aviary/layouts/partials/footer.html
index cc9273d..63df182 100644
--- a/themes/aviary/layouts/partials/footer.html
+++ b/themes/aviary/layouts/partials/footer.html
@@ -20,12 +20,14 @@
>CC BY-NC 4.0
-
- - this website is
- open source
-
+
+
+
+ this website is
+ open source
+