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

separated gamedev webring into its own component

Browse Source
This commit is contained in:
denizk0461
2025-04-03 17:31:24 +02:00
parent 3ceb9a1c88
commit 50f0eb80aa
2 changed files with 37 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/lib/webrings/gamedev.svelte Normal file
View File

@@ -0,0 +1,35 @@
<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=0">↫ PREV</a>
<a href="https://www.rainbowcemetery.com/devring/rand.php?id=0">RAND</a>
<a href="https://www.rainbowcemetery.com/devring/list.php?id=0">LI<i>S</i>T</a>
<a href="https://www.rainbowcemetery.com/devring/next.php?id=0">NEXT ↬</a>
<span>〕</span>
</div>
</div>
<style>
.webring-container {
display: flex;
width: fit-content;
flex-direction: column;
align-items: center;
margin: 16px auto;
}
.webring-row a {
margin: 0 4px;
text-decoration: none;
}
.webring-row {
font-family: 'Space Mono';
display: flex;
width: 100%;
justify-content: space-between;
}
</style>

36
src/routes/+page.svelte
View File

@@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import Header from "$lib/header.svelte"; import Header from "$lib/header.svelte";
import GamedevWebring from "$lib/webrings/gamedev.svelte";
var lastIndex = -1; var lastIndex = -1;
let meImg: string = "common/me/a.webp"; let meImg: string = "common/me/a.webp";
@@ -40,22 +41,7 @@
<p>Feel free to contact me via these means:</p> <p>Feel free to contact me via these means:</p>
<!-- gamedev webring --> <GamedevWebring />
<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=0">↫ PREV</a>
<a href="https://www.rainbowcemetery.com/devring/rand.php?id=0">RAND</a>
<a href="https://www.rainbowcemetery.com/devring/list.php?id=0">LI<i>S</i>T</a>
<a href="https://www.rainbowcemetery.com/devring/next.php?id=0">NEXT ↬</a>
<span>〕</span>
</div>
</div>
</div> </div>
</div> </div>
@@ -75,22 +61,4 @@
width: 32px; width: 32px;
display: inline-block; display: inline-block;
} }
.webring-container {
display: flex;
width: fit-content;
flex-direction: column;
align-items: center;
margin: 16px auto;
}
.webring-row a {
margin: 0 4px;
text-decoration: none;
}
.webring-row {
font-family: 'Space Mono';
display: flex;
width: 100%;
justify-content: space-between;
}
</style> </style>