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'
weight = 50
[[menus.main]]
name = 'music'
pageRef = '/music'
weight = 60
[[menus.main]]
name = 'links'
pageRef = '/links'
weight = 70
weight = 60
enableGitInfo = true

View file

@ -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 {

View file

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