Fix CSS issues in home and HashyMagnet; Add links

public/Assets/CSS/Dark.css

@@ -20,6 +20,15 @@ Body {
 	color: #F0F0FF;
 }
 
+.NoSelect, .Footer {
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	User-Select: none;
+}
+
 .InlineDiv > * {
 	display: inline-block;
 	margin: 32px;
@@ -67,29 +76,23 @@ Body {
 }
 
 .Footer {
-	background-color: rgba(36,36,36, 0.8);
-	position: fixed;
-	bottom: 0px;
-	width: 100vw;
-	height: 24px;
-	text-align: center;
-	overflow-x: scroll;
-	overflow-y: hidden;
-	white-space: nowrap;
-	z-index: 1;
-}
-.Footer > * {
-	vertical-align: sub;
-}
-.FooterLeft {
-	Float: Left;
-	Display: Block;
-	Padding: 3px;
-}
-.FooterRight {
-	Float: Right;
-	Display: Block;
-	Padding: 3px;
+	Background-Color: RGBA(36, 36, 36, 0.8);
+	Position: Fixed;
+	Display: Flex;    
+	Flex-Direction: Row;
+	Justify-Content: Space-Between;
+	Bottom: 0px;
+	Width: 100vw;
+	Padding-Top: 2px;
+	Padding-Bottom: 2px;
+	Padding-Left: 6px;
+	Padding-Right: 6px;
+	Text-Align: Center;
+	Overflow-X: Scroll;
+	Overflow-Y: Hidden;
+	White-Space: NoWrap;
+	Z-Index: 1;
 }
+.Footer > .FooterRight { Margin-Right: 12px; }
 
-#AgeDiv { Padding: 16px; }
+#AgeDiv { Padding: 16px; }

public/HashyMagnet/index.html

@@ -94,7 +94,7 @@ Button:Disabled {
 
 #Main {
 	Overflow-X: Hidden;
-	Overflow-Y: Scroll;
+	/*Overflow-Y: Scroll;*/
 	Max-Height: 100vh;
 	Position: Absolute;
 	Top: 50%;
@@ -137,8 +137,10 @@ Button:Disabled {
 	<h5 id="HomeBtn">[<a href="..">🔼 Home</a>]</h5>
 	<div id="Title" class="Section"><div>
 		<div id="TitleTitle">
-			<h3>HashyMagnet</h3>
-			<p>Generate a full Bit<span style="Color:#AAFFFF;">Torrent</span> Magnet Link from an Info Hash...</p>
+			<def title="Click for more info!">
+				<h3>HashyMagnet</h3>
+				<p>Generate a full Bit<span style="Color:#AAFFFF;">Torrent</span> Magnet Link from an Info Hash...</p>
+			</def>
 		</div>
 		<noscript><p>
 			This is an actual app, not a badly-made website.
@@ -151,7 +153,7 @@ Button:Disabled {
 			<h4>Info</h4>
 			<p>With this app you can generate full <a href="https://en.m.wikipedia.org/wiki/Magnet_URI_scheme" target="_blank" rel="noopener nofollow">BitTorrent Magnet links</a>, complete with trackers, from a simple Info Hash.</p>
 			<p>You can input your own list of trackers, or you can use the one that's autogenerated by the app from up-to-date lists.</p>
-			<p>Last updated: 2022-09-09.</p>
+			<p>Last updated: 2022-11-29.</p>
 			<h4>Special Thanks and Credits</h4>
 			<p>
 				Tracker lists providers:
@@ -288,7 +290,7 @@ function DoRedraw() {
 	if (TrackersArea.value) {
 		TrackersBtn.textContent = "🗑️ Clear";
 	} else {
-		TrackersBtn.textContent = "🔄 Refresh";
+		TrackersBtn.textContent = "🔄 Restore";
 	}
 }
 

public/index.html

@@ -21,7 +21,7 @@
 		<div>
 			<h1>OctoSpacc Hub</h1><br><br>
 			<h3>Will this place ever be filled up?</h3>
-			<h5>At the moment it is just a glorified hub...</h5>
+			<h5>At the moment, it remains just a simple hub...</h5>
 		</div>
 		<br><br><br>
 		<div id="Links"><div>
@@ -40,17 +40,23 @@
 			<noscript><p>There should be a ticking clock here, but your browser isn't loading the JavaScript.</p></noscript>
 			<br>
 		</div>
-		<br><br><br>
+		<br><br>
 	</div>
 	<script src="Assets/JS/CurrentAgeRenderIndex.js"></script>
 	<div class="Footer">
-		<div class="FooterLeft">
-			<a href="https://gitlab.com/octospacc/octospacc.gitlab.io">Sources <-</a>
-		</div>
-		<span>&nbsp;</span>
-			<a rel="me" href="https://gitlab.com/octospacc">-> GitLab 🦊</a>
+		<span class="FlexItem FooterLeft">
+			<a href="https://gitlab.com/octospacc/octospacc.gitlab.io">📐 Sources &lt;-</a>
+		</span>
+		<span>&nbsp;&nbsp;&nbsp;</span>
+		<span class="FlexItem FooterRight">
+			<a rel="me" href="https://gitlab.com/octospacc">-&gt; GitLab 🦊</a>
 			<span>&nbsp;</span>
-			<a rel="me" href="https://mastodon.uno/@octo">-> Mastodon 🐘</a>
+			<a rel="me" href="https://mastodon.uno/@octo">-&gt; Mastodon 🐘</a>
+			<span>&nbsp;</span>
+			<a rel="me" href="https://botsin.space/@octtpz">-&gt; pezziposting 🦜</a>
+			<span>&nbsp;</span>
+			<a rel="me" href="https://spacc.xyz">-&gt; Spacc ⛏️</a>
+		</span>
 	</div>
 </body>
 </html>