all: Moved to using site-inator to build the site
This commit is contained in:
parent
6508182f2a
commit
8b6cf1db9b
8 changed files with 150 additions and 144 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
public/
|
||||
*~
|
||||
2
site-config
Normal file
2
site-config
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
#!/bin/bash
|
||||
TITLE="yukjoou's internet homepage!"
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 837 B |
226
src/index.html
226
src/index.html
|
|
@ -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: @yukijoou:catgirl.cloud
|
||||
<br />
|
||||
i have a fedi account:
|
||||
<a href="https://fedi.kemonomimi.gay/yukijoou"
|
||||
>@yukijoou@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: @yukijoou:catgirl.cloud
|
||||
<br />
|
||||
i have a fedi account:
|
||||
<a href="https://fedi.kemonomimi.gay/yukijoou"
|
||||
>@yukijoou@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>
|
||||
© 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
21
template/footer.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
</main>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
© 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
33
template/header.html
Normal 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>
|
||||
10
update.sh
10
update.sh
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in a new issue