Style Loop Ring widget

This commit is contained in:
Helen Chong 2024-07-05 18:42:09 +08:00
parent 5418137f79
commit b8db9b0629
2 changed files with 17 additions and 6 deletions

View File

@ -208,6 +208,7 @@ p + .adoptables { margin-top: 1em; }
padding: 0;
margin: 0 !important;
display: flex;
flex-wrap: wrap;
}
.webring__link {

View File

@ -120,12 +120,22 @@ date: 2023-01-28
<journal-ring icon="lavender"></journal-ring><script async src="https://cdn.jsdelivr.net/gh/js044/nenrikido@main/static/js/misc/journalring.js"></script>
</li>
<li>
<nav class="LoopRingWrapper">
<a href="https://loop.graycot.dev/webring.html?action=prev"> < </a>
<a href="https://loop.graycot.dev/webring.html?action=list"> ... </a>
<a href="https://loop.graycot.dev/webring.html?action=home"> Loop Ring </a>
<a href="https://loop.graycot.dev/webring.html?action=rand"> ? </a>
<a href="https://loop.graycot.dev/webring.html?action=next"> > </a>
<nav class="webring">
<p class="webring__name"><a href="https://loop.graycot.dev/webring.html?action=home">Loop Ring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=prev">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=list">Members</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=rand">Random Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>