fix: add better handling for mobile formatting

This commit is contained in:
Daniel Alejandro Gallegos 2024-07-07 17:09:18 -04:00
parent 2b451c021c
commit 4c57e7db61
Signed by: taco
SSH key fingerprint: SHA256:YgoAbZ3x1d1kTGKEmT8elbjEvK/mn0hc4ATFgWhykR0
3 changed files with 43 additions and 34 deletions

View file

@ -28,15 +28,10 @@ name = 'writing'
pageRef = '/writing' pageRef = '/writing'
weight = 50 weight = 50
[[menus.main]]
name = 'music'
pageRef = '/music'
weight = 60
[[menus.main]] [[menus.main]]
name = 'links' name = 'links'
pageRef = '/links' pageRef = '/links'
weight = 70 weight = 60
enableGitInfo = true enableGitInfo = true

View file

@ -2,13 +2,15 @@
html { html {
background: #238e23; background: #238e23;
display: flex;
justify-content: center;
} }
body { body {
color: #151515; color: #151515;
font-family: 'Assistant', sans-serif; font-family: 'Assistant', sans-serif;
line-height: 1.5; line-height: 1.5;
margin: 1rem auto; margin: 0.666rem;
max-width: 666px; max-width: 666px;
padding: 1rem; padding: 1rem;
border: 0.420rem solid #b68024; border: 0.420rem solid #b68024;
@ -17,11 +19,31 @@ body {
} }
header { header {
border-bottom: 1px solid #222; display: flex;
margin-bottom: 1rem; flex-direction: column;
h1 { h1 {
color: #ee871c; 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 { footer {
@ -38,34 +60,24 @@ h1, h2, h3, h4, h5, h6 {
} }
a { a {
color: #00e; color: #238e23;
text-decoration: none; text-decoration: none;
} }
main { main {
max-width: 666px; max-width: 666px;
overflow-x: scroll;
} }
img { img {
max-width: 100%; max-width: 100%;
} }
nav {
ul { table {
display: flex; max-width: 80vw;
flex-direction: row; display: block;
list-style-type: none; overflow-x: auto;
justify-content: center; white-space: nowrap;
margin: 0;
padding: 0;
li {
margin: 1rem;
}
li .active {
text-decoration: underline;
}
}
} }
figure { figure {

View file

@ -20,8 +20,10 @@
>CC BY-NC 4.0</a >CC BY-NC 4.0</a
> >
</p> </p>
</small>
<small>
<p> <p>
&nbsp; &#45; this website is this website is
<a <a
href="https://git.tacowolf.net/TacoWolf/birdcat.online" href="https://git.tacowolf.net/TacoWolf/birdcat.online"
target="_blank" target="_blank"