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

Compare commits

base: jabuxas:4a1e34da57cb42c715757c91da3c28d8838af6a8
Branches Tags
jabuxas:main
..
compare: jabuxas:3b2f718dc3b5aeaf65eac1fb90fa925830767fcb
Branches Tags
jabuxas:main

2 Commits
4a1e34da57 ... 3b2f718dc3

Author SHA1 Message Date
jabuxas
3b2f718dc3 feat: add blog 2024-09-24 13:13:04 -03:00
jabuxas
0af844557d feat: fix css taking too long to update 2024-09-24 13:07:21 -03:00
2 changed files with 98 additions and 84 deletions
Show Stats Expand all files Collapse all files

102
dev/index.html
View File

@ -11,6 +11,96 @@
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link href="style.css" rel="stylesheet" />
<style>
@font-face {
font-family: Lilex;
src: url(./fonts/Lilex-Regular.ttf) format("truetype");
}
@font-face {
font-family: "JetBrainsMono Nerd Font";
src: url("./fonts/JetBrains-Mono-Nerd-Font-Complete.ttf") format("truetype");
}
body {
font-family: Lilex;
margin: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #1e1e1e;
color: #d4d4d4;
}
.container {
display: flex;
flex-direction: column;
}
img {
width: 150px;
border-radius: 50px;
}
.top-level div {
display: flex;
align-items: center;
gap: 2em;
}
.link-item {
display: flex;
align-items: center;
gap: 15px;
}
.link-item a {
text-decoration: none;
color: #d4d4d4;
font-weight: bolder;
}
.icon {
font-family: "JetBrainsMono Nerd Font";
}
.mail-icon:before {
content: "\f42f";
font-size: 2em;
}
.github-icon:before {
content: "\f09b";
font-size: 2em;
}
.gitea-icon:before {
content: "\e702";
font-size: 2.8em;
}
.paste-icon:before {
content: "\f429";
font-size: 2em;
padding-left: 7px;
}
.blog-icon:before {
content: "\e287";
font-size: 2em;
padding-left: 4px;
}
footer {
position: absolute;
bottom: 1rem;
font-size: 0.8rem;
color: #777;
}
</style>
</head>
<body>
@ -25,19 +115,23 @@
<div class="bottom-level">
<div class="link-item">
<span class="mail-icon icon"></span>
<a href="mailto:jabuxas@proton.me">jabuxas@proton.me</a>
<a 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">github</a>
<a 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">selfhosted gitea instance</a>
<a 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>
</div>
<div class="link-item">
<span class="paste-icon icon"></span>
<a href="https://paste.jabuxas.xyz" target="_blank">paste</a>
<a href="https://paste.jabuxas.xyz" target="_blank">my paste</a>
</div>
</div>
</div>

80
dev/style.css
View File

@ -1,80 +0,0 @@
@font-face {
font-family: Lilex;
src: url(./fonts/Lilex-Regular.ttf) format("truetype");
}
@font-face {
font-family: "JetBrainsMono Nerd Font";
src: url("./fonts/JetBrains-Mono-Nerd-Font-Complete.ttf") format("truetype");
}
body {
font-family: Lilex;
margin: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #1e1e1e;
color: #d4d4d4;
}
.container {
display: flex;
flex-direction: column;
}
img {
width: 150px;
border-radius: 50px;
}
.top-level div {
display: flex;
align-items: center;
gap: 2em;
}
.link-item {
display: flex;
align-items: center;
gap: 10px;
}
.link-item a {
text-decoration: none;
color: #d4d4d4;
font-weight: bolder;
}
.icon {
font-family: "JetBrainsMono Nerd Font";
}
.mail-icon:before {
content: "\f42f";
font-size: 2em;
}
.github-icon:before {
content: "\f09b";
font-size: 2em;
}
.gitea-icon:before {
content: "\e702";
font-size: 2.8em;
}
.paste-icon:before {
content: "\f429";
font-size: 2.2em;
}
footer {
position: absolute;
bottom: 1rem;
font-size: 0.8rem;
color: #777;
}