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

moved gamedev webring component to generic webring component

Browse Source
This commit is contained in:
denizk0461
2026-02-07 10:22:31 +01:00
parent 7b271e5153
commit e915a8b3d4
3 changed files with 87 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/lib/webrings/gamedev.svelte
View File

@@ -1,45 +0,0 @@
<div class="webring-container">
<div class="webring-row">
<span>〔</span>
<a href="https://www.rainbowcemetery.com/devring">GAMEDEV WEBRING</a>
<span>〕</span>
</div>
<div class="webring-row">
<span>〔</span>
<a href="https://www.rainbowcemetery.com/devring/prev.php?id=18">&lt;&lt; PREV</a>
<a href="https://www.rainbowcemetery.com/devring/rand.php?id=18">RAND</a>
<a href="https://www.rainbowcemetery.com/devring/list.php?id=18">LIST</a>
<a href="https://www.rainbowcemetery.com/devring/next.php?id=18">NEXT &gt;&gt;</a>
<span>〕</span>
</div>
</div>
<style>
.webring-container {
display: flex;
width: fit-content;
flex-direction: column;
align-items: center;
margin: 16px auto;
}
a {
margin: 0 4px;
text-decoration: none;
}
a:link, a:visited, span {
color: var(--color-highlight);
}
a:hover {
font-weight: 700;
}
.webring-row {
font-family: var(--font-mono);
display: flex;
width: 100%;
justify-content: space-between;
}
span {
margin: 0;
font-weight: bold;
}
</style>

77
src/lib/webrings/ring.svelte Normal file
View File

@@ -0,0 +1,77 @@
<script lang="ts">
let {
ringLink,
prevLink,
nextLink,
randLink,
listLink,
prevSymbol,
nextSymbol,
highlightEmoji,
}: {
ringLink: string;
prevLink: string;
nextLink: string;
randLink?: string;
listLink?: string;
prevSymbol: string;
nextSymbol: string;
highlightEmoji: string;
} = $props();
</script>
<div class="webring-container">
<div class="webring-row">
<span>〔</span>
<a href="{ringLink}">{highlightEmoji} GAMEDEV WEBRING {highlightEmoji}</a>
<span>〕</span>
</div>
<div class="webring-row">
<span>〔</span>
<a href="{prevLink}">{prevSymbol} PREV</a>
{#if randLink}
<a href="{randLink}">RAND</a>
{/if}
{#if listLink}
<a href="{listLink}">LIST</a>
{/if}
<a href="{nextLink}">NEXT {nextSymbol}</a>
<span>〕</span>
</div>
</div>
<style>
.webring-container {
display: flex;
width: fit-content;
flex-direction: column;
align-items: center;
margin: 16px auto;
}
a {
margin: 0 4px;
text-decoration: none;
font-size: 1.0rem;
line-height: 1.4rem;
transition: color 0.1s ease-out, font-weight 0.1s ease-out;
}
a:link, a:visited, span {
color: var(--color-highlight);
}
a:hover {
font-weight: 600;
color: var(--color-highlight-alt);
}
.webring-row {
font-family: var(--font-mono);
display: flex;
width: 100%;
justify-content: space-between;
}
span {
margin: 0;
font-weight: bold;
font-size: 1.0rem;
line-height: 1.4rem;
}
</style>

12
src/routes/+page.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import Content from "$lib/viewport/content.svelte"; import Content from "$lib/viewport/content.svelte";
import GamedevWebring from "$lib/webrings/gamedev.svelte"; import Webring from "$lib/webrings/ring.svelte";
import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte"; import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
import GalleryRow, { type GalleryRowEntry } from "$lib/lists/gallery-row.svelte"; import GalleryRow, { type GalleryRowEntry } from "$lib/lists/gallery-row.svelte";
@@ -81,7 +81,15 @@
</div> </div>
<div class="webring-container"> <div class="webring-container">
<GamedevWebring /> <Webring
ringLink="https://www.rainbowcemetery.com/devring"
prevLink="https://www.rainbowcemetery.com/devring/prev.php?id=18"
nextLink="https://www.rainbowcemetery.com/devring/next.php?id=18"
randLink="https://www.rainbowcemetery.com/devring/rand.php?id=18"
listLink="https://www.rainbowcemetery.com/devring/list.php?id=18"
prevSymbol="&lt;&lt;"
nextSymbol="&gt;&gt;"
highlightEmoji="👾" />
</div> </div>
<GalleryRow entries={galleryTopRow} /> <GalleryRow entries={galleryTopRow} />