32 lines
768 B
Svelte
32 lines
768 B
Svelte
<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">←<br><span id="previous-text">Previous</span></p>
|
|
</a>
|
|
<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"><span id="next-text">Next</span><br>→</p>
|
|
</a>
|
|
</section>
|
|
|
|
<style>
|
|
.webring-box {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.no-margin {
|
|
margin: 0px;
|
|
}
|
|
|
|
.bigger-font {
|
|
font-size: 2.825rem;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
import {main} from '../scripts/Webring';
|
|
let api_url = import.meta.env.PUBLIC_API_URL;
|
|
let site_url = import.meta.env.PUBLIC_SITE_URL;
|
|
main();
|
|
</script>
|