Ten years of MayVaneDay

MirrorKiller.js

@@ -4,8 +4,8 @@ written by Vane Vander <https://mayvaneday.org>
 released under MIT License
 */
 
-let text = window.location.href;
-let nun = text.includes("nun7gbqj6tro");
+let text2 = window.location.href;
+let nun = text2.includes("nun7gbqj6tro");
 if ((nun === true)) {
     window.location.replace("https://theannoyingsite.com");
 }

books/index.gmi

@@ -1,6 +1,7 @@
 # Books
 
 ## Poetry
+=> erttiiuaopv.epub	Employee Recognizes that the Information is Unique and of Peculiar Value (2025)
 => u.epub	Ultrawhite (2024)
 => tee.epub	The Eschaton Eminence (2023)
 => twine.epub	The World Is Not Enough (2023)

checktor.js

@@ -24,6 +24,6 @@ let nz = text.includes("onion.nz");
 let autos = text.includes("onion.autos");
 let dnshook = text.includes("dnshook.site");
 let torify = text.includes("torify.net");
-if ((pet === true) || (nl === true) || (autos == true) || (i2p === true) || (ws === true) || (gate === true) || (search === true) || (foundation === true) || (web2 === true) || (i2p2 === true) || (re === true) || (cyber === true) || (ly === true) || (web === true) || (nz === true) || (india === true ) || (moe === true)) || (dnshook === true) || (torify === true) {
+if ((pet === true) || (nl === true) || (autos == true) || (i2p === true) || (ws === true) || (gate === true) || (search === true) || (foundation === true) || (web2 === true) || (i2p2 === true) || (re === true) || (cyber === true) || (ly === true) || (web === true) || (nz === true) || (india === true ) || (moe === true) || (dnshook === true) || (torify === true)) {
     window.location.replace("https://theannoyingsite.com");
 }

index.html

@@ -17,14 +17,8 @@
 		</div>
 		<hr>
 		<div class="box center">
-			<p>THE ORACLE SPEAKS:</p>
 			<p>
-				<a href="./poetry/f/firebrand.txt">[FIREBRAND]</a>
-				<a href="./poetry/w/watershed.txt">[WATERSHED]</a>
-				<a href="./poetry/e/earthbound.txt">[EARTHBOUND]</a>
-				<a href="./poetry/a/airborne.txt">[AIRBORNE]</a>
-				<a href="./poetry/z/zircons_beacon.txt">[ZIRCON'S BEACON]</a>
-				<a href="./poetry/a/adamantines_mandate.txt"><b>[ADAMANTINE'S MANDATE]</b></a>
+				<span class="wobble">HAPPY</span> <span class="wobble">TEN</span> <span class="wobble">YEARS,</span> <span class="wobble">MAYVANEDAY!</span>
 			</p>
 		</div>
 		<hr>
@@ -32,6 +26,10 @@
 			<h3>My books:</h3>
 			<h4>Poetry</h4>
 			<table>
+				<tr>
+					<td class="left"><a href="./books/erttiiuaopv.epub">Employee Recognizes that the Information is Unique and of Peculiar Value</a></td>
+					<td class="right">(2025)</td>
+				</tr>
 				<tr>
 					<td class="left"><a href="./books/u.epub">Ultrawhite</a></td>
 					<td class="right">(2024)</td>
@@ -103,8 +101,17 @@
 		<hr>
 		<div class="box">
 			<p><a href="./poetry/">Poetry</a></p>
-			<p>Book recs by women about: <a href="./recs/writing.html">writing</a> | <a href="./recs/evil_social_media.html">the evils of social media</a> | <a href="./recs/consumerism.html">anticonsumption/anticonsumerism</a> | <a href="./recs/zeitgeist.html">the political zeitgeist in America</a> | <a href="./recs/autism.html">autism</a></p>
-			<p><a href="./women.md">The big list of women who did things</a></p>
+			<p>Book recs by women about:
+				<ul>
+					<li><a href="./recs/writing.html">writing</a></li>
+					<li><a href="./recs/evil_social_media.html">the evils of social media</a></li>
+					<li><a href="./recs/consumerism.html">anticonsumption/anticonsumerism</a></li>
+					<li><a href="./recs/zeitgeist.html">the political zeitgeist in America</a></li>
+					<li><a href="./recs/autism.html">autism</a></li>
+				</ul>
+			</p>
+			<p><a href="./women.md">The big list of women who did things</a>
+			</p>
 			<p><a href="./identity/index.html">Identity &amp; Contact</a></p>
 			<p><a href="./public.gpg">My GPG key</a></p>
 			<p><a href="https://letsdecentralize.org">Let's Decentralize</a></p>
@@ -122,5 +129,6 @@
 			<a href="gemini://sabladem4rxv5p34qcpz6sxitmftvmzmlzi4cjmmh5a3phcvdi3k2wad.onion">[Gemini over Tor]</a>
 			<a href="nex://yggdrasil.mayvane.day">[Nex over Yggdrasil]</a>
 		</div>
+		<script src="./wobble.js"></script>
 	</body>
 </html>

recs/antiwork.html

@@ -63,5 +63,41 @@
 				<td class="snippet">What could be a greater gift to oneself than self-employment, the true source of worker autonomy? To refuse the surveillance and discipline of managers, to work in honor of one's unique visions, to forgo the PMC in favor of individual practice... And yet, for most, the reality of self-employment, entrepreneurship, and freelance work exacts a high cost. Most obviously, without a large, continuous contract, the income is anything but steady, making any kind of long-term planning (home buying, retirement planning) nearly impossible. Furthermore in the United States, flying solo means forgoing premium employee-sponsored health insurance, employee-matching retirement savings accounts, and paid sick leave or vacation time.</td>
 			</tr>
 		</table>
+		<br>
+		<table class="f">
+			<tr class="info">
+				<td>Lost in Work</td>
+				<td>Amelia Horgan</td>
+				<td>Academic</td>
+			</tr>
+			<tr>
+				<td class="snippet">That our jobs are one of the only places in which people can express themselves is a travesty. It's not that people should not find fulfilment in work but, given the time demands that work places on most people, and the destruction of and cuts to other sources of meaning and fulfilment, there are only rare chances for other moments of fulfilment.</td>
+			</tr>
+		</table>
+		<br>
+		<table class="f">
+			<tr class="info">
+				<td>Work Won't Love You Back</td>
+				<td>Sarah Jaffe</td>
+				<td>Casual</td>
+			</tr>
+			<tr>
+				<td class="snippet">...users on today's Internet are something more than just the product - they're more like a self-checkout counter where the thing they're scanning and paying for is themselves. The users are being sold to advertisers, but they are also providing the labor that makes these companies profitable - labor that is unpaid, and indeed invisible as labor.</td>
+			</tr>
+		</table>
+		<p><a class="button" href="#moids">&gt; Show books by men too?</a></p>
+		<div id="moids">
+			<p><a class="button" href="#">&gt; Aahh! Never mind!</a></p>
+			<table class="m">
+				<tr class="info">
+					<td>Cubed</td>
+					<td>Nikil Saval</td>
+					<td>Casual</td>
+				</tr>
+				<tr>
+					<td class="snippet">Nilles enthusiastically concluded that telecommuting was a viable option. He mentioned hesitations: supervisors would no longer be able to control their employees; and workers themselves might miss out on the social atmosphere of office life. But the company went forward with it. As soon as it began to be effective, the project was canned. It turned out managers felt threatened by telecommuting: they weren't able to control their employees in the same way as before and had to change their methods.</td>
+				</tr>
+			</table>
+		</div>
 	</body>
 </html>

style.css

@@ -150,4 +150,21 @@ video {
 	height: 100%;
 }
 
+/* https://codepen.io/queenadreena/pen/oKGyYq */
+
+@keyframes wobb {
+	0%, 100%   {transform: translateY(0px)}
+	25%  {transform: translateY(-3px)}
+	75%  {transform: translateY(3px)}
+}
+
+.wobble span {
+	animation-name: wobb;
+	animation-iteration-count: infinite;
+	animation-timing-function: linear;
+	animation-duration: 400ms;
+	display: inline-block;
+	transform: translateY(0px);
+}
+
 -->

wobble.js

@@ -0,0 +1,19 @@
+// This code came from https://codepen.io/queenadreena/pen/oKGyYq
+
+// Create array of any elements with "wobble" class
+const all = document.querySelectorAll('.wobble');
+
+// Iterate through each "wobble"
+all.forEach(el => {
+  // Get the text content of the element
+  let text = el.textContent;
+  // Create an array of separate letters
+  text = text.split("");
+  // Iterate through each letter and give it its own span element and individual animation delay offset
+  const textCode = text.map((x, idx) => {
+    let delay = (idx + 1) * 50;
+    return `<span style="animation-delay: ${delay}ms">${x}</span>`;
+  })
+  // replace the element's html with our dynamically created html
+  el.innerHTML = textCode.join("");
+});