separated gamedev webring into its own component
This commit is contained in:
35
src/lib/webrings/gamedev.svelte
Normal file
35
src/lib/webrings/gamedev.svelte
Normal 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>
|
||||
Reference in New Issue
Block a user