From 38dccf7b60aba1a9ca23d2475e4f31c66b437644 Mon Sep 17 00:00:00 2001
From: joe <rbo@gmx.us>
Date: Mon, 13 Oct 2025 16:33:18 +0200
Subject: up

---
 .config/browsers/home.html | 196 +++++++++++++++++++++++++++++----------------
 1 file changed, 128 insertions(+), 68 deletions(-)

(limited to '.config/browsers/home.html')

diff --git a/.config/browsers/home.html b/.config/browsers/home.html
index 6522734..cdf5eb3 100644
--- a/.config/browsers/home.html
+++ b/.config/browsers/home.html
@@ -7,14 +7,11 @@ body {
 	height: 100%;
 	padding: 0em;
 	margin:  0em;
+	font-size: 1.4em;
 	font-family: sans-serif;
 	color: #ebdbb2;
 	background-color: #1d2021;
 }
-a {
-	color: #458588;
-	text-decoration: none;
-}
 .topred {
 	background-color: #cc241d;
 	padding-bottom: 1em;
@@ -39,25 +36,106 @@ a {
 	background-color: #689d6a;
 	padding-bottom: 1em;
 }
+.page_title {
+	background-color: #282828;
+	margin-left: 40%;
+	margin-right: 40%;
+	margin-top: 1em;
+	margin-bottom: 1em;
+	padding: 0em;
+	color: #ebddb2;
+	border: 2px solid black;
+	border-color: black;
+	justify-content: center;
+	text-align: center;
+	/* width: auto; */
+}
+.page_title h1 {
+	padding: 0em;
+	margin: .2em;
+}
+.page_title:hover {
+	border-color: #ebddb2;
+}
 .bookmarks_div {
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
-	width: 60%;
+	text-align: center;
+	margin-left:  10%;
+	margin-right: 10%;
+	/* width: 60%; */
+}
+@media only screen and (max-width: 960px) {
+	.bookmarks_div {
+		flex-direction: column;
+		width: 60%;
+	}
+	.bookmarks_div > .bookmark_set {
+		width: auto;
+		margin: 1em 0em;
+	}
 }
 .bookmark_set {
 	padding: 1em;
 	background-color: #282828;
+	border: 2px solid black;
 	width: 25%;
-	font-size: .85rem;
-	width: 25%;
-	height: 16em;
+	height: 28em;
 	margin: 0em .5em;
 }
 .bookmark_links {
 	overflow-y: scroll;
-	height: 80%;
+	height: 95%;
 	vertical-align: top;
+}
+.bookmark_title {
+	font-size: 1.2em;
+	font-weight: 600;
+    color: #ebddb2;
+    margin: 0em 0em .35em 0em;
+}
+.bookmark {
+	text-decoration: none;
+	color: #928374;
+	display: block;
+	margin: .4em 0em;
+}
+#joetown:hover {
+	border-color: #cc241d;
+}
+#joetown .bookmark_title {
+	color: #cc241d;
+}
+#joetown .bookmark:hover {
+	color: #fb4934;
+}
+#sites:hover {
+	border-color: #98971a;
+}
+#sites .bookmark_title {
+	color: #98971a;
+}
+#sites .bookmark:hover {
+	color: #b8bb26;
+}
+#fun:hover {
+	border-color: #d79921;
+}
+#fun .bookmark_title {
+	color: #d79921;
+}
+#fun .bookmark:hover {
+	color: #fabd2f;
+}
+#workwork:hover {
+	border-color: #458588;
+}
+#workwork .bookmark_title {
+	color: #458588;
+}
+#workwork .bookmark:hover {
+	color: #83a598;
 }
 		</style>
 		<title>joe's homepage</title>
@@ -70,9 +148,9 @@ a {
 		<div class="topblue"></div>
 		<div class="topmagenta"></div>
 		<div class="topcyan"></div>
-		<h1>hey joe</h1>
+		<div class="page_title"><h1>hey joe</h1></div>
 		<div class="bookmarks_div">
-			<div class="bookmark_set">
+			<div class="bookmark_set" id="joetown">
 				<div class="bookmark_title">joe town</div>
 				<div class="bookmark_links">
 					<a class="bookmark" href="https://jozan.org/">joe</a>
@@ -82,69 +160,51 @@ a {
 					<a class="bookmark" href="http://10.1.1.6/">helios</a>
 					<a class="bookmark" href="http://10.2.2.5/">vega</a>
 					<a class="bookmark" href="http://127.0.0.1:9091/">ceres</a>
+					<a class="bookmark" href="https://my.vultr.com/">vultr</a>
+					<a class="bookmark" href="https://epik.com/">epik</a>
 				</div>
 			</div>
-			<div class="bookmark_set">
+			<div class="bookmark_set" id="sites">
 				<div class="bookmark_title">sites</div>
 				<div class="bookmark_links">
-					<a href="https://perplexity.ai/">perp</a>
-					<a href="https://chatgpt.com/">gpt</a>
+					<a class="bookmark" href="https://perplexity.ai/">perp</a>
+					<a class="bookmark" href="https://chatgpt.com/">gpt</a>
+				</div>
+			</div>
+			<div class="bookmark_set" id="fun">
+				<div class="bookmark_title">fun</div>
+				<div class="bookmark_links">
+					<a class="bookmark" href="https://protondb.com/">protondb</a>
+					<a class="bookmark" href="https://diablo2.io/">diablo2.io</a>
+					<a class="bookmark" href="https://www.icy-veins.com/">icy veins</a>
+				</div>
+			</div>
+			<div class="bookmark_set" id="workwork">
+				<div class="bookmark_title">work work</div>
+				<div class="bookmark_links">
+					<a class="bookmark" href="https://atlas.nuabee.fr/">atlas</a>
+					<a class="bookmark" href="https://grafana.nuabee.fr/">grafana</a>
+					<a class="bookmark" href="https://grafana.nuabee.fr/d/xfpJB9FGz/linux-servers">gr_linux_servers</a>
+					<a class="bookmark" href="https://grafana.nuabee.fr/d/Mz11bd07k/vue-d-ensemble-machines-atelier">gr_restops</a>
+					<a class="bookmark" href="https://grafana.nuabee.fr/d/WojOgXTmk/ops-alerts">gr_alertops</a>
+					<a class="bookmark" href="https://support.nuabee.fr/">zammad</a>
+					<a class="bookmark" href="https://gitlab.int.ysosecure.com/">git</a>
+					<a class="bookmark" href="https://gitlab.int.ysosecure.com/ops/NuaProv/-/pipelines">pipes</a>
+					<a class="bookmark" href="https://mbs.nuabee.com/">mbs</a>
+					<a class="bookmark" href="https://doc.int.ysosecure.com/">doc</a>
+					<a class="bookmark" href="https://kb.int.ysosecure.com/">kb</a>
+					<a class="bookmark" href="http://hedgedoc.int.ysosecure.com/">hedgedoc</a>
+					<a class="bookmark" href="https://share.nuabee.fr/">share</a>
+					<a class="bookmark" href="https://windmill.nuabee.fr/">windmill</a>
+					<a class="bookmark" href="https://aether.int.ysosecure.com/ui">aether</a>
+					<a class="bookmark" href="https://gaia.int.ysosecure.com/">gaia</a>
+					<a class="bookmark" href="https://orca1.int.ysosecure.com/certsrv">certsrv</a>
+					<a class="bookmark" href="https://sentry.nuabee.fr/">sentry</a>
+					<a class="bookmark" href="https://leek.int.ysosecure.com/">leek</a>
+					<a class="bookmark" href="https://auth.otc.t-systems.com/">otc</a>
+					<a class="bookmark" href="https://dashboard.nm.nuabee.fr/">netmaker</a>
 				</div>
 			</div>
 		</div>
-		<br>
-		<br>
-		<br>
-		<br>
-		<br>
-		<br>
-		<br>
-		<br>
-		<br>
-		<br>
-		<table>
-			<tr>
-				<th>joe town</th>
-				<th>sites</th>
-				<th>fun</th>
-				<th>work work</th>
-			</tr>
-			<tr>
-				<td></td>
-				<td><a href="https://protondb.com/">protondb</a></td>
-				<td><a href="https://atlas.nuabee.fr/">atlas</a></td>
-			</tr>
-			<tr>
-				<td></td>
-				<td></td>
-				<td><a href="https://diablo2.io/">diablo2.io</a></td>
-				<td><a href="https://grafana.nuabee.fr/">grafana</a></td>
-			</tr>
-			<tr>
-				<td></td>
-				<td></td>
-				<td></td>
-				<td></td>
-			</tr>
-			<tr>
-				<td></td>
-				<td></td>
-				<td></td>
-				<td></td>
-			</tr>
-			<tr>
-				<td></td>
-				<td></td>
-				<td></td>
-				<td></td>
-			</tr>
-			<tr>
-				<td></td>
-				<td></td>
-				<td></td>
-				<td></td>
-			</tr>
-		</table>
-		<a href=""></a>
 	</body>
 </html>
-- 
cgit v1.2.3