EnumDev/enumerated.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve main page info div layout

Browse Source
This commit is contained in:
EnumDev 2025-03-27 22:03:21 +02:00
parent 6824a1d110
commit c3a2d58324
2 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/index.css
View File

@ -26,7 +26,15 @@
animation: fadeIn 1s linear 1.25s forwards;
}
.link img {
#bio {
margin-bottom: 20px;
}
#socials {
margin-top: 20px;
}
.social-link img {
width: 32px;
height: 32px;
}

16
public/index.html
View File

@ -18,14 +18,18 @@
<div id="main">
<img id="pfp" src="assets/pfp.jpg" alt="Profile Picture">
<div id="info">
<div id="bio">
<h1>EnumDev</h1>
<span>Computer programmer and Linux enthusiast</span>
<br><br>
<a class="link" href="https://git.enumerated.dev/EnumDev"><img src="assets/socials/gitea-logo.png" alt="Gitea"></a>
<a class="link" href="https://gitlab.com/EnumDev"><img src="assets/socials/gitlab-logo.png" alt="Gitlab"></a>
<a class="link" href="https://github.com/EnumuratedDev"><img src="assets/socials/github-logo.png" alt="Github"></a>
<a class="link" href="https://bsky.app/profile/enumerated.dev"><img src="assets/socials/bsky-logo.png" alt="BlueSky"></a>
<a class="link" href="https://x.com/EnumDev_"><img src="assets/socials/x-logo.png" alt="X/Twitter"></a>
</div>
<hr>
<div id="socials">
<a class="social-link" href="https://git.enumerated.dev/EnumDev"><img src="assets/socials/gitea-logo.png" alt="Gitea"></a>
<a class="social-link" href="https://gitlab.com/EnumDev"><img src="assets/socials/gitlab-logo.png" alt="Gitlab"></a>
<a class="social-link" href="https://github.com/EnumuratedDev"><img src="assets/socials/github-logo.png" alt="Github"></a>
<a class="social-link" href="https://bsky.app/profile/enumerated.dev"><img src="assets/socials/bsky-logo.png" alt="BlueSky"></a>
<a class="social-link" href="https://x.com/EnumDev_"><img src="assets/socials/x-logo.png" alt="X/Twitter"></a>
</div>
</div>
</div>
</body>