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.
This commit is contained in:
Fries 2023-07-07 23:02:04 -07:00
parent 3b954de4b8
commit 7fb384451e

View file

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