diff --git a/imgs/interests/adofai.png b/imgs/interests/adofai.png new file mode 100644 index 0000000..5dcbf5a Binary files /dev/null and b/imgs/interests/adofai.png differ diff --git a/imgs/interests/geohashing.png b/imgs/interests/geohashing.png new file mode 100644 index 0000000..0ec5a0a Binary files /dev/null and b/imgs/interests/geohashing.png differ diff --git a/imgs/interests/ithkuil.png b/imgs/interests/ithkuil.png new file mode 100644 index 0000000..8ccd9e5 Binary files /dev/null and b/imgs/interests/ithkuil.png differ diff --git a/imgs/interests/kaybop.png b/imgs/interests/kaybop.png new file mode 100644 index 0000000..209a59f Binary files /dev/null and b/imgs/interests/kaybop.png differ diff --git a/imgs/interests/kirby.png b/imgs/interests/kirby.png new file mode 100644 index 0000000..a410324 Binary files /dev/null and b/imgs/interests/kirby.png differ diff --git a/imgs/interests/maths.png b/imgs/interests/maths.png new file mode 100644 index 0000000..e667e0f Binary files /dev/null and b/imgs/interests/maths.png differ diff --git a/imgs/interests/oneshot.png b/imgs/interests/oneshot.png new file mode 100644 index 0000000..3b04109 Binary files /dev/null and b/imgs/interests/oneshot.png differ diff --git a/imgs/interests/outerwilds.png b/imgs/interests/outerwilds.png new file mode 100644 index 0000000..c620018 Binary files /dev/null and b/imgs/interests/outerwilds.png differ diff --git a/imgs/interests/physics.png b/imgs/interests/physics.png new file mode 100644 index 0000000..a340b7f Binary files /dev/null and b/imgs/interests/physics.png differ diff --git a/imgs/interests/pikmin.png b/imgs/interests/pikmin.png new file mode 100644 index 0000000..b48a03a Binary files /dev/null and b/imgs/interests/pikmin.png differ diff --git a/imgs/interests/pokemon.png b/imgs/interests/pokemon.png new file mode 100644 index 0000000..c1b73c4 Binary files /dev/null and b/imgs/interests/pokemon.png differ diff --git a/imgs/interests/prolangs.png b/imgs/interests/prolangs.png new file mode 100644 index 0000000..338b855 Binary files /dev/null and b/imgs/interests/prolangs.png differ diff --git a/imgs/interests/rhythmdoctor.png b/imgs/interests/rhythmdoctor.png new file mode 100644 index 0000000..a1eee7e Binary files /dev/null and b/imgs/interests/rhythmdoctor.png differ diff --git a/imgs/interests/snapdragonrose.png b/imgs/interests/snapdragonrose.png new file mode 100644 index 0000000..5a7c82b Binary files /dev/null and b/imgs/interests/snapdragonrose.png differ diff --git a/imgs/interests/tokipona.png b/imgs/interests/tokipona.png new file mode 100644 index 0000000..e471bab Binary files /dev/null and b/imgs/interests/tokipona.png differ diff --git a/imgs/interests/tunic.png b/imgs/interests/tunic.png new file mode 100644 index 0000000..7f9434d Binary files /dev/null and b/imgs/interests/tunic.png differ diff --git a/imgs/interests/uwu.png b/imgs/interests/uwu.png new file mode 100644 index 0000000..0a8ead6 Binary files /dev/null and b/imgs/interests/uwu.png differ diff --git a/interests.html b/interests.html index 16e2be9..bf6ec65 100644 --- a/interests.html +++ b/interests.html @@ -11,6 +11,124 @@ xxos site โˆซ interests +
ฮž
@@ -35,25 +153,44 @@

XXOs

-

This page will have more stuff and fancier effects on it eventually. For now:

-

Videogames

- -

Other

- + +

Videogames

+
+
A Dance of Fire and Ice
+
OneShot
+
Outer Wilds
+
Rhythm Doctor
+
Tunic
+
+

also these, but to a lesser extent:

+
+
Kirby
+
Pikmin
+
Pokรฉmon
+
+
+

Conlangs

+
+
Ithkuil
+
toki pona
+
Prolangs (webcomic)
+
+

and also:

+
+
kay(f)bop(t)
+
Snapdragon Rose
+
UwU
+
+
+

Other

+
+
Geohashing
+
Maths
+
Physics (i'm literally doing a physics degree)
+
+
+

(and some more things but i need to stop working on this for now)

\ No newline at end of file diff --git a/links.html b/links.html index dcfd2f2..670d7f9 100644 --- a/links.html +++ b/links.html @@ -55,6 +55,9 @@

Links

+ \ No newline at end of file diff --git a/style.css b/style.css index 335e149..1599b15 100644 --- a/style.css +++ b/style.css @@ -167,6 +167,41 @@ a.sLink:hover { .sLink.mediawiki:hover { background-color: #a11f63; } +.sLink.ao3 { + color: #970000; +} +.sLink.ao3:hover { + background-color: #970000; +} + +.interestContainer { + display: flex; + flex-flow: row wrap; + justify-content: center; + margin-bottom: calc(1.5em - 10px); +} +.interestContainer div { + margin: 10px; + width: 200px; + padding: 0; +} +.maskedImg { + display: inline-block; + width: 200px; + height: 130px; + background-color: var(--headers); + color: transparent; +} +.maskedImg:hover { + background-image: var(--gradient); +} + +hr { + height: 5px; + background: var(--text); + border: none; + width: 150px; +} #line { position: fixed;