Skip to content

Commit

Permalink
Prototype
Browse files Browse the repository at this point in the history
  • Loading branch information
@lokxii
lokxii committed Sep 17, 2024
1 parent 5377f16 commit 0829b11
Showing 1 changed file with 108 additions and 5 deletions.
113 changes: 108 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,24 +19,127 @@
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;
}
</style>
</head>

<body>
<div class="top-container">
<img src="https://cdn.bsky.app/img/avatar/plain/did:plc:p7gnw6dyxzd2m5tmy7ucpiut/bafkreicu2hkyuvojwzss367fycu33hr4wfqvfszbwwc4optoghesxnuw4u@jpeg">
<h1>lokxii</h1>
<div class="top-container-name">ろくしぃ / lokxii</div>
<div class="top-container-link-icons">
<a href="https://github.com/lokxii">
<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 16 16" width="20" aria-hidden="true" class="d-block">
<path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</a>
</div>
</div>
<div class="main-container">
<h2>ろくしぃ / lokxii</h2>
<div class="projects">
<div class="main-container-title">Things I made<br>Things I am proud of<br>↓</div>
<div class="main-container-projects">

<div class="main-container-projects-container">
<div class="main-container-projects-container-name">
<a href="https://github.com/lokxii/Mac-trackpad-mapper">
Mac trackpad mapper
</a>
</div>
<div class="main-container-projects-container-content">
<p>
A hacky small <a href="https://tenonedesign.com/inklet.php">Inklet</a> replacement for me to play Osu!.
</p>
</div>
</div>

<div class="main-container-projects-container-alt">
<div class="main-container-projects-container-name">
<a href="https://github.com/koekeishiya/skhd/pull/269">
Adding mouse button support to skhd
</a>
</div>
<div class="main-container-projects-container-content">
<p>
A PR to the frozen yet popular project <a href="https://github.com/koekeishiya/skhd">skhd</a>. The PR implements mouse button support to the hotkey daemon that was requested <a href="https://github.com/koekeishiya/skhd/issues/195">multiple</a> <a href="https://github.com/koekeishiya/skhd/issues/245">times</a>.
</p>
</div>
</div>

<div class="main-container-projects-container">
<div class="main-container-projects-container-name">
<a href="https://github.com/lokxii/clipboard-server">
Copy-pasting between my iPhone and linux computer (with file sharing)
</a>
</div>
<div class="main-container-projects-container-content">
<p>
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 href="https://whtwnd.com/lokxii.bsky.social/entries/HTTP%20server%20in%20bash">A blog post about my thoughts on this project.</a>
</p>
</div>
</div>

<div class="main-container-projects-container-alt">
<div class="main-container-projects-last">
More projects in the future...?
</div>
</div>

</div>
</div>
<div class="bottom-container">
<div class="bottom-container-content">
Build with plain HTML / CSS / JS in a single file.
</div>
</div>
</body>
Expand Down

0 comments on commit 0829b11

Please sign in to comment.