Compare commits

...

4 Commits

Author SHA1 Message Date
Marlow Alfonso ffe9e90a8b feat: added a link to the home of each webring 2024-02-08 03:10:14 +00:00
Marlow Alfonso e3177893bb feat: joined the geekring 2024-02-08 03:07:05 +00:00
Marlow Alfonso 5fff8f3c0a feat: added a picture of my avatar 2024-02-08 03:06:43 +00:00
Marlow Alfonso 70fa324613 feat: added a kirby gif on the bottom right 2024-02-08 02:40:45 +00:00
4 changed files with 26 additions and 4 deletions

BIN
assets/images/avatar.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
assets/images/kirby.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -9,6 +9,7 @@
<body>
<div class="card">
<h1>Welcome to <span id="title">Wiikifox's den</span></h1>
<img id="avatar" src="./assets/images/avatar.png" alt="avatar">
<i>A small place to relax in the internet</i>
<div>
<h2>Who am I?</h2>
@ -46,10 +47,19 @@
<div class="card" id="webrings">
<h1>Webrings</h1>
<div id="webrings-retronaut">
<strong>Retronaut: </strong><a href="https://webring.dinhe.net/prev/https://unix.dog/~wiikifox/">previous</a> //
<a href="https://webring.dinhe.net/random">random</a> //
<a href="https://webring.dinhe.net/next/https://unix.dog/~wiikifox/">next</a>
<strong>Retronaut: </strong><a href="http://webring.dinhe.net/prev/https://unix.dog/~wiikifox/">previous</a> //
<a href="http://webring.dinhe.net/random">random</a> //
<a href="http://webring.dinhe.net/next/https://unix.dog/~wiikifox/">next</a> //
<a href="http://webring.dinhe.net/">home</a>
</div>
<div id="webrings-geekring">
<strong>Geekring: </strong><a href="http://geekring.net/site/354/previous/">previous</a> //
<a href="http://geekring.net/site/354/random/">random</a> //
<a href="http://geekring.net/site/354/next/">next</a> //
<a href="http://geekring.net/">home</a>
</div>
</div>
<img id="kirby" src="./assets/images/kirby.gif" alt="kirby vibing to some tunes">
</body>
</html>

View File

@ -29,9 +29,21 @@
animation: title-anim 5s linear alternate infinite;
}
#kirby {
position: fixed;
bottom: 0;
right: 0;
}
#avatar {
width: 256px;
float: right;
border-radius: 8px;
}
.card {
background-color: #544e68;
border-radius: 10px;
border-radius: 8px;
padding: 1rem;
margin: 0.5rem;
}