structure

This commit is contained in:
Niki Wix Skaarup 2025-04-06 18:56:54 +02:00
parent 76d9735fa4
commit b60e723aa3
Signed by: nikiskaarup
GPG key ID: FC2F1B116F6E788C
2 changed files with 26 additions and 17 deletions

View file

@ -7,11 +7,11 @@
"@tailwindcss/cli": "4.1.1",
"bun-plugin-svelte": "^0.0.6",
"bun-plugin-tailwind": "^0.0.15",
"tailwindcss": "^4.1.2",
"tailwindcss": "^4.1.3",
},
"devDependencies": {
"@types/bun": "^1.2.8",
"eslint": "^9.23.0",
"eslint": "^9.24.0",
"eslint-config-greasemonkey": "^1.0.1",
"eslint-config-prettier": "^10.1.1",
"prettier": "^4.0.0-alpha.12",

View file

@ -17,18 +17,21 @@
>
<a
href="#main-content"
class="absolute top-0 left-0 z-50 rounded-b-sm bg-indigo-500 px-1 pt-0.5 text-xs text-gray-100 not-focus:sr-only"
class="absolute top-0 left-0 z-50 rounded-b-sm bg-pink-600 px-1 pt-0.5 text-xs text-gray-100 not-focus:sr-only focus:outline-none"
>
Skip to main content
</a>
<header class="content sticky top-0 z-20 grid bg-gray-950 py-2 font-mono sm:px-2">
<div class="col-[content] grid grid-cols-3">
<div class="flex items-center gap-8">
<!-- -->
</div>
<div class="flex items-center gap-8"></div>
<div class="flex items-center justify-center">
<a href="/" class="block text-center underline decoration-transparent decoration-1 transition-colors hover:decoration-pink-600"> Userscripts </a>
<a
href="/"
class="block text-center underline decoration-transparent transition-colors hover:decoration-pink-600"
>
Userscripts
</a>
</div>
<div class="flex items-center justify-end gap-2 py-2 md:gap-4">
@ -39,7 +42,13 @@
referrerpolicy="no-referrer"
>
<span class="sr-only">git.skaarup.dev/nikiskaarup/userscripts</span>
<svg class="aspect-square h-8" width="32" height="32" viewBox="0 0 98 96" xmlns="http://www.w3.org/2000/svg">
<svg
class="aspect-square h-8"
width="32"
height="32"
viewBox="0 0 98 96"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
@ -58,7 +67,7 @@
<h1 class="text-center text-3xl">Typing..</h1>
</header>
<section class="content col-[content] grid gap-2 bg-gray-900 py-8">
<section class="content bg-neutral col-[content] grid gap-2 py-8">
<h2 class="scroll-m-24 text-2xl" id="userscripts">
<a href="#userscripts"> Userscripts </a>
</h2>
@ -67,7 +76,7 @@
<li>
<a
href="/scripts/manga-reading.user.js"
class="underline decoration-indigo-500 underline-offset-4 transition-all hover:decoration-2"
class="underline decoration-indigo-500 transition-colors hover:decoration-pink-600"
target="_blank"
referrerpolicy="no-referrer"
>Manga Reading</a
@ -75,7 +84,7 @@
-
<a
href="https://git.skaarup.dev/nikiskaarup/userscripts"
class="underline decoration-indigo-500 underline-offset-4 transition-all hover:decoration-2"
class="underline decoration-indigo-500 transition-colors hover:decoration-pink-600"
target="_blank"
referrerpolicy="no-referrer"
>Repository</a
@ -83,14 +92,14 @@
- Adds keyboard navigation to manganato like sites, and
<a
href="https://github.com/NikiSkaarup/progress-tracker-api"
class="underline decoration-indigo-500 underline-offset-4 transition-all hover:decoration-2"
class="underline decoration-indigo-500 transition-colors hover:decoration-pink-600"
target="_blank"
referrerpolicy="no-referrer"
>progress</a
>
<a
href="https://github.com/NikiSkaarup/progress-tracker-v2"
class="underline decoration-indigo-500 underline-offset-4 transition-all hover:decoration-2"
class="underline decoration-indigo-500 transition-colors hover:decoration-pink-600"
target="_blank"
referrerpolicy="no-referrer"
>tracking</a