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

92
dev/index.html
View File

@ -1,7 +1,6 @@
<!doctype html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="jabuxas' website" />
@ -11,40 +10,69 @@
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link href="style.css?version=1" rel="stylesheet" />
</head>
</head>
<body>
<body>
<div class="container">
<div class="top-level">
<div>
<img src="./images/icon.jpg" alt="jabuxas' icon" />
<h2>jabuxas</h2>
</div>
<hr />
<div class="top-level">
<div>
<div class="image-container">
<img src="./images/maybe.jpg" alt="jabuxas' icon" />
</div>
<h2>jabuxas</h2>
</div>
<div class="bottom-level">
<div class="link-item">
<a class="mastodon-icon icon" rel="me" href="https://social.linux.pizza/@jabuxas">my mastodon</a>
</div>
<div class="link-item">
<a class="mail-icon icon" href="mailto:jabuxas@proton.me">my contact email</a>
</div>
<div class="link-item">
<a class="github-icon icon" href="https://github.com./jabuxas" target="_blank">my github</a>
</div>
<div class="link-item">
<a class="gitea-icon icon" href="https://git.jabuxas.xyz/jabuxas" target="_blank">my gitea</a>
</div>
<div class="link-item">
<a class="blog-icon icon" href="https://blog.jabuxas.xyz" target="_blank">my blog</a>
</div>
<div class="link-item">
<a class="paste-icon icon" href="https://paste.jabuxas.xyz" target="_blank">my paste</a>
</div>
<hr />
</div>
<div class="bottom-level">
<div class="link-item">
<a
class="mastodon-icon icon"
rel="me"
href="https://social.linux.pizza/@jabuxas"
target="_blank"
>Mastodon</a
>
</div>
<div class="link-item">
<a class="mail-icon icon" href="mailto:jabuxas@proton.me"
>Contact Email</a
>
</div>
<div class="link-item">
<a
class="github-icon icon"
href="https://github.com/jabuxas"
target="_blank"
>Github</a
>
</div>
<div class="link-item">
<a
class="gitea-icon icon"
href="https://git.jabuxas.xyz/jabuxas"
target="_blank"
>Gitea</a
>
</div>
<div class="link-item">
<a
class="blog-icon icon"
href="https://blog.jabuxas.xyz"
target="_blank"
>Blog</a
>
</div>
<div class="link-item">
<a
class="paste-icon icon"
href="https://paste.jabuxas.xyz"
target="_blank"
>Pastebin</a
>
</div>
</div>
</div>
<footer>© 2024 jabuxas - all rights by yours truly</footer>
</body>
<footer>© 2025 jabuxas - all rights by yours truly</footer>
</body>
</html>

27
dev/style.css
View File

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