From 26f4e947ce04e5e3b61e108e60dd642af0d52b76 Mon Sep 17 00:00:00 2001
From: Mitja Felicijan <mitja.felicijan@gmail.com>
Date: Sat, 9 Aug 2025 05:09:53 +0200
Subject: Added experiments

---
 templates/base.html  | 23 ++++++++---------------
 templates/index.html | 35 +++++++++++++++++++++++++++++++----
 2 files changed, 39 insertions(+), 19 deletions(-)

(limited to 'templates')

diff --git a/templates/base.html b/templates/base.html
index 585237f..b80eced 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,18 +25,6 @@
 				--header-border-width: 2px;
 			}
 
-			/*@media (prefers-color-scheme: dark) {
-				:root {
-					--base-background: black;
-					--base-color: white;
-					--link-color: white;
-					--primary-color: white;
-					--secondary-color: white;
-					--code-color: black;
-					--header-color: black;
-				}
-			}*/
-
 			* { box-sizing: border-box; }
 
 			html { scroll-padding-top: 1.5em; }
@@ -46,9 +34,14 @@
 			table td, table th { text-align: left; padding: 0.3em 0.5em; }
 			table tbody tr { border-bottom: var(--border-width) solid var(--primary-color); vertical-align: middle; }
 			table tr td:first-child { width: var(--first-child-width); }
+			table.normal tr td:first-child { width: auto; }
 			table td.tags { display: flex; gap: 0.5em; justify-content: flex-end; align-items: center; }
 			table td.tags mark { padding: 0 0.4em; background: var(--primary-color); font-size: small; }
 
+			.left { text-align: left }
+			.center { text-align: center }
+			.right { text-align: right }
+
 			a { color: var(--link-color); text-decoration: none; }
 			a:hover { text-decoration: underline; }
 
@@ -80,9 +73,9 @@
 			article iframe { margin: 0!important; }
 			pre code span { display: initial !important; }
 
-			/*@media only screen and (max-width: 860px) {
-				.hide-on-mobile { display: none; }
-			}*/
+			@media print {
+				header, footer { display: none }
+			}
 		</style>
 		<script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script>
 	</head>
diff --git a/templates/index.html b/templates/index.html
index c124804..f979c7f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -39,9 +39,36 @@
 </section>
 
 <section>
-	<h2>Visualizations and exploration of binary files</h2>
-	<a href="https://mitjafelicijan.github.io/binary-visualization/" target="_blank">
-		<img src="/assets/general/trigraphs.gif" class="no-border">
-	</a>
+	<h2>Tools / Experiments</h2>
+	<table class="normal">
+		<thead>
+			<tr>
+				<th>Title</th>
+				<th></th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<td>Visualizations and exploration of binary files</td>
+				<td class="right"><a target="_blank" href="https://mitjafelicijan.github.io/binary-visualization/">https://mitjafelicijan.github.io/binary-visualization/</a></td>
+			</tr>
+			<tr>
+				<td>Easy convert between HEX to RGBA</td>
+				<td class="right"><a target="_blank" href="https://mitjafelicijan.github.io/hextorgba/">https://mitjafelicijan.github.io/hextorgba/</a></td>
+			</tr>
+			<tr>
+				<td>Unicode symbol explorer</td>
+				<td class="right"><a target="_blank" href="https://mitjafelicijan.github.io/symbols/">https://mitjafelicijan.github.io/symbols/</a></td>
+			</tr>
+			<tr>
+				<td>GGUF model list &amp; tools</td>
+				<td class="right"><a target="_blank" href="https://mitjafelicijan.github.io/gguf-list/">https://mitjafelicijan.github.io/gguf-list/</a></td>
+			</tr>
+			<tr>
+				<td>Maps of DOOM and other well known WADS</td>
+				<td class="right"><a target="_blank" href="https://mitjafelicijan.github.io/mapsofdoom/">https://mitjafelicijan.github.io/mapsofdoom/</a></td>
+			</tr>
+		</tbody>
+	</table>
 </section>
 {{ end }}
-- 
cgit v1.2.3