inital
This commit is contained in:
58
_site/400/index.html
Normal file
58
_site/400/index.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">X_X</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">400 level oopsie! :c</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
|
||||
whatever request you performed resulted in a client side error :c
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
_site/500/index.html
Normal file
58
_site/500/index.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">X_X</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">500 level oopsie! :c</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
|
||||
whatever request you performed resulted in a server side error :c
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
_site/about/index.html
Normal file
60
_site/about/index.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">about me :3</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
<p>i am nihil and this is mine humble abode. i am a transfem (they/she/it) humanities phd student that also does a bunch of web shit in their free time.</p>
|
||||
<p>i am also an ardent communist and anarchist, eventually this lil site will contain a reading list.</p>
|
||||
<p>i am also on the regular sites as valhrafnaz.</p>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1920
_site/assets/css/tailwind.css
Normal file
1920
_site/assets/css/tailwind.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
_site/assets/fonts/Cagliostro-Regular.ttf
Normal file
BIN
_site/assets/fonts/Cagliostro-Regular.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/DarumadropOne.ttf
Normal file
BIN
_site/assets/fonts/DarumadropOne.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/Gaegu-Bold.ttf
Normal file
BIN
_site/assets/fonts/Gaegu-Bold.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/Gaegu-Light.ttf
Normal file
BIN
_site/assets/fonts/Gaegu-Light.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/Gaegu-Regular.ttf
Normal file
BIN
_site/assets/fonts/Gaegu-Regular.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/Itim-Regular.ttf
Normal file
BIN
_site/assets/fonts/Itim-Regular.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/Pangolin-Regular.ttf
Normal file
BIN
_site/assets/fonts/Pangolin-Regular.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/PatrickHand-Regular.ttf
Normal file
BIN
_site/assets/fonts/PatrickHand-Regular.ttf
Normal file
Binary file not shown.
BIN
_site/assets/fonts/PressStart2P-Regular.ttf
Normal file
BIN
_site/assets/fonts/PressStart2P-Regular.ttf
Normal file
Binary file not shown.
BIN
_site/assets/img/favicon.png
Normal file
BIN
_site/assets/img/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
_site/assets/img/moth.png
Normal file
BIN
_site/assets/img/moth.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
18
_site/assets/img/noise.svg
Normal file
18
_site/assets/img/noise.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<svg
|
||||
viewBox="0 0 200 200"
|
||||
xmlns='http://www.w3.org/2000/svg'>
|
||||
|
||||
<filter id='noiseFilter'>
|
||||
<feTurbulence
|
||||
type='fractalNoise'
|
||||
baseFrequency='0.65'
|
||||
numOctaves='3'
|
||||
stitchTiles='stitch' />
|
||||
</filter>
|
||||
|
||||
<rect
|
||||
width='100%'
|
||||
height='100%'
|
||||
filter='url(#noiseFilter)' />
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 323 B |
BIN
_site/assets/img/oneko.gif
Normal file
BIN
_site/assets/img/oneko.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
_site/favicon.ico
Normal file
BIN
_site/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
BIN
_site/favicon.png
Normal file
BIN
_site/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
99
_site/index.html
Normal file
99
_site/index.html
Normal file
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">omg haii :3</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
<div class="flex justify-center">
|
||||
<div class="mt-8 md text-center break-normal items-center justify-center justify-items-center">
|
||||
<p>
|
||||
welcome to my little horrible abode :3
|
||||
<br>
|
||||
here is a list of links to the services on this server, all of which are invite only, sorry >_<
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center w-4/5 lg:w-2/5">
|
||||
<div class="group/link-btns grid grid-cols-2 grid-rows-3 lg:grid-cols-3 lg:grid-rows-2 gap-4 lg:gap-6 justify-items-center items-center my-16 lg:my-20 justify-self-center place-content-center center text-xl">
|
||||
<a href="https://wiki.valhrafnaz.gay/">
|
||||
<button type="button" class="btn-link">
|
||||
wiki<br>:3
|
||||
</button>
|
||||
</a>
|
||||
<a href="https://foundry.valhrafnaz.gay/">
|
||||
<button type="button" class="btn-link">
|
||||
VTT<br>:3
|
||||
</button>
|
||||
</a>
|
||||
<a href="https://cloud.valhrafnaz.gay/">
|
||||
<button type="button" class="btn-link">
|
||||
cloud<br>:3
|
||||
</button>
|
||||
</a>
|
||||
<a href="https://panel.valhrafnaz.gay/">
|
||||
<button type="button" class="btn-link">
|
||||
games<br>:3
|
||||
</button>
|
||||
</a>
|
||||
<a href="https://git.valhrafnaz.gay/">
|
||||
<button type="button" class="btn-link">
|
||||
git<br>:3
|
||||
</button>
|
||||
</a>
|
||||
<a href="https://mail.valhrafnaz.gay/">
|
||||
<button type="button" class="btn-link">
|
||||
mail<br>:3
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
77
_site/posts/index.html
Normal file
77
_site/posts/index.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">Posts :3</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
|
||||
<div class="flex flex-col items-center">
|
||||
<div id="post-container" class="w-2/3 flex flex-col items-center">
|
||||
|
||||
<div class="post transition-all duration-300 hover:scale-110">
|
||||
<a class="text-off-white hover:text-pink-500" href="/posts/post-1/">
|
||||
<h2 class="text-2xl text-pink-300">first post hehe :3</h2>
|
||||
<div class="text-justify text-base leading-snug"> this first post doesn't really contain much of substance, but in the future you can expect any sort of prose… </div>
|
||||
<p class="text-sm text-purple-300"> Sun Nov 03 2024 </p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="inline-flex flex-row items-center mt-4">
|
||||
|
||||
|
||||
<span class="mx-3" id="curr">1</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
80
_site/posts/post-1/index.html
Normal file
80
_site/posts/post-1/index.html
Normal file
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">first post hehe :3</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
|
||||
<div class="text-base text-purple-300 mb-5 inline-flex flex-col">
|
||||
<span>Sun Nov 03 2024</span>
|
||||
<span class="text-sm text-amber-200"><span id="time"></span> minutes read</span>
|
||||
</div>
|
||||
|
||||
<article id="article" class="prose lg:prose-xl text-off-white text-justify">
|
||||
<p>this first post doesn't really contain much of substance, but in the future you can expect any sort of prose i find interesting enough to post on here, probably about far-left politics, digital humanities, old norse, black metal, game analysis or whatever else bothers me that day :p</p>
|
||||
<p>keeping a tradition i started on a long deleted blog years back, i leave you with some good music.</p>
|
||||
<p>baiii :3</p>
|
||||
<div class="flex justify-center">
|
||||
<iframe width="720" height="480" src="https://www.youtube.com/embed/INgo0xmYBeg" title="Agalloch - The Mantle (Full Album)" frameborder="0" allow="clipboard-write; encrypted-media; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</div>
|
||||
</article>
|
||||
<script defer>
|
||||
function readingTime() {
|
||||
const text = document.getElementById("article").innerText;
|
||||
const wpm = 225;
|
||||
const words = text.trim().split(/\s+/).length;
|
||||
const time = Math.ceil(words / wpm);
|
||||
document.getElementById("time").innerText = time;
|
||||
}
|
||||
readingTime();
|
||||
</script>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
81
_site/resources/index.html
Normal file
81
_site/resources/index.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">important resources :3</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
<div id="prose" class="list-disc">
|
||||
a list of sites i find important, feel free to let me know if i should add anything
|
||||
<br>
|
||||
<br>
|
||||
<h3>diy hrt</h3>
|
||||
<p>since i am transfem and currently relying on diy hrt this topic is near and dear to my heart
|
||||
no hyperlinks to discourage automated nonsense <br>
|
||||
<br></p>
|
||||
<ul>
|
||||
<li><a href="https://pastebin.com/Squ1vjYB">Pastebin with all important links as backup</a></li>
|
||||
<li>diyhrt.market and hrtcafe.net for sourcing transfem diy products, market is much more up to date</li>
|
||||
<li>transfemscience.org if you want to dive into the actual research behind recommandations (highly encouraged!)</li>
|
||||
<li>r/TransDIY, currently at risk from outside actors</li>
|
||||
<li>transharmreduction.org/hrt-testing for testing reports on diy estrogen<br>
|
||||
<br></li>
|
||||
</ul>
|
||||
<h3>reading</h3>
|
||||
<ul>
|
||||
<li><a href="https://anarch.cc/library/">doe's library</a></li>
|
||||
<li><a href="https://anarch.cc/library-resources/">doe's library resources</a></li>
|
||||
<li><a href="https://archive.org/">archive.org</a></li>
|
||||
<li><a href="https://theanarchistlibrary.org/special/index">the anarchist library</a></li>
|
||||
<li><a href="https://marxists.org">marxists.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
2
_site/scripts/jquery-3.7.1.min.js
vendored
Normal file
2
_site/scripts/jquery-3.7.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
239
_site/scripts/oneko.js
Normal file
239
_site/scripts/oneko.js
Normal file
@@ -0,0 +1,239 @@
|
||||
// oneko.js: https://github.com/adryd325/oneko.js
|
||||
|
||||
(function oneko() {
|
||||
const isReducedMotion =
|
||||
window.matchMedia(`(prefers-reduced-motion: reduce)`) === true ||
|
||||
window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true;
|
||||
|
||||
if (isReducedMotion) return;
|
||||
|
||||
const nekoEl = document.createElement("div");
|
||||
|
||||
let nekoPosX = 32;
|
||||
let nekoPosY = 32;
|
||||
|
||||
let mousePosX = 0;
|
||||
let mousePosY = 0;
|
||||
|
||||
let frameCount = 0;
|
||||
let idleTime = 0;
|
||||
let idleAnimation = null;
|
||||
let idleAnimationFrame = 0;
|
||||
|
||||
const nekoSpeed = 10;
|
||||
const spriteSets = {
|
||||
idle: [[-3, -3]],
|
||||
alert: [[-7, -3]],
|
||||
scratchSelf: [
|
||||
[-5, 0],
|
||||
[-6, 0],
|
||||
[-7, 0],
|
||||
],
|
||||
scratchWallN: [
|
||||
[0, 0],
|
||||
[0, -1],
|
||||
],
|
||||
scratchWallS: [
|
||||
[-7, -1],
|
||||
[-6, -2],
|
||||
],
|
||||
scratchWallE: [
|
||||
[-2, -2],
|
||||
[-2, -3],
|
||||
],
|
||||
scratchWallW: [
|
||||
[-4, 0],
|
||||
[-4, -1],
|
||||
],
|
||||
tired: [[-3, -2]],
|
||||
sleeping: [
|
||||
[-2, 0],
|
||||
[-2, -1],
|
||||
],
|
||||
N: [
|
||||
[-1, -2],
|
||||
[-1, -3],
|
||||
],
|
||||
NE: [
|
||||
[0, -2],
|
||||
[0, -3],
|
||||
],
|
||||
E: [
|
||||
[-3, 0],
|
||||
[-3, -1],
|
||||
],
|
||||
SE: [
|
||||
[-5, -1],
|
||||
[-5, -2],
|
||||
],
|
||||
S: [
|
||||
[-6, -3],
|
||||
[-7, -2],
|
||||
],
|
||||
SW: [
|
||||
[-5, -3],
|
||||
[-6, -1],
|
||||
],
|
||||
W: [
|
||||
[-4, -2],
|
||||
[-4, -3],
|
||||
],
|
||||
NW: [
|
||||
[-1, 0],
|
||||
[-1, -1],
|
||||
],
|
||||
};
|
||||
|
||||
function init() {
|
||||
nekoEl.id = "oneko";
|
||||
nekoEl.ariaHidden = true;
|
||||
nekoEl.style.width = "32px";
|
||||
nekoEl.style.height = "32px";
|
||||
nekoEl.style.position = "fixed";
|
||||
nekoEl.style.pointerEvents = "none";
|
||||
nekoEl.style.imageRendering = "pixelated";
|
||||
nekoEl.style.left = `${nekoPosX - 16}px`;
|
||||
nekoEl.style.top = `${nekoPosY - 16}px`;
|
||||
nekoEl.style.zIndex = 2147483647;
|
||||
|
||||
let nekoFile = "/assets/img/oneko.gif"
|
||||
const curScript = document.currentScript
|
||||
if (curScript && curScript.dataset.cat) {
|
||||
nekoFile = curScript.dataset.cat
|
||||
}
|
||||
nekoEl.style.backgroundImage = `url(${nekoFile})`;
|
||||
|
||||
document.body.appendChild(nekoEl);
|
||||
|
||||
document.addEventListener("mousemove", function (event) {
|
||||
mousePosX = event.clientX;
|
||||
mousePosY = event.clientY;
|
||||
});
|
||||
|
||||
window.requestAnimationFrame(onAnimationFrame);
|
||||
}
|
||||
|
||||
let lastFrameTimestamp;
|
||||
|
||||
function onAnimationFrame(timestamp) {
|
||||
// Stops execution if the neko element is removed from DOM
|
||||
if (!nekoEl.isConnected) {
|
||||
return;
|
||||
}
|
||||
if (!lastFrameTimestamp) {
|
||||
lastFrameTimestamp = timestamp;
|
||||
}
|
||||
if (timestamp - lastFrameTimestamp > 100) {
|
||||
lastFrameTimestamp = timestamp
|
||||
frame()
|
||||
}
|
||||
window.requestAnimationFrame(onAnimationFrame);
|
||||
}
|
||||
|
||||
function setSprite(name, frame) {
|
||||
const sprite = spriteSets[name][frame % spriteSets[name].length];
|
||||
nekoEl.style.backgroundPosition = `${sprite[0] * 32}px ${sprite[1] * 32}px`;
|
||||
}
|
||||
|
||||
function resetIdleAnimation() {
|
||||
idleAnimation = null;
|
||||
idleAnimationFrame = 0;
|
||||
}
|
||||
|
||||
function idle() {
|
||||
idleTime += 1;
|
||||
|
||||
// every ~ 20 seconds
|
||||
if (
|
||||
idleTime > 10 &&
|
||||
Math.floor(Math.random() * 200) == 0 &&
|
||||
idleAnimation == null
|
||||
) {
|
||||
let avalibleIdleAnimations = ["sleeping", "scratchSelf"];
|
||||
if (nekoPosX < 32) {
|
||||
avalibleIdleAnimations.push("scratchWallW");
|
||||
}
|
||||
if (nekoPosY < 32) {
|
||||
avalibleIdleAnimations.push("scratchWallN");
|
||||
}
|
||||
if (nekoPosX > window.innerWidth - 32) {
|
||||
avalibleIdleAnimations.push("scratchWallE");
|
||||
}
|
||||
if (nekoPosY > window.innerHeight - 32) {
|
||||
avalibleIdleAnimations.push("scratchWallS");
|
||||
}
|
||||
idleAnimation =
|
||||
avalibleIdleAnimations[
|
||||
Math.floor(Math.random() * avalibleIdleAnimations.length)
|
||||
];
|
||||
}
|
||||
|
||||
switch (idleAnimation) {
|
||||
case "sleeping":
|
||||
if (idleAnimationFrame < 8) {
|
||||
setSprite("tired", 0);
|
||||
break;
|
||||
}
|
||||
setSprite("sleeping", Math.floor(idleAnimationFrame / 4));
|
||||
if (idleAnimationFrame > 192) {
|
||||
resetIdleAnimation();
|
||||
}
|
||||
break;
|
||||
case "scratchWallN":
|
||||
case "scratchWallS":
|
||||
case "scratchWallE":
|
||||
case "scratchWallW":
|
||||
case "scratchSelf":
|
||||
setSprite(idleAnimation, idleAnimationFrame);
|
||||
if (idleAnimationFrame > 9) {
|
||||
resetIdleAnimation();
|
||||
}
|
||||
break;
|
||||
default:
|
||||
setSprite("idle", 0);
|
||||
return;
|
||||
}
|
||||
idleAnimationFrame += 1;
|
||||
}
|
||||
|
||||
function frame() {
|
||||
frameCount += 1;
|
||||
const diffX = nekoPosX - mousePosX;
|
||||
const diffY = nekoPosY - mousePosY;
|
||||
const distance = Math.sqrt(diffX ** 2 + diffY ** 2);
|
||||
|
||||
if (distance < nekoSpeed || distance < 48) {
|
||||
idle();
|
||||
return;
|
||||
}
|
||||
|
||||
idleAnimation = null;
|
||||
idleAnimationFrame = 0;
|
||||
|
||||
if (idleTime > 1) {
|
||||
setSprite("alert", 0);
|
||||
// count down after being alerted before moving
|
||||
idleTime = Math.min(idleTime, 7);
|
||||
idleTime -= 1;
|
||||
return;
|
||||
}
|
||||
|
||||
let direction;
|
||||
direction = diffY / distance > 0.5 ? "N" : "";
|
||||
direction += diffY / distance < -0.5 ? "S" : "";
|
||||
direction += diffX / distance > 0.5 ? "W" : "";
|
||||
direction += diffX / distance < -0.5 ? "E" : "";
|
||||
setSprite(direction, frameCount);
|
||||
|
||||
nekoPosX -= (diffX / distance) * nekoSpeed;
|
||||
nekoPosY -= (diffY / distance) * nekoSpeed;
|
||||
|
||||
nekoPosX = Math.min(Math.max(16, nekoPosX), window.innerWidth - 16);
|
||||
nekoPosY = Math.min(Math.max(16, nekoPosY), window.innerHeight - 16);
|
||||
|
||||
nekoEl.style.left = `${nekoPosX - 16}px`;
|
||||
nekoEl.style.top = `${nekoPosY - 16}px`;
|
||||
}
|
||||
|
||||
init();
|
||||
})();
|
||||
64
_site/status/index.html
Normal file
64
_site/status/index.html
Normal file
@@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">Status :3</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
|
||||
|
||||
<div class="h-4/5 w-full">
|
||||
<div id="embed-container">
|
||||
<iframe id="responsive-frame" sandbox="allow-same-origin allow-scripts" referrerpolicy="origin-when-cross-origin" credentialless nofullscreen src="https://status.valhrafnaz.gay/status/main">
|
||||
</div>
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user