all: Moved to using site-inator to build the site

This commit is contained in:
Yuki Joou 2023-08-16 19:36:21 +02:00
parent 6508182f2a
commit 8b6cf1db9b
8 changed files with 150 additions and 144 deletions

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
public/
*~

2
site-config Normal file
View file

@ -0,0 +1,2 @@
#!/bin/bash
TITLE="yukjoou's internet homepage!"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 837 B

View file

@ -1,149 +1,89 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<h1>about me</h1>
<p>
i'm an autistic gay trans girl who likes computers. i like old technologies
and other stuff that doesn't work properly.
<br />
i'm the webmistress that runs
<a href="https://kemonomimi.gay">kemonomimi.gay</a>, with the help of my
amazing friends :3
</p>
<p>
i like spending time on the internet, and seeing what the cute people of the
fediverse post. when i'm not doing that, i like to write code and do silly
projects! <br />
i also have a
<a href="https://blog.kemonomimi.gay/yukijoou/">blog</a>, though it's quite
empty for now...
</p>
<meta content="yukijoou's web place" property="og:title" />
<meta
content="i'm yukijoou (ja: 雪女王), and i post things on the internet"
property="og:description"
/>
<meta content="#bad2e0" data-react-helmet="true" name="theme-color" />
<h2>talk to me. i dare u.</h2>
<p>
i'm available on matrix: &commat;yukijoou:catgirl.cloud
<br />
i have a fedi account:
<a href="https://fedi.kemonomimi.gay/yukijoou"
>&commat;yukijoou&commat;fedi.kemonomimi.gay</a
>
<br />
i also have a selfhosted email:
<a href="#" id="email">[SHOW EMAIL]</a>
<title>yukijoou's internet homepage :3</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<h1>yukijoou's homepage</h1>
<p class="subtitle">雪女王</p>
<p>
i like posting silly things on the web! you can find a bunch of
it here!
</p>
<noscript>
<p>
<b>Please enable javascript to see my email :3</b> (only using it as
an anti-scraper thing). if you really don't want to, here is my
base64-encoded email: eXVraWpvb3VAa2Vtb25vbWltaS5nYXk=
</p>
</noscript>
<script>
const email = atob("eXVraWpvb3VAa2Vtb25vbWltaS5nYXk=");
const emailDisplay = document.getElementById("email");
emailDisplay.addEventListener(
"click",
(event) => {
emailDisplay.href = "mailto:" + email;
emailDisplay.innerText = email;
event.preventDefault();
},
{ once: true },
);
</script>
</p>
<nav id="site-navigation">
<ul>
<li><a href="/index.html">Home</a></li>
</ul>
</nav>
</header>
<h1>silly projects</h1>
<p>the things i do at my computer :3</p>
<main>
<h1>about me</h1>
<p>
i'm an autistic gay trans girl who likes computers. i like old
technologies and other stuff that doesn't work properly.
<br />
i'm the webmistress that runs
<a href="https://kemonomimi.gay">kemonomimi.gay</a>, with the
help of my amazing friends :3
</p>
<p>
i like spending time on the internet, and seeing what the cute
people of the fediverse post. when i'm not doing that, i like to
write code and do silly projects! <br />
i also have a
<a href="https://blog.kemonomimi.gay/yukijoou/">blog</a>, though
it's quite empty for now...
</p>
<h2>convertablet</h2>
<p>
it's a dameon to get 2-in-1 laptop/tablet convertible devices to work well
using wlroots-based compositors on linux. for now it's more or less
specifically made for my own lenovo miix-320icr, but the goal is to make it
so that all laptops that can act as tablets work smoothly on linux+wlroots.
</p>
<p>
currently hosted at
<a href="https://git.kemonomimi.gay/yukijoou/convvertablet"
>yukijoou/convertablet</a
>, no proper documentation yet, but if you want to get it working on your
device, please get in touch! i'll be more than happy to make it work, and
will include support for your device once i get it in a working state!
</p>
<h2>talk to me. i dare u.</h2>
<p>
i'm available on matrix: &commat;yukijoou:catgirl.cloud
<br />
i have a fedi account:
<a href="https://fedi.kemonomimi.gay/yukijoou"
>&commat;yukijoou&commat;fedi.kemonomimi.gay</a
>
<br />
i also have a selfhosted email:
<a href="#" id="email">[SHOW EMAIL]</a>
<h2>kemonomimi.gay</h2>
<p>
i do sysadmin work to keep the websites and services we host running! most
of my work is behind the scene, and shoudln't be noticeable (i hope). at
some point, i want to opensource most of the scripts i use to manage this
infrastructure so that other people can see how it all works, and be
inclined to selfhost their stuff ^_^
</p>
<noscript>
<p>
<b>Please enable javascript to see my email :3</b> (only
using it as an anti-scraper thing). if you really don't
want to, here is my base64-encoded email:
eXVraWpvb3VAa2Vtb25vbWltaS5nYXk=
</p>
</noscript>
<script>
const email = atob("eXVraWpvb3VAa2Vtb25vbWltaS5nYXk=");
const emailDisplay = document.getElementById("email");
emailDisplay.addEventListener(
"click",
(event) => {
emailDisplay.href = "mailto:" + email;
emailDisplay.innerText = email;
event.preventDefault();
},
{ once: true },
);
</script>
</p>
<h1>silly projects</h1>
<p>the things i do at my computer :3</p>
<h2>convertablet</h2>
<p>
it's a dameon to get 2-in-1 laptop/tablet convertible devices to
work well using wlroots-based compositors on linux. for now it's
more or less specifically made for my own lenovo miix-320icr,
but the goal is to make it so that all laptops that can act as
tablets work smoothly on linux+wlroots.
</p>
<p>
currently hosted at
<a href="https://git.kemonomimi.gay/yukijoou/convvertablet"
>yukijoou/convertablet</a
>, no proper documentation yet, but if you want to get it
working on your device, please get in touch! i'll be more than
happy to make it work, and will include support for your device
once i get it in a working state!
</p>
<h2>kemonomimi.gay</h2>
<p>
i do sysadmin work to keep the websites and services we host
running! most of my work is behind the scene, and shoudln't be
noticeable (i hope). at some point, i want to opensource most of
the scripts i use to manage this infrastructure so that other
people can see how it all works, and be inclined to selfhost
their stuff ^_^
</p>
<h2>reduced motion in opensource projects</h2>
<p>
i'm on a crusade to get as much of the software i'm using as
possible to be reduced-motion friendly. as i'm quite
motion-sensitive, i really don't like stuff that moves arounde
everywhere, so i try to make websites and apps not have it when
the "reduced motion" setting is enabled! <br />
i don't have any page where i track this sort of thing, i just
mostly do one-off contribution to projects and hope they accept
it
</p>
</main>
<footer>
<p>
&copy; 2023 - Yuki Joou.
<br />
This website is best viewed on the Firefox browser with the
<a href="https://brailleinstitute.org/freefont">
Atkinson Hyperlegible</a
>
font. I do not care about chromium-based browser compatibility.
<br />
<em>
My content is available under the CC0 license, unless
specified otherwise. Please consider crediting me if you use
my work.
</em>
</p>
</footer>
</body>
</html>
<h2>reduced motion in opensource projects</h2>
<p>
i'm on a crusade to get as much of the software i'm using as possible to be
reduced-motion friendly. as i'm quite motion-sensitive, i really don't like
stuff that moves arounde everywhere, so i try to make websites and apps not
have it when the "reduced motion" setting is enabled! <br />
i don't have any page where i track this sort of thing, i just mostly do
one-off contribution to projects and hope they accept it
</p>

21
template/footer.html Normal file
View file

@ -0,0 +1,21 @@
</main>
<footer>
<p>
&copy; 2023 - Yuki Joou.
<br />
This website is best viewed on the Firefox browser with the
<a href="https://brailleinstitute.org/freefont">
Atkinson Hyperlegible</a
>
font. I do not care about chromium-based browser compatibility.
<br />
<em>
My content is available under the CC0 license, unless
specified otherwise. Please consider crediting me if you use
my work.
</em>
</p>
</footer>
</body>
</html>

33
template/header.html Normal file
View file

@ -0,0 +1,33 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="yukijoou's web place" property="og:title" />
<meta
content="i'm yukijoou (ja: 雪女王), and i post things on the internet"
property="og:description"
/>
<meta content="#bad2e0" data-react-helmet="true" name="theme-color" />
<title>[ title ]</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<h1>yukijoou's webplace</h1>
<p class="subtitle">雪女王</p>
<p>
i like posting silly things on the web! you can find a bunch of
it here!
</p>
<nav id="site-navigation">
<ul>
<li><a href="/index.html">Home</a></li>
</ul>
</nav>
</header>
<main>

View file

@ -11,11 +11,19 @@ WEBSITES_PATH="$HOME/www"
BACKUP_DIR=$(mktemp -d)
SITE_INATOR=${SITE_INATOR:-site-inator}
echo "Generating pages..."
$SITE_INATOR;
exit;
cp -rf "$WEBSITES_PATH" $BACKUP_DIR/$WEBSITE_NAME.bak
echo "Made backup at $BACKUP_DIR"
rm -rf "$WEBSITES_PATH"
mkdir -p "$WEBSITES_PATH"
cp -rf src/* "$WEBSITES_PATH"
cp -rf public/* "$WEBSITES_PATH"
echo "Installed $WEBSITE_NAME at $WEBSITES_PATH"