reorganize and add icon things

This commit is contained in:
biglyderv 2025-01-15 00:43:45 -05:00
parent c3b3c0cb81
commit 2463d09771
3 changed files with 24 additions and 4 deletions

BIN
art/minezo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View file

@ -72,7 +72,9 @@ pre {
.form-button { .form-button {
font-weight: 700; font-weight: 700;
display: inline-block; display: inline-flex;
justify-content: center;
align-items: center;
background: var(--primary-dark); background: var(--primary-dark);
border-color: var(--primary-light) border-color: var(--primary-light)
} }
@ -100,4 +102,11 @@ th {
max-width: var(--elem-width); max-width: var(--elem-width);
margin-top: 5px; margin-top: 5px;
border-radius: var(--border-radius); border-radius: var(--border-radius);
}
.icon {
width: 48px;
height: 48px;
border-radius: var(--border-radius);
margin-right: 10px;
} }

View file

@ -11,6 +11,7 @@
<body> <body>
<div class='content'> <div class='content'>
<h1 class='content-header'>BiglyDerv's Bio</h1> <h1 class='content-header'>BiglyDerv's Bio</h1>
<img src='https://dervland.net/files/eggErm.svg' class='art'>
<table> <table>
<tr> <tr>
<th>Pronouns</th> <th>Pronouns</th>
@ -29,18 +30,28 @@
<td>Autistic</td> <td>Autistic</td>
</tr> </tr>
</table> </table>
<img src='https://dervland.net/files/eggErm.svg' class='art'>
<h1 class='content-header'>Links</h1> <h1 class='content-header'>Links</h1>
<div> <div>
<a class="form-button" href="https://git.dervland.net/BiglyDerv">Code</a> <a class="form-button" href="https://git.dervland.net/BiglyDerv">Code</a>
<a class="form-button" href="https://dervland.net/files/">Files</a> <a class="form-button" href="https://dervland.net/files/">Files</a>
<a class="form-button" href="https://wiki.dervland.net">Wiki</a> <a class="form-button" href="https://wiki.dervland.net">Wiki</a>
</div>
<h1 class='content-header'>Socials</h1>
<p>
<i>This list is too long to be on one page. Some entries may be missing.</i>
</p>
<div>
<a class="form-button" href="https://discord.gg/TXq49D8AGn">Discord</a> <a class="form-button" href="https://discord.gg/TXq49D8AGn">Discord</a>
<a class="form-button" href="https://penguinmod.com/profile?user=biglyderv">PenguinMod</a>
<a class="form-button" href="https://www.youtube.com/@biglyderv">YouTube</a>
<a class="form-button" href="https://alldimensions.fandom.com/wiki/User:Durvensonisback">FANDOM</a>
<a class="form-button" href="https://darflen.com/users/biglyderv">Darflen</a>
<a class="form-button" href="https://github.com/biglyderv">GitHub</a>
</div> </div>
<h1 class='content-header'>Projects</h1> <h1 class='content-header'>Projects</h1>
<div> <div>
<a class="form-button" href="https://nbg.dervland.net">BiglyChat</a> <a class="form-button" href="https://nbg.dervland.net"> <img src='https://nbg.dervland.net/pfp/derv.png' class='icon'>BiglyChat</a>
<a class="form-button" href="https://civ.dervland.net/">Minezo</a> <a class="form-button" href="https://civ.dervland.net/"><img src='/art/minezo.png' class='icon'>Minezo</a>
</div> </div>
</div> </div>
<script src='/index.js'></script> <script src='/index.js'></script>