feat: several changes
- migrated to a grid layout - added a button collection - changed default font from 'monospace' to 'sans-serif' - moved up the avatar
This commit is contained in:
Marlow Alfonso
parent
d106814dac
commit
3bbdfb88a3
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 550 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
102
index.html
102
index.html
|
|
@ -7,56 +7,66 @@
|
|||
<link href="styles.css" rel="stylesheet">
|
||||
</head>
|
||||
<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>
|
||||
<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 class="card">
|
||||
<img id="avatar" src="./assets/images/avatar.png" alt="avatar">
|
||||
<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>
|
||||
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 class="card" id="friends">
|
||||
<h2>Some of my friends' websites :3</h2>
|
||||
<strong><a href="https://derg.rest/">Tom:</a></strong> A cute and cuddly drake with a really nice website<br>
|
||||
<strong><a href="https://dolphinana.codeberg.page">Kittynunu/Dolphinana:</a></strong> A FLOSS advocate kitty
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" id="friends">
|
||||
<h1>Some of my friends' websites :3</h1>
|
||||
<strong><a href="https://derg.rest/">Tom:</a></strong> A cute and cuddly drake with a really nice website<br>
|
||||
<strong><a href="https://dolphinana.codeberg.page">Kittynunu/Dolphinana:</a></strong> A FLOSS advocate kitty
|
||||
</div>
|
||||
<div class="card" id="webrings">
|
||||
<h1>Webrings</h1>
|
||||
<div id="webrings-retronaut">
|
||||
<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 class="card" id="webrings">
|
||||
<h2>Webrings</h2>
|
||||
<div id="webrings-retronaut">
|
||||
<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>
|
||||
<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 class="card" id="buttons">
|
||||
<img src="./assets/images/buttons/written_in_vi.gif" alt="written in vi">
|
||||
<img src="./assets/images/buttons/best-viewed.gif" alt="Best viewed with: a computer and a monitor">
|
||||
<img src="./assets/images/buttons/anything-but-chrome.gif" alt="Anything but Chrome">
|
||||
<img src="./assets/images/buttons/gnu-linux.gif" alt="Made on GNU/Linux">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
10
styles.css
10
styles.css
|
|
@ -41,6 +41,11 @@
|
|||
border-radius: 8px;
|
||||
}
|
||||
|
||||
#buttons {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: #544e68;
|
||||
border-radius: 8px;
|
||||
|
|
@ -54,13 +59,16 @@ body {
|
|||
|
||||
color: #ffecd6;
|
||||
line-height: 1.5;
|
||||
font-family: "Fira Sans", monospace;
|
||||
font-family: "Fira Sans", sans-serif;
|
||||
|
||||
animation: bg-anim 1s linear infinite;
|
||||
padding-left: 5em;
|
||||
padding-right: 5rem;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
display: grid;
|
||||
gap: 0.25rem;
|
||||
grid-template-columns: 70% 30%;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
|||
Loading…
Reference in New Issue