jabuxas/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: make icons clickable and fix: alignment

Browse Source
This commit is contained in:
jabuxas 2024-10-10 16:00:00 -03:00
parent 3b2f718dc3
commit 7a4d7d2e05
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
dev/index.html
View File

@ -61,12 +61,18 @@
text-decoration: none;
color: #d4d4d4;
font-weight: bolder;
display: flex;
align-items: center;
}
.icon {
font-family: "JetBrainsMono Nerd Font";
}
.icon:before {
margin-right: 20px;
}
.mail-icon:before {
content: "\f42f";
font-size: 2em;
@ -114,24 +120,19 @@
</div>
<div class="bottom-level">
<div class="link-item">
<span class="mail-icon icon"></span>
<a href="mailto:jabuxas@proton.me">my contact email</a>
<a class="mail-icon icon" href="mailto:jabuxas@proton.me">my contact email</a>
</div>
<div class="link-item">
<span class="github-icon icon"></span>
<a href="https://github.com/jabuxas" target="_blank">my github</a>
<a class="github-icon icon" href="https://github.com/jabuxas" target="_blank">my github</a>
</div>
<div class="link-item">
<span class="gitea-icon icon"></span>
<a href="https://git.jabuxas.xyz/jabuxas" target="_blank">my gitea</a>
<a class="gitea-icon icon" href="https://git.jabuxas.xyz/jabuxas" target="_blank">my gitea</a>
</div>
<div class="link-item">
<span class="blog-icon icon"></span>
<a href="https://blog.jabuxas.xyz" target="_blank">my blog</a>
<a class="blog-icon icon" href="https://blog.jabuxas.xyz" target="_blank">my blog</a>
</div>
<div class="link-item">
<span class="paste-icon icon"></span>
<a href="https://paste.jabuxas.xyz" target="_blank">my paste</a>
<a class="paste-icon icon" href="https://paste.jabuxas.xyz" target="_blank">my paste</a>
</div>
</div>
</div>