summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--404.html26
-rw-r--r--about/index.html61
-rw-r--r--index.html36
-rw-r--r--maxwell/index.html63
-rw-r--r--script.js14
5 files changed, 49 insertions, 151 deletions
diff --git a/404.html b/404.html
index 19e5f3a..082e630 100644
--- a/404.html
+++ b/404.html
@@ -19,33 +19,9 @@
</pre>
</center>
- <p>$ ls</p>
- <p>
- <a href="https://relvokcor.xyz/~willow/about/">about.txt</a>
- <a href="https://relvokcor.xyz/~willow/maxwell/">maxwell.txt</a>
- <a href="https://relvokcor.xyz/~willow/git/">git/</a>
- </p>
-
<p>$ 404</p>
<p>404: command not found</p>
- <p>$ <a class="blink">█</a></p>
+ <p>$ <a href="https://relvokcor.xyz/~willow/">ls</a><a class="blink">█</a></p>
</body>
-
- <footer>
- <div class="btn">
- <div><a href="https://relvokcor.xyz" target="_blank"><img src="http://relvokcor.xyz/~zarate/tildeclub.gif" border="0" width="88" height="31" alt="relvokcor.xyz Badge"></a></div>
- <div><a href="https://archlinux.org" target="_blank"><img src="https://relvokcor.xyz/~willow/arch.png"></a></div>
- <div><a href="https://store.steampowered.com/app/2310/Quake/" target="_blank"><img src="https://relvokcor.xyz/~willow/quake.gif"></a></div>
- <div><a href="https://wii.hacks.guide/" target="_blank"><img src="https://relvokcor.xyz/~willow/wii.png"></a></div>
- <div><a href="https://3ds.hacks.guide/" target="_blank"><img src="https://relvokcor.xyz/~willow/3ds.png"></a></div>
- </div>
- <div class="btn">
- <div><a href="https://whimsically-natured.space/" target="_blank"><img src="https://relvokcor.xyz/~willow/whimsy.gif"></a></div>
- <div><a href="https://al2f.codeberg.page/" target="_blank"><img src="https://relvokcor.xyz/~willow/al2f.gif"></a></div>
- <div><a href="https://jessieisironicallym3.nekoweb.org/" target="_blank"><img src="https://jessieisironicallym3.nekoweb.org/jessies-place-web-button.gif"></a></div>
- <div><a href="https://goodgirl.dev/" target="_blank"><img src="https://goodgirl.dev/_images/site_button.png"></a></div>
- <div><a href="https://april.nekoweb.org/" target="_blank"><img src="https://april.nekoweb.org/buttons/amw.png"></a></div>
- </div>
- </footer>
</html>
diff --git a/about/index.html b/about/index.html
deleted file mode 100644
index 6b8de72..0000000
--- a/about/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<html lang="en">
- <head>
- <title>Willow's Whimsical Space</title>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <link rel="stylesheet" href="https://relvokcor.xyz/~willow/style.css">
- <link rel="icon" type="image/png" href="https://relvokcor.xyz/~willow/favicon.png">
- </head>
- <body>
- <center>
- <pre class="title">
-
- \ /o|| _ / _
- \/\/ |||(_)\/\/_>
- __
-\ /|_ o._ _ _o _ _.| (_ ._ _. _ _
- \/\/ | ||| | |_>|(_(_|| __)|_)(_|(_(/_
- |
- </pre>
- </center>
-
- <p>$ ls</p>
- <p>
- <a href="https://relvokcor.xyz/~willow/about/">about.txt</a>
- <a href="https://relvokcor.xyz/~willow/maxwell/">maxwell.txt</a>
- <a href="https://relvokcor.xyz/~willow/git/">git/</a>
- </p>
-
- <p>$ cat about.txt</p>
- <p>
- Hi, I'm Willow! Welcome to my Whimsical Space!
- I am currently a jazz piano student in college working on my associate's degree,
- but I'm also interested in many other subjects.
- I plan on pursuing my interest in physics and computer programming after I get my aforementioned degree.
- As you've already read, I have three good main interests, and while I'm currently pursuing a career in one (music),
- the others remain as mere hobbies - this website being a product of it.
- I also have several other services hosted by my own homelab of sorts.
- Due to being a pretty substantial privacy advocate,
- these services serve to replace all that I've used in the past from large tech companies.
- </p>
-
- <p>$ <a class="blink">█</a></p>
- </body>
-
- <footer>
- <div class="btn">
- <div><a href="https://relvokcor.xyz" target="_blank"><img src="http://relvokcor.xyz/~zarate/tildeclub.gif" border="0" width="88" height="31" alt="relvokcor.xyz Badge"></a></div>
- <div><a href="https://archlinux.org" target="_blank"><img src="https://relvokcor.xyz/~willow/arch.png"></a></div>
- <div><a href="https://store.steampowered.com/app/2310/Quake/" target="_blank"><img src="https://relvokcor.xyz/~willow/quake.gif"></a></div>
- <div><a href="https://wii.hacks.guide/" target="_blank"><img src="https://relvokcor.xyz/~willow/wii.png"></a></div>
- <div><a href="https://3ds.hacks.guide/" target="_blank"><img src="https://relvokcor.xyz/~willow/3ds.png"></a></div>
- </div>
- <div class="btn">
- <div><a href="https://whimsically-natured.space/" target="_blank"><img src="https://relvokcor.xyz/~willow/whimsy.gif"></a></div>
- <div><a href="https://al2f.codeberg.page/" target="_blank"><img src="https://relvokcor.xyz/~willow/al2f.gif"></a></div>
- <div><a href="https://jessieisironicallym3.nekoweb.org/" target="_blank"><img src="https://jessieisironicallym3.nekoweb.org/jessies-place-web-button.gif"></a></div>
- <div><a href="https://goodgirl.dev/" target="_blank"><img src="https://goodgirl.dev/_images/site_button.png"></a></div>
- <div><a href="https://april.nekoweb.org/" target="_blank"><img src="https://april.nekoweb.org/buttons/amw.png"></a></div>
- </div>
- </footer>
-</html>
diff --git a/index.html b/index.html
index a57301b..73797c6 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://relvokcor.xyz/~willow/style.css">
<link rel="icon" type="image/png" href="https://relvokcor.xyz/~willow/favicon.png">
+ <script src="script.js"></script>
</head>
<body>
<center>
@@ -21,11 +22,42 @@
<p>$ ls</p>
<p>
- <a href="https://relvokcor.xyz/~willow/about/">about.txt</a>
- <a href="https://relvokcor.xyz/~willow/maxwell/">maxwell.txt</a>
+ <a onclick="toggle('about')">about.txt</a>
+ <a onclick="toggle('maxwell')">maxwell.txt</a>
<a href="https://relvokcor.xyz/~willow/git/">git/</a>
</p>
+ <p id="about" style="display:none;">
+ $ cat about.txt
+ <br>
+ Hi, I'm Willow! Welcome to my Whimsical Space!
+ I am currently a jazz piano student in college working on my associate's degree,
+ but I'm also interested in many other subjects.
+ I plan on pursuing my interest in physics and computer programming after I get my aforementioned degree.
+ As you've already read, I have three good main interests, and while I'm currently pursuing a career in one (music),
+ the others remain as mere hobbies - this website being a product of it.
+ I also have several other services hosted by my own homelab of sorts.
+ Due to being a pretty substantial privacy advocate,
+ these services serve to replace all that I've used in the past from large tech companies.
+ </p>
+
+ <div id="maxwell" style="display:none;">
+ $ cat maxwell.txt
+ <pre>
+ _,-=@~ARgy_
+ 4"^y:g@@$@@@$y______y=
+ ^`:y$@@@@@$@@@ggg@@@@F
+` 4@g@@@@@M@@@@@@E@@@L
+ :@@@@@@@@:$y~5@F~9@@$
+ `4@@@@@@@y~AF!"@@F~P$
+`' `$@@@@@@@@_` `~` $
+ ' ."9@M@@@@@L @
+ `_@@@ga@@@s _yf
+ 4@@@@@@@y 4@F
+ `''~5BBF~
+ </pre>
+ </div>
+
<p>$ <a class="blink">█</a></p>
</body>
diff --git a/maxwell/index.html b/maxwell/index.html
deleted file mode 100644
index 4a827df..0000000
--- a/maxwell/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<html lang="en">
- <head>
- <title>Willow's Whimsical Space</title>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <link rel="stylesheet" href="https://relvokcor.xyz/~willow/style.css">
- <link rel="icon" type="image/png" href="https://relvokcor.xyz/~willow/favicon.png">
- </head>
- <body>
- <center>
- <pre class="title">
-
- \ /o|| _ / _
- \/\/ |||(_)\/\/_>
- __
-\ /|_ o._ _ _o _ _.| (_ ._ _. _ _
- \/\/ | ||| | |_>|(_(_|| __)|_)(_|(_(/_
- |
- </pre>
- </center>
-
- <p>$ ls</p>
- <p>
- <a href="https://relvokcor.xyz/~willow/about/">about.txt</a>
- <a href="https://relvokcor.xyz/~willow/maxwell/">maxwell.txt</a>
- <a href="https://relvokcor.xyz/~willow/git/">git/</a>
- </p>
-
- <p>$ cat maxwell.txt</p>
- <pre>
- _,-=@~ARgy_
- 4"^y:g@@$@@@$y______y=
- ^`:y$@@@@@$@@@ggg@@@@F
-` 4@g@@@@@M@@@@@@E@@@L
- :@@@@@@@@:$y~5@F~9@@$
- `4@@@@@@@y~AF!"@@F~P$
-`' `$@@@@@@@@_` `~` $
- ' ."9@M@@@@@L @
- `_@@@ga@@@s _yf
- 4@@@@@@@y 4@F
- `''~5BBF~
- </pre>
-
- <p>$ <a class="blink">█</a></p>
- </body>
-
- <footer>
- <div class="btn">
- <div><a href="https://relvokcor.xyz" target="_blank"><img src="http://relvokcor.xyz/~zarate/tildeclub.gif" border="0" width="88" height="31" alt="relvokcor.xyz Badge"></a></div>
- <div><a href="https://archlinux.org" target="_blank"><img src="https://relvokcor.xyz/~willow/arch.png"></a></div>
- <div><a href="https://store.steampowered.com/app/2310/Quake/" target="_blank"><img src="https://relvokcor.xyz/~willow/quake.gif"></a></div>
- <div><a href="https://wii.hacks.guide/" target="_blank"><img src="https://relvokcor.xyz/~willow/wii.png"></a></div>
- <div><a href="https://3ds.hacks.guide/" target="_blank"><img src="https://relvokcor.xyz/~willow/3ds.png"></a></div>
- </div>
- <div class="btn">
- <div><a href="https://whimsically-natured.space/" target="_blank"><img src="https://relvokcor.xyz/~willow/whimsy.gif"></a></div>
- <div><a href="https://al2f.codeberg.page/" target="_blank"><img src="https://relvokcor.xyz/~willow/al2f.gif"></a></div>
- <div><a href="https://jessieisironicallym3.nekoweb.org/" target="_blank"><img src="https://jessieisironicallym3.nekoweb.org/jessies-place-web-button.gif"></a></div>
- <div><a href="https://goodgirl.dev/" target="_blank"><img src="https://goodgirl.dev/_images/site_button.png"></a></div>
- <div><a href="https://april.nekoweb.org/" target="_blank"><img src="https://april.nekoweb.org/buttons/amw.png"></a></div>
- </div>
- </footer>
-</html>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..1334088
--- /dev/null
+++ b/script.js
@@ -0,0 +1,14 @@
+const ids = ["about", "maxwell"];
+
+function toggle(toggled_id) {
+ var toggled_element = document.getElementById(toggled_id);
+ if (toggled_element.style.display === "none") {
+ for (id of ids) {
+ var element = document.getElementById(id);
+ element.style.display = "none";
+ }
+ toggled_element.style.display = "block";
+ } else {
+ toggled_element.style.display = "none";
+ }
+}