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

feat: add pic and basic skeleton

Browse Source
This commit is contained in:
jabuxas 2024-09-16 23:55:27 -03:00
parent ec15db950e
commit 78e65a30e1
8 changed files with 51 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dev/fonts/Lilex-Bold.ttf Normal file
View File

Binary file not shown.

BIN
dev/fonts/Lilex-ExtraLight.ttf Normal file
View File

Binary file not shown.

BIN
dev/fonts/Lilex-Medium.ttf Normal file
View File

Binary file not shown.

BIN
dev/fonts/Lilex-Regular.ttf Normal file
View File

Binary file not shown.

BIN
dev/fonts/Lilex-Thin.ttf Normal file
View File

Binary file not shown.

BIN
dev/icon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

27
dev/index.html
View File

@ -1,15 +1,30 @@
<!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" />
<title>jabuxas main page</title> <title>jabuxas directions</title>
<link href="css/style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet" />
</head> </head>
<body> <body>
<h1>hello world</h1> <div class="container">
<div class="top-level">
<div>
<img src="./icon.jpg" alt="jabuxas' icon" />
<h2>jabuxas</h2>
</div>
<h2>====================</h2>
</div>
<div class="bottom-level">
<div>email</div>
<div>github</div>
<div>selfhosted gitea instance</div>
<div>paste</div>
<div>linkedin</div>
</div>
</div>
</body> </body>
</html> </html>

30
dev/style.css Normal file
View File

@ -0,0 +1,30 @@
@font-face {
font-family: Lilex;
src: url(./fonts/Lilex-Regular.ttf);
}
body {
font-family: Lilex;
margin: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.container {
display: flex;
flex-direction: column;
gap: 1em;
}
img {
width: 150px;
border-radius: 50px;
}
.top-level div {
display: flex;
align-items: center;
gap: 2em;
}