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

feat: update 🔥 🔥 🔥

Browse Source
This commit is contained in:
jabuxas 2025-02-09 18:32:55 -03:00
parent 35ffcc3cc7
commit 6794079374
3 changed files with 82 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dev/images/maybe.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

48
dev/index.html
View File

@ -1,6 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
@ -17,34 +16,63 @@
<div class="container"> <div class="container">
<div class="top-level"> <div class="top-level">
<div> <div>
<img src="./images/icon.jpg" alt="jabuxas' icon" /> <div class="image-container">
<img src="./images/maybe.jpg" alt="jabuxas' icon" />
</div>
<h2>jabuxas</h2> <h2>jabuxas</h2>
</div> </div>
<hr /> <hr />
</div> </div>
<div class="bottom-level"> <div class="bottom-level">
<div class="link-item"> <div class="link-item">
<a class="mastodon-icon icon" rel="me" href="https://social.linux.pizza/@jabuxas">my mastodon</a> <a
class="mastodon-icon icon"
rel="me"
href="https://social.linux.pizza/@jabuxas"
target="_blank"
>Mastodon</a
>
</div> </div>
<div class="link-item"> <div class="link-item">
<a class="mail-icon icon" href="mailto:jabuxas@proton.me">my contact email</a> <a class="mail-icon icon" href="mailto:jabuxas@proton.me"
>Contact Email</a
>
</div> </div>
<div class="link-item"> <div class="link-item">
<a class="github-icon icon" href="https://github.com./jabuxas" target="_blank">my github</a> <a
class="github-icon icon"
href="https://github.com/jabuxas"
target="_blank"
>Github</a
>
</div> </div>
<div class="link-item"> <div class="link-item">
<a class="gitea-icon icon" href="https://git.jabuxas.xyz/jabuxas" target="_blank">my gitea</a> <a
class="gitea-icon icon"
href="https://git.jabuxas.xyz/jabuxas"
target="_blank"
>Gitea</a
>
</div> </div>
<div class="link-item"> <div class="link-item">
<a class="blog-icon icon" href="https://blog.jabuxas.xyz" target="_blank">my blog</a> <a
class="blog-icon icon"
href="https://blog.jabuxas.xyz"
target="_blank"
>Blog</a
>
</div> </div>
<div class="link-item"> <div class="link-item">
<a class="paste-icon icon" href="https://paste.jabuxas.xyz" target="_blank">my paste</a> <a
class="paste-icon icon"
href="https://paste.jabuxas.xyz"
target="_blank"
>Pastebin</a
>
</div> </div>
</div> </div>
</div> </div>
<footer>© 2024 jabuxas - all rights by yours truly</footer> <footer>© 2025 jabuxas - all rights by yours truly</footer>
</body> </body>
</html> </html>

27
dev/style.css
View File

@ -17,12 +17,24 @@ body {
justify-content: center; justify-content: center;
background-color: #1e1e1e; background-color: #1e1e1e;
color: #d4d4d4; color: #aeaeae;
}
.image-container {
width: 150px;
height: 150px;
border-radius: 50px;
overflow: hidden;
position: relative;
} }
img { img {
width: 150px; width: 100%;
border-radius: 50px; height: 100%;
object-fit: cover;
object-position: top;
transform: scale(1.2);
transform-origin: top center;
} }
.top-level div { .top-level div {
@ -39,12 +51,17 @@ img {
.link-item a { .link-item a {
text-decoration: none; text-decoration: none;
color: #d4d4d4;
font-weight: bolder; font-weight: bolder;
display: flex; display: flex;
color: #aeaeae;
align-items: center; align-items: center;
} }
.link-item a:hover,
h2:hover {
color: #d4d4d4;
}
.icon { .icon {
font-family: "Terminess Nerd Font"; font-family: "Terminess Nerd Font";
font-size: 1.5em; font-size: 1.5em;
@ -86,7 +103,7 @@ img {
} }
.blog-icon:before { .blog-icon:before {
content: "\e287"; content: "\f01f";
font-size: 1.5em; font-size: 1.5em;
padding-right: 8px; padding-right: 8px;
/* padding-left: 4px; */ /* padding-left: 4px; */