Compare commits
4 commits
1f23a0658b
...
7fb384451e
Author | SHA1 | Date | |
---|---|---|---|
Fries | 7fb384451e | ||
Fries | 3b954de4b8 | ||
Fries | 19cd838544 | ||
Fries | f0753ac18c |
|
@ -1,13 +1,10 @@
|
||||||
<section class="webring-box" aria-label="the solarpunk.moe webring">
|
<section class="webring-box" aria-label="the solarpunk.moe webring">
|
||||||
<a id="previous" href={`${api_url}/previous?source_url=${site_url}`}>
|
<a id="previous" href={`${api_url}/previous?source_url=${site_url}`}>
|
||||||
<p class="no-margin">←</p>
|
<p class="no-margin">←<br><span id="previous-text">Previous</span></p>
|
||||||
<p class="no-margin" id="previous-text">Previous</p>
|
|
||||||
</a>
|
</a>
|
||||||
<h2 class="no-margin">solarpunk.moe</h2>
|
<p class="no-margin bigger-font">solarpunk.moe<br>webring</p>
|
||||||
<h2 class="no-margin">webring</h2>
|
|
||||||
<a id="next" href={`${api_url}/next?source_url=${site_url}`}>
|
<a id="next" href={`${api_url}/next?source_url=${site_url}`}>
|
||||||
<p class="no-margin" id="next-text">Next</p>
|
<p class="no-margin"><span id="next-text">Next</span><br>→</p>
|
||||||
<p class="no-margin">→</p>
|
|
||||||
</a>
|
</a>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
@ -19,6 +16,11 @@
|
||||||
.no-margin {
|
.no-margin {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bigger-font {
|
||||||
|
font-size: 2.825rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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 aria-hidden="true">
|
||||||
<Webring client:load />
|
<Webring client:load />
|
||||||
<hr>
|
<hr aria-hidden="true">
|
||||||
<Footer />
|
<Footer />
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue