add more personal stuff, format
This commit is contained in:
parent
452888dee4
commit
66dee39255
4 changed files with 161 additions and 160 deletions
26
site/app.py
26
site/app.py
|
|
@ -8,21 +8,21 @@ apiRoot = "https://api.listenbrainz.org"
|
||||||
user = "everypizza"
|
user = "everypizza"
|
||||||
|
|
||||||
buttons = [
|
buttons = [
|
||||||
("assets/88x31s/benjae.nekoweb.org.gif", "https://benjae.nekoweb.org"),
|
("assets/88x31s/benjae.nekoweb.org.gif", "https://benjae.nekoweb.org"),
|
||||||
("assets/88x31s/freetards.xyz.gif", "https://freetards.xyz"),
|
("assets/88x31s/freetards.xyz.gif", "https://freetards.xyz"),
|
||||||
("assets/88x31s/fsky.io.webp", "https://fsky.io"),
|
("assets/88x31s/fsky.io.webp", "https://fsky.io"),
|
||||||
("assets/88x31s/purplebored.pl.gif", "https://purplebored.pl"),
|
("assets/88x31s/purplebored.pl.gif", "https://purplebored.pl"),
|
||||||
("assets/88x31s/squarebowl.club.gif", "https://squarebowl.club"),
|
("assets/88x31s/squarebowl.club.gif", "https://squarebowl.club"),
|
||||||
("assets/88x31s/synth.download.svg", "https://synth.download"),
|
("assets/88x31s/synth.download.svg", "https://synth.download"),
|
||||||
("assets/88x31s/telepath.im.png", "https://telepath.im"),
|
("assets/88x31s/telepath.im.png", "https://telepath.im"),
|
||||||
("assets/88x31s/voxel.fsky.io.webp", "https://voxel.fsky.io"),
|
("assets/88x31s/voxel.fsky.io.webp", "https://voxel.fsky.io"),
|
||||||
("assets/88x31s/zayd.fsky.io.png", "https://zayd.fsky.io"),
|
("assets/88x31s/zayd.fsky.io.png", "https://zayd.fsky.io"),
|
||||||
]
|
]
|
||||||
|
|
||||||
nyxbuttons = [
|
nyxbuttons = [
|
||||||
("assets/88x31s/nyx.everypizza.im.webp", "https://nyx.everypizza.im"),
|
("assets/88x31s/nyx.everypizza.im.webp", "https://nyx.everypizza.im"),
|
||||||
("assets/88x31s/nyx.everypizza.im-2.png", "https://nyx.everypizza.im"),
|
("assets/88x31s/nyx.everypizza.im-2.png", "https://nyx.everypizza.im"),
|
||||||
]
|
]
|
||||||
|
|
||||||
app = Flask(__name__)
|
app = Flask(__name__)
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,37 +1,37 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
* {
|
* {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
html {
|
html {
|
||||||
background-image:
|
background-image:
|
||||||
radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
|
radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
|
||||||
radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
|
radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
|
||||||
radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
|
radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
|
||||||
radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
|
radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
|
||||||
background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
|
background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
|
||||||
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
|
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
* {
|
* {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3 {
|
h1, h2, h3 {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: system-ui;
|
font-family: system-ui;
|
||||||
padding: 1%;
|
padding: 1%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
max-width: 75em;
|
max-width: 75em;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
border: 3px solid lightgrey;
|
border: 3px solid lightgrey;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
@ -1,110 +1,111 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>
|
<title>
|
||||||
Nyx's personal site
|
Nyx's personal site
|
||||||
</title>
|
</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link href="assets/index.css" rel="stylesheet" type="text/css">
|
<link href="assets/index.css" rel="stylesheet" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<center>
|
<center>
|
||||||
<p>
|
|
||||||
hello, visitor number <b>{{ visitor }}</b>! this one is glad to see you.
|
|
||||||
</p>
|
|
||||||
<br>
|
|
||||||
<small>
|
|
||||||
this counter doesn't use javascript, it's just a text file with a digit in it that gets increased by 1 on every page load.
|
|
||||||
</small>
|
|
||||||
</center>
|
|
||||||
<h1>
|
|
||||||
Nyx Tutt
|
|
||||||
</h1>
|
|
||||||
<h2>
|
|
||||||
about it
|
|
||||||
</h2>
|
|
||||||
<p>
|
<p>
|
||||||
it is a cat-robot-girl-thing. it likes to speak about itself in the third person.
|
hello, visitor number <b>{{ visitor }}</b>! this one is glad to see you.
|
||||||
it likes linux and uses nixos. it lives in texas, but hates it here.
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
contact
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
this one has a few forms of contact:<br>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="xmpp:nyx@everypizza.im">xmpp</a><br>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="matrix:u/n:everypizza.im">matrix</a><br>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="mailto:me@everypizza.im">email</a> (it has a pgp key over in <a href="https://keys.openpgp.org/search?q=me%40everypizza.im">keys.openpgp.org</a>.)<br>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://sharkey.everypizza.im">fedi</a><br>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
links
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="https://listenbrainz.org/user/everypizza">listenbrainz</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://everypizza.im/">everypizza.im</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://git.everypizza.im/n/">git</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
pages
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="todo">to-do list</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://blog.everypizza.im/">blog</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
now playing
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
{{ np }}
|
|
||||||
<br>
|
|
||||||
<small>
|
|
||||||
data is from listenbrainz.
|
|
||||||
</small>
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
88x31s
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
{% for image, link in buttons %}
|
|
||||||
<a href="{{ link }}">
|
|
||||||
<img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
|
|
||||||
</a>
|
|
||||||
{% endfor %}
|
|
||||||
</p>
|
|
||||||
<h3>
|
|
||||||
this one's 88x31
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
{% for image, link in nyxbuttons %}
|
|
||||||
<a href="{{ link }}">
|
|
||||||
<img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
|
|
||||||
</a>
|
|
||||||
{% endfor %}
|
|
||||||
</p>
|
</p>
|
||||||
|
<br>
|
||||||
|
<small>
|
||||||
|
this counter doesn't use javascript, it's just a text file with a digit in it that gets increased by 1 on every page load.
|
||||||
|
</small>
|
||||||
|
</center>
|
||||||
|
<h1>
|
||||||
|
Nyx Tutt
|
||||||
|
</h1>
|
||||||
|
<h2>
|
||||||
|
about it
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
it is a cat-robot-girl-thing. it likes to speak about itself in the third person.
|
||||||
|
it likes linux and uses nixos. it lives in texas, but hates it here. its favorite
|
||||||
|
color is pink.
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
contact
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
this one has a few forms of contact:<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="xmpp:nyx@everypizza.im">xmpp</a><br>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="matrix:u/n:everypizza.im">matrix</a><br>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:me@everypizza.im">email</a> (it has a pgp key over in <a href="https://keys.openpgp.org/search?q=me%40everypizza.im">keys.openpgp.org</a>.)<br>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://sharkey.everypizza.im">fedi</a><br>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
links
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://listenbrainz.org/user/everypizza">listenbrainz</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://everypizza.im/">everypizza.im</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://git.everypizza.im/n/">git</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
pages
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="todo">to-do list</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://blog.everypizza.im/">blog</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
now playing
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
{{ np }}
|
||||||
|
<br>
|
||||||
|
<small>
|
||||||
|
data is from listenbrainz.
|
||||||
|
</small>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
88x31s
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
{% for image, link in buttons %}
|
||||||
|
<a href="{{ link }}">
|
||||||
|
<img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</p>
|
||||||
|
<h3>
|
||||||
|
this one's 88x31
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
{% for image, link in nyxbuttons %}
|
||||||
|
<a href="{{ link }}">
|
||||||
|
<img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</p>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -1,26 +1,26 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>
|
<title>
|
||||||
Nyx's personal site
|
Nyx's personal site
|
||||||
</title>
|
</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link href="assets/index.css" rel="stylesheet" type="text/css">
|
<link href="assets/index.css" rel="stylesheet" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<a href="/">go back home</a>
|
<a href="/">go back home</a>
|
||||||
<h1>
|
<h1>
|
||||||
to-do
|
to-do
|
||||||
</h1>
|
</h1>
|
||||||
<p>
|
<p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
host more stuff
|
host more stuff
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
look into more optimizations
|
look into more optimizations
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</p>
|
</p>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue