From 0829b11abe8ce58097a5656896d227f9b6b05005 Mon Sep 17 00:00:00 2001 From: lokxii <9tin9tin9@gmail.com> Date: Tue, 17 Sep 2024 23:00:56 +0800 Subject: [PATCH] Prototype --- index.html | 113 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 108 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 412b269..021bcde 100644 --- a/index.html +++ b/index.html @@ -19,12 +19,57 @@ margin-left: auto; margin-right: auto; } - .top-container > h1 { + .top-container-name { margin: 0; + font-size: 1.8em; + font-weight: bold; + color: #2E2E2E; + } + .top-container-link-icons { + padding-top: 1em; } - .main-container > h2 { + .main-container { + margin: 0; + } + .main-container-title { text-align: center; + font-size: 1.5em; + font-weight: bold; + padding: 1em; + color: #2E2E2E; + } + .main-container-projects-container { + background: #87A6D4; + } + .main-container-projects-container-alt { + background: #6390D4; + } + .main-container-projects-container-name { + font-size: 1.5em; + font-weight: bold; + padding: 20px; + padding-bottom: 0; + } + .main-container-projects-container-content { + font-size: 1.2em; + padding-left: 20px; + padding-bottom: 0.5em; + } + + .main-container-projects-last { + padding: 1em; + padding-left: 20px; + } + + .bottom-container { + background: #A0B0B2; + text-align: center; + position: relative; + padding: 1em 1em; + } + .bottom-container-content { + color: #6B6B6B; } @@ -32,11 +77,69 @@
-

lokxii

+
ろくしぃ / lokxii
+
-

ろくしぃ / lokxii

-
+
Things I made
Things I am proud of
+
+ +
+ +
+

+ A hacky small Inklet replacement for me to play Osu!. +

+
+
+ +
+ +
+

+ A PR to the frozen yet popular project skhd. The PR implements mouse button support to the hotkey daemon that was requested multiple times. +

+
+
+ +
+ +
+

+ A utility that solves a problem I face when I decided to install Asahi Linux on my Macbook Pro. Frontend written in simple HTML / CSS / JS. Backend written in bash. Hosted on my computer. A blog post about my thoughts on this project. +

+
+
+ +
+
+ More projects in the future...? +
+
+ +
+
+
+
+ Build with plain HTML / CSS / JS in a single file.