looks good

feat: add pic and basic skeleton
2024-09-17 00:34:11 -03:00 · 2024-09-16 23:55:27 -03:00
16 changed files with 111 additions and 6 deletions
--- a/dev/fonts/JetBrains-Mono-Nerd-Font-Complete.ttf
+++ b/dev/fonts/JetBrains-Mono-Nerd-Font-Complete.ttf
--- a/dev/fonts/Lilex-Bold.ttf
+++ b/dev/fonts/Lilex-Bold.ttf
--- a/dev/fonts/Lilex-ExtraLight.ttf
+++ b/dev/fonts/Lilex-ExtraLight.ttf
--- a/dev/fonts/Lilex-Medium.ttf
+++ b/dev/fonts/Lilex-Medium.ttf
--- a/dev/fonts/Lilex-Regular.ttf
+++ b/dev/fonts/Lilex-Regular.ttf
--- a/dev/fonts/Lilex-Thin.ttf
+++ b/dev/fonts/Lilex-Thin.ttf
--- a/dev/images/android-chrome-192x192.png
+++ b/dev/images/android-chrome-192x192.png
--- a/dev/images/android-chrome-512x512.png
+++ b/dev/images/android-chrome-512x512.png
--- a/dev/images/apple-touch-icon.png
+++ b/dev/images/apple-touch-icon.png
--- a/dev/images/favicon-16x16.png
+++ b/dev/images/favicon-16x16.png
--- a/dev/images/favicon-32x32.png
+++ b/dev/images/favicon-32x32.png
--- a/dev/images/favicon.ico
+++ b/dev/images/favicon.ico
--- a/dev/images/icon.jpg
+++ b/dev/images/icon.jpg
--- a/dev/index.html
+++ b/dev/index.html
@ -1,15 +1,45 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">

 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>jabuxas main page</title>
-    <link href="css/style.css" rel="stylesheet">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Jab Hub</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png" />
+    <link rel="manifest" href="./site.webmanifest" />
+    <link href="style.css" rel="stylesheet" />
 </head>

 <body>
-    <h1>hello world</h1>
+    <div class="container">
+        <div class="top-level">
+            <div>
+                <img src="./images/icon.jpg" alt="jabuxas' icon" />
+                <h2>jabuxas</h2>
+            </div>
+            <h2>====================</h2>
+        </div>
+        <div class="bottom-level">
+            <div class="link-item">
+                <span class="mail-icon icon"></span>
+                <a href="mailto:jabuxas@proton.me">jabuxas@proton.me</a>
+            </div>
+            <div class="link-item">
+                <span class="github-icon icon"></span>
+                <a href="https://github.com/jabuxas">github</a>
+            </div>
+            <div class="link-item">
+                <span class="gitea-icon icon"></span>
+                <a href="https://git.jabuxas.xyz/jabuxas">selfhosted gitea instance</a>
+            </div>
+            <div class="link-item">
+                <span class="paste-icon icon"></span>
+                <a href="https://paste.jabuxas.xyz">paste</a>
+            </div>
+        </div>
+    </div>
 </body>

 </html>
--- a/dev/site.webmanifest
+++ b/dev/site.webmanifest
@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
--- a/dev/style.css
+++ b/dev/style.css
@ -0,0 +1,74 @@
+@font-face {
+    font-family: Lilex;
+    src: url(./fonts/Lilex-Regular.ttf) format("truetype");
+}
+
+@font-face {
+    font-family: "JetBrainsMono Nerd Font";
+    src: url("./fonts/JetBrainsMono Nerd Font.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;
+    gap: 1em;
+}
+
+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";
+}
+
+.github-icon:before {
+    content: "\f09b";
+    font-size: 3em;
+}
+
+.gitea-icon:before {
+    content: "\e702";
+    font-size: 3em;
+}
+
+.paste-icon:before {
+    content: "\f429";
+    font-size: 3em;
+}
+
+.mail-icon:before {
+    content: "\eb1c";
+    font-size: 3em;
+}
Author	SHA1	Message	Date
jabuxas	ce6dbc9338	looks good	2024-09-17 00:34:11 -03:00
jabuxas	78e65a30e1	feat: add pic and basic skeleton	2024-09-16 23:55:27 -03:00
				`@ -0,0 +1 @@`
				`{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}`