Updated webrings

precipice/busstop/index.html

@@ -20,6 +20,9 @@
 	summary { cursor: pointer; font-weight: 600; }
 	h5 { margin-bottom: 5px; }
 	h1 { margin-top: 30px; }
+
+	.webring { padding: 10px; border: 1px dashed; margin-bottom: 10px; transition: 0.3s; }
+	.webring:hover {background: #eee; }
 	</style>
 
     <title>bus stop</title>
@@ -82,12 +85,27 @@ <h5>communities / resources</h5>
   <h1 id="random">random bus</h1>
   <p class="storyline">With some inkling of bravery coursing within you, you look out for the next bus to hop on, excited to see wherever it takes you.</p>
   <p>Click on the left or right arrows to visit other websites on these webrings.</p>
-
-    <div style="text-align:center;">
-	<a href="https://baccyflap.com/noai/?prv&s=lin" target="_top" title="previous">←</a>
+
+	<!-- joined 2024/08/09 -->
+    <div style="text-align:center; line-height: 200%;">
+
+	<a href="https://baccyflap.com/noai/?prv&s=lin" target="_top" title="previous" style="float:left;">◂prev</a>
 	<a href="https://baccyflap.com/noai" target="_blank">no ai 🚫🤖 webring</a>
 	<a href="https://baccyflap.com/noai/?rnd" target="_top" title="random">(🎲)</a>
-	<a href="https://baccyflap.com/noai/?nxt&s=lin" target="_top" title="next">→</a>
+	<a href="https://baccyflap.com/noai/?nxt&s=lin" target="_top" title="next" style="float:right;">next▸</a>
+	<br>
+	<!-- joined 2024/08/11 -->
+	<a href="https://webring.dinhe.net/prev/https://amalinalai.github.io/precipice/busstop/" style="float:left;">◂prev</a>
+	<a href="http://webring.dinhe.net/" target="_blank">retronaut webring</a>
+	<a class="small" href="http://webring.dinhe.net/random">(🎲)</a>
+	<a href="https://webring.dinhe.net/next/https://amalinalai.github.io/precipice/busstop/" style="float:right;">next▸</a>
+	<br>
+	<!-- joined 2024/08/11 -->
+	<a href="https://webri.ng/webring/collectorwebring/previous?via=https%3A%2F%2Famalinalai.github.io%2Fprecipice%2F" style="float:left;">◂prev</a>
+	<a href="https://gutz-nd-teeth.neocities.org/webring" target="_blank">collectors webring</a>
+	<a class="small" href="https://webri.ng/webring/collectorwebring/random?via=https%3A%2F%2Famalinalai.github.io%2Fprecipice%2F">(🎲)</a>
+	<a href="https://webri.ng/webring/collectorwebring/next?via=https%3A%2F%2Famalinalai.github.io%2Fprecipice%2F" style="float:right;">next▸</a><br>
+
 	</div> 
 	<div style="text-align: center; margin-top:20px;">
 	<hr>