Fries
/
fries-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Compare commits

base: Fries:1f23a0658bb9498c38245deb86dc52ce9f4cce3d
Branches Tags
Fries:main
Fries:webring
...
compare: Fries:7fb384451e16b0210025d6a92587fa24c7995ea4
Branches Tags
Fries:main
Fries:webring

4 Commits
1f23a0658b ... 7fb384451e

Author SHA1 Message Date
Fries 7fb384451e use p instead of h2 for the webring text 
and unbreak up the paragraphs in the a tags as this makes it act as
seperate links.
 2023-07-07 23:02:04 -07:00
Fries 3b954de4b8 add aria-hidden to the new seperator 2023-07-07 22:41:21 -07:00
Fries 19cd838544 Merge branch 'main' into webring 2023-07-07 22:40:58 -07:00
Fries f0753ac18c add aria-hidden to hr tags and font sizes to vars 2023-07-07 22:36:27 -07:00
3 changed files with 28 additions and 22 deletions
Show Stats Expand all files Collapse all files

14
src/components/Webring.svelte
View File

@ -1,13 +1,10 @@
<section class="webring-box" aria-label="the solarpunk.moe webring">
<a id="previous" href={`${api_url}/previous?source_url=${site_url}`}>
<p class="no-margin">←</p>
<p class="no-margin" id="previous-text">Previous</p>
<p class="no-margin">←<br><span id="previous-text">Previous</span></p>
</a>
<h2 class="no-margin">solarpunk.moe</h2>
<h2 class="no-margin">webring</h2>
<p class="no-margin bigger-font">solarpunk.moe<br>webring</p>
<a id="next" href={`${api_url}/next?source_url=${site_url}`}>
<p class="no-margin" id="next-text">Next</p>
<p class="no-margin">→</p>
<p class="no-margin"><span id="next-text">Next</span><br>→</p>
</a>
</section>
@ -19,6 +16,11 @@
.no-margin {
margin: 0px;
}
.bigger-font {
font-size: 2.825rem;
font-weight: bold;
}
</style>
<script lang="ts">

6
src/layouts/Layout.astro
View File

@ -21,11 +21,11 @@ import Webring from '../components/Webring.svelte';
</head>
<body>
<Navigation />
<hr>
<hr aria-hidden="true">
<slot />
<hr>
<hr aria-hidden="true">
<Webring client:load />
<hr>
<hr aria-hidden="true">
<Footer />
</body>
</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 {
font-family: "Atkinson Hyperlegible", sans-serif;
text-align: center;
font-size: 1.375rem;
}
footer,
main {
font-size: var(--default-font-size);
max-width: 600px;
margin: auto;
}
a {
font-size: 1.375rem;
font-size: var(--default-font-size);
color: var(--link-color);
}
h1 {
font-size: 3.225rem;
font-size: var(--h1-font-size);
}
h2 {
font-size: 2.825rem;
font-size: var(--h2-font-size);
}
h3 {
font-size: 2.225rem;
font-size: var(--h3-font-size);
}
h4 {
font-size: 1.665rem;
font-size: var(--h4-font-size);
}
h5 {
font-size: 1.375rem;
font-size: var(--default-font-size);
}
h6 {
font-size: 1.185rem;
font-size: var(--h6-font-size);
}
/* don't ask why i'm doing this cursed workaround, but i am. */
@ -76,5 +81,4 @@ hr {
hr {
border: 1px solid;
max-width: 600px;
}