breaking anew

2024_books.html

@@ -290,6 +290,24 @@
 					<td>Samantha Shannon</td>
 					<td>Mein gott, this was a long book! Well worth the 1200 pages, though!</td>
 				</tr>
+				<tr>
+					<td>2024-W41</td>
+					<td>Skin Shows</td>
+					<td>Judith Halberstam</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td>2024-W42</td>
+					<td>Monsters</td>
+					<td>Claire Dederer</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td>2024-W43</td>
+					<td>Keep Moving</td>
+					<td>Maggie Smith</td>
+					<td>I am facing potential job loss in the coming months. This book was a great comfort. If I were more terminally online, I would say it was "based and Jettpilled".</td>
+				</tr>
 			</tbody>
 		</table>
 	</body>

2024_music.html

@@ -277,6 +277,24 @@
 					<td>The Pretty Reckless</td>
 					<td>Favorite track: <b>Living In The Storm</b></td>
 				</tr>
+				<tr>
+					<td>2024-W41</td>
+					<td>Electra Heart</td>
+					<td>MARINA</td>
+					<td>Favorite track: <b>Primadonna</b></td>
+				</tr>
+				<tr>
+					<td>2024-W42</td>
+					<td>High as Hope</td>
+					<td>Florence + The Machine</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td>2024-W43</td>
+					<td>Chapter II - Legacy</td>
+					<td>Ad Infinitum</td>
+					<td></td>
+				</tr>
 			</tbody>
 		</table>
 	</body>

css/bartz.css

@@ -11,22 +11,6 @@
 	font-style: normal;
 }
 
-/*
-@font-face {
-	font-family: 'LuculentBoldItalic';
-	src: url('./css/fonts/luculentbi.woff');
-	font-weight: bold;
-	font-style: italic;
-}
-
-@font-face {
-	font-family: 'LuculentItalic';
-	src: url('./css/fonts/luculenti.woff');
-	font-weight: normal;
-	font-style: italic;
-}
-*/
-
 @font-face {
 	font-family: 'LuculentRegular';
 	src: url('./css/fonts/luculent.woff');

css/kuja.css

@@ -0,0 +1,134 @@
+<!--
+
+/* "Kuja" for Layout V4 */
+
+/* https://web.archive.org/web/20240310130126/http://eastfarthing.com/luculent/ */
+
+@font-face {
+	font-family: 'LuculentBold';
+	src: url('./css/fonts/luculentb.woff');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'LuculentRegular';
+	src: url('./css/fonts/luculent.woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+body {
+	background-color: #444f7c;
+	font-family: 'LuculentRegular', monospace;
+	color: #FFFFFF;
+	max-width:900px;
+	margin: auto;
+	font-size: large;
+	margin-bottom: 10px;
+}
+
+td, .center {
+	text-align: center;
+}
+
+.index {
+	max-width: 551px;
+}
+
+a, a:visited {
+	color: inherit;
+}
+
+.box, .card, nav {
+	margin-top: 3%;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 10px 10px 5px 20px;
+}
+
+.box, .card, nav {
+	background: #000000;
+}
+
+.box-smaller {
+	max-width: 700px;
+}
+
+table {
+	width: 100%;
+	padding: 3px;
+}
+
+article a, ul a, td a, .bruh {
+	text-decoration: underline;
+}
+
+pre {
+	font-size: small;
+	overflow: auto;
+}
+
+hr {
+	display: none;
+}
+
+b, strong {
+	color: #eccb86;
+	font-family: 'LuculentBold', monospace;
+}
+
+code {
+	color: #a891c5;
+}
+
+i, em {
+	color: #a0a5ab;
+}
+
+img.big {
+	max-width: 100%;
+	height: auto;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+/* https://orangeable.com/css/animated-gradient-text */
+
+.lesbian {
+	background: linear-gradient(-45deg, #D52D00, #EF7627, #FF9A56, #FFFFFF, #D162A4, #B55690, #A30262);
+	background-size: 300%;
+	font-weight: bold;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	animation: animated_text 8s ease-in-out infinite;
+	-moz-animation: animated_text 8s ease-in-out infinite;
+	-webkit-animation: animated_text 8s ease-in-out infinite;
+}
+
+@keyframes animated_text {
+	0% { background-position: 0px 50%; }
+	50% { background-position: 100% 50%; }
+	100% { background-position: 0px 50%; }
+}
+
+/* http://xjfbpuj56rdazx4iolylxplbvyft2onuerjeimlcqwaihp3s6r4xebqd.onion/about-foogallery-video/ */
+
+#player-overlay {
+	position: relative;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background-color: #000;
+	z-index: 999;
+}
+
+video {
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+
+-->

index.html

@@ -31,39 +31,74 @@
 		<div class="box">
 			<h3>My books:</h3>
 			<h4>Poetry</h4>
-			<ul>
+			<table>
-				<li><a href="./books/tee.epub">The Eschaton Eminence</a></li>
+				<tr>
-				<li><a href="./books/twine.epub">The World Is Not Enough</a></li>
+					<td class="left"><a href="./books/tee.epub">The Eschaton Eminence</a></td>
-				<li><a href="./books/tyia.epub">Three Years In Absentia</a></li>
+					<td class="right">(2023)</td>
-				<li><a href="./books/mm_tac.epub">Mori's Mirror and The Adoration Corporation</a></li>
+				</tr>
-				<li><a href="./books/h.epub">Hydra</a></li>
+				<tr>
-				<li><a href="./books/mm_tpf.epub">Mori's Mirror and The Poetry Factory</a></li>
+					<td class="left"><a href="./books/twine.epub">The World Is Not Enough</a></td>
-			</ul>
+					<td class="right">(2023)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/tyia.epub">Three Years In Absentia</a></td>
+					<td class="right">(2022)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/mm_tac.epub">Mori's Mirror and The Adoration Corporation</a></td>
+					<td class="right">(2022)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/h.epub">Hydra</a></td>
+					<td class="right">(2021)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/mm_tpf.epub">Mori's Mirror and The Poetry Factory</a></td>
+					<td class="right">(2021)</td>
+				</tr>
+			</table>
 			<h4>Fiction</h4>
-			<ul>
+			<table>
-				<li><a href="./books/is.epub">In Separation</a></li>
+				<tr>
-				<li><a href="./books/tvsc.epub">The Viridian Shipping Company</a></li>
+					<td class="left"><a href="./books/is.epub">In Separation</a></td>
-				<li><a href="./books/tdom.epub">The Duality Of Mankind</a></li>
+					<td class="right">(2020)</td>
-				<li><a href="./books/lw.epub">Living Wasteland</a></li>
+				</tr>
-				<li><a href="./books/mby.epub">Me Before You</a></li>
+				<tr>
-				<li><a href="./books/twlf.epub">The White Line Fever</a></li>
+					<td class="left"><a href="./books/tvsc.epub">The Viridian Shipping Company</a></td>
-				<li><a href="./books/tsf.epub">The Samhain Files</a></li>
+					<td class="right">(2019)</td>
-			</ul>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/lw.epub">Living Wasteland</a></td>
+					<td class="right">(2019)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/tdom.epub">The Duality Of Mankind</a></td>
+					<td class="right">(2018)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/mby.epub">Me Before You</a></td>
+					<td class="right">(2018)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/twlf.epub">The White Line Fever</a></td>
+					<td class="right">(2017)</td>
+				</tr>
+				<tr>
+					<td class="left"><a href="./books/tsf.epub">The Samhain Files</a></td>
+					<td class="right">(2016)</td>
+				</tr>
+			</table>
 		</div>
 		<hr>
 		<div class="box">
 			<h3>Announcement Box</h3>
 			<ul>
 				<li><b>2024-10-01</b>: Earning my KING WAGE at my CLOWN JOB. Call that a hamburger because it is NOT going my way and I am NOT lovin' it right now.</li>
-				<li><b>2024-07-23</b>: I have located an old backup I had forgotten about that contained the <code>xanthexikes</code> Tor keys for Let's Decentralize. That onion should be working again. I will keep both up for convenience.</li>
 			</ul>
 		</div>
 		<hr>
 		<div class="box">
-			<p class="center">
+			<p><a href="./poetry/">Poetry</a></p>
-				<a href="./blog/index.html">[Blog]</a>
-				<a href="./poetry/">[Poetry]</a>
-			</p>
 			<p><a href="./women.md">The big list of women who did things</a></p>
 			<p><a href="./2024_books.html">Vane reads one book by women every week of 2024</a></p>
 			<p><a href="./2024_music.html">Vane listens to one music album by women every week of 2024</a></p>

style.css

@@ -1,9 +1,19 @@
 <!--
 
-/* "Kuja" for Layout V4 */
+/* "Bartz" for Layout V3 */
 
 /* https://web.archive.org/web/20240310130126/http://eastfarthing.com/luculent/ */
 
+@media only screen and (min-width: 900px) {
+	body {
+		float: left;
+		padding-left: 100px;
+		min-width: 500px;
+		overflow: scroll;
+		overflow-x: hidden;
+	}
+}
+
 @font-face {
 	font-family: 'LuculentBold';
 	src: url('./css/fonts/luculentb.woff');
@@ -19,7 +29,11 @@
 }
 
 body {
-	background-color: #444f7c;
+	background-image: url("./css/bartz.webp");
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-attachment: fixed;
+	background-color: #000000;
 	font-family: 'LuculentRegular', monospace;
 	color: #FFFFFF;
 	max-width:900px;
@@ -32,6 +46,14 @@ td, .center {
 	text-align: center;
 }
 
+.left {
+	text-align: left !important
+}
+
+.right {
+	text-align: right !important
+}
+
 .index {
 	max-width: 551px;
 }
@@ -45,9 +67,6 @@ a, a:visited {
 	margin-left: auto;
 	margin-right: auto;
 	padding: 10px 10px 5px 20px;
-}
-
-.box, .card, nav {
 	background: #000000;
 }
 
@@ -74,7 +93,7 @@ hr {
 }
 
 b, strong {
-	color: #eccb86;
+	color: #1b8d0e;
 	font-family: 'LuculentBold', monospace;
 }
 
@@ -83,7 +102,7 @@ code {
 }
 
 i, em {
-	color: #a0a5ab;
+	color: #007ef7;
 }
 
 img.big {