fries/fries-website
1
0
Fork 0
mirror of https://git.solarpunk.moe/Fries/fries-website.git synced 2024-11-22 22:12:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge branch 'main' into webring

Browse source
This commit is contained in:
Fries 2023-07-07 22:40:58 -07:00
commit 19cd838544
2 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/Layout.astro
View file

@ -21,11 +21,11 @@ import Webring from '../components/Webring.svelte';
</head> </head>
<body> <body>
<Navigation /> <Navigation />
<hr> <hr aria-hidden="true">
<slot /> <slot />
<hr> <hr>
<Webring client:load /> <Webring client:load />
<hr> <hr aria-hidden="true">
<Footer /> <Footer />
</body> </body>
</html> </html>

30
src/styles/global.css
View file

@ -14,45 +14,50 @@
} }
} }
:root {
--h1-font-size: 3.225rem;
--h2-font-size: 2.825rem;
--h3-font-size: 2.225rem;
--h4-font-size: 1.665rem;
--default-font-size: 1.375rem;
--h6-font-size: 1.185rem;
}
body { body {
font-family: "Atkinson Hyperlegible", sans-serif; font-family: "Atkinson Hyperlegible", sans-serif;
text-align: center; text-align: center;
font-size: 1.375rem; font-size: var(--default-font-size);
}
footer,
main {
max-width: 600px; max-width: 600px;
margin: auto; margin: auto;
} }
a { a {
font-size: 1.375rem; font-size: var(--default-font-size);
color: var(--link-color); color: var(--link-color);
} }
h1 { h1 {
font-size: 3.225rem; font-size: var(--h1-font-size);
} }
h2 { h2 {
font-size: 2.825rem; font-size: var(--h2-font-size);
} }
h3 { h3 {
font-size: 2.225rem; font-size: var(--h3-font-size);
} }
h4 { h4 {
font-size: 1.665rem; font-size: var(--h4-font-size);
} }
h5 { h5 {
font-size: 1.375rem; font-size: var(--default-font-size);
} }
h6 { h6 {
font-size: 1.185rem; font-size: var(--h6-font-size);
} }
/* don't ask why i'm doing this cursed workaround, but i am. */ /* don't ask why i'm doing this cursed workaround, but i am. */
@ -76,5 +81,4 @@ hr {
hr { hr {
border: 1px solid; border: 1px solid;
max-width: 600px;
} }