denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added bucket webring links

Browse Source
This commit is contained in:
denizk0461
2026-02-16 14:34:30 +01:00
parent 649124a8f1
commit 12671306b7
2 changed files with 37 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/components/ring.svelte
View File

@@ -1,5 +1,6 @@
<script lang="ts">
let {
ringName,
ringLink,
prevLink,
nextLink,
@@ -9,6 +10,7 @@
nextSymbol,
highlightEmoji,
}: {
ringName: string;
ringLink: string;
prevLink: string;
nextLink: string;
@@ -23,19 +25,19 @@
<div class="webring-container">
<div class="webring-row">
<span>〔</span>
<a href="{ringLink}">{highlightEmoji} GAMEDEV WEBRING {highlightEmoji}</a>
<a href="{ringLink}">{highlightEmoji} {ringName} {highlightEmoji}</a>
<span>〕</span>
</div>
<div class="webring-row">
<span>〔</span>
<a href="{prevLink}">{prevSymbol} PREV</a>
<a href="{prevLink}">{prevSymbol} prev</a>
{#if randLink}
<a href="{randLink}">RAND</a>
<a href="{randLink}">rand</a>
{/if}
{#if listLink}
<a href="{listLink}">LIST</a>
<a href="{listLink}">list</a>
{/if}
<a href="{nextLink}">NEXT {nextSymbol}</a>
<a href="{nextLink}">next {nextSymbol}</a>
<span>〕</span>
</div>
</div>
@@ -46,21 +48,25 @@
width: fit-content;
flex-direction: column;
align-items: center;
margin: 16px 4px;
margin: 0 4px;
}
a {
margin: 0 4px;
text-decoration: none;
font-size: 1.0rem;
line-height: 1.4rem;
transition: color var(--duration-animation) ease-out, font-weight var(--duration-animation) ease-out;
font-weight: 500;
/* border: var(--border-width); */
transition: color var(--duration-animation) ease-out,
font-weight var(--duration-animation) ease-out;
/* border-color var(--duration-animation) ease-out; */
}
a:link, a:visited, span {
color: var(--color-highlight);
}
a:hover {
font-weight: 600;
color: var(--color-highlight-alt);
text-decoration: inherit;
}
.webring-row {
font-family: var(--font-mono);