wiikifox
/
wiikifoxs-den
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial commit

This commit is contained in:
Marlow Alfonso 2024-02-05 21:28:59 +00:00
commit 73f8927206
7 changed files with 119 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/fonts/fira-sans.eot Normal file
View File

Binary file not shown.

BIN
assets/fonts/fira-sans.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/fira-sans.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/fira-sans.woff2 Normal file
View File

Binary file not shown.

BIN
assets/images/bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 231 B

48
index.html Normal file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wiikifox's Den</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div class="card">
<h1>Welcome to <span id="title">Wiikifox's den</span></h1>
<i>A small place to relax in the internet</i>
<div>
<h2>Who am I?</h2>
<p>
I'm Wiikifox! A geek furry with passion about computers and art :3 I suck at talking about me,
so I'll just leave my contact info down here so you can get to know me yourself :P
</p>
<ul>
<li><b>E-Mail:</b> wiikifox@unix.dog</li>
<li><b>XMPP:</b> wiikifox@unix.dog and wiikifox@derg.rest</li>
<li><b>Fedi:</b> @wiikifox@unix.dog</li>
</ul>
<i>(Yeah, I have a lot of stuff under <a href="https://unix.dog">unix.dog</a>)</i>
<p>
Also, I'll leave some personal info over here
</p>
<ul>
<li><b>Sexuality:</b> Cisgender, straight and male</li>
<li><b>Birthday:</b> 2009-03-01</li>
<li><b>Country:</b> Cuba</li>
<li><b>Likes:</b> Computers, Videogames, <i>Synthwave</i>, Pixel Art, Foxes, Software Freedom, Privacy (and a lot of stuff I don't remember)</li>
<li><b>Dislikes:</b> DRM, Proprieary Software (and another bunch of stuff I don't remember either)</li>
</ul>
</div>
<div>
By the way, I have a <a href="gemini://unix.dog/~wiikifox">small Gemini capsule</a> where I post some stuff sometimes. It's probably worth to check it out ;3
</div>
</div>
<div class="card" id="webrings">
<h1>Webrings</h1>
<div id="webrings-retronaut">
<strong>Retronaut: </strong><a href="#">previous</a> // <a href="#">random</a> // <a href="#">next</a>
</div>
</div>
</body>
</html>

71
styles.css Normal file
View File

@ -0,0 +1,71 @@
@keyframes bg-anim{
from {
background-position: 0 0;
}
to {
background-position: 32px 32px;
}
}
@keyframes title-anim{
from {
color: #ffecd6;
}
to {
color: #ffd4a3;
}
}
@font-face {
font-family: "Fira Sans";
src: url('assets/fonts/fira-sans.eot');
src: url('assets/fonts/fira-sans.eot') format('embedded-opentype'),
url('assets/fonts/fira-sans.woff2') format('woff2'),
url('assets/fonts/fira-sans.woff') format('woff'),
url('assets/fonts/fira-sans.ttf') format('truetype');
}
#title {
animation: title-anim 5s linear alternate infinite;
}
.card {
background-color: #544e68;
border-radius: 10px;
padding: 1rem;
margin: 0.5rem;
}
body {
background-image: url("assets/images/bg.png");
background-size: 32px;
color: #ffecd6;
line-height: 1.5;
font-family: "Fira Sans", monospace;
animation: bg-anim 1s linear infinite;
padding-left: 5em;
padding-right: 5rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
a {
color: #ffaa5e;
text-decoration: none;
font-weight: bold;
}
a:hover, a:active {
color: #ffd4a3;
}
h1, h2, h3, h4, h5 {
margin: 0.5rem;
}
strong {
font-size: 1.1rem;
font-weight: bold;
}