Increase exposure for other groups listings

.phpenv

@@ -21,6 +21,7 @@
 	$LISTING_PROVIDER_LISTINGS="$LISTING_PROVIDER_OUTPUT/listing";
 
 	$REPOSITORY_CANONICAL_URL="https://codeberg.org/gravel/sessioncommunities.online";
+	$REPOSITORY_CANONICAL_URL_FILES="$REPOSITORY_CANONICAL_URL/src/branch/main";
 
 	set_include_path(implode(PATH_SEPARATOR, array(
 		get_include_path(),

output/index.css

@@ -419,12 +419,16 @@ footer p {
 	text-align: center;
 }
 
-footer nav a {
+footer nav :is(a, span) {
 	display: inline-block;
 	padding: .5em;
 	white-space: nowrap;
 }
 
+#more-sites-info-button {
+	font-size: 1.25em;
+}
+
 /* --- QR code modals --- */
 #details-modal {
 	padding: 0;

output/main.js

@@ -77,7 +77,7 @@ function getTimestamp() {
 }
 
 /**
- * Processes URL hash and parameter to trigger actions on the page.
+ * Processes initial URL hash and parameter to trigger actions on the page.
  */
 function reactToURLParameters() {
 	const hash = location.hash;
@@ -102,6 +102,20 @@ function reactToURLParameters() {
 	}
 }
 
+function addInformativeInteractions() {
+	const moreSitesInfoButton = document.getElementById('more-sites-info-button');
+	moreSitesInfoButton?.addEventListener('click', () => {
+		alert(
+			`Lokinet Gitea and session.directory compile lists of
+			Session Closed Groups and Communities, and are linked
+			in recognition of their importance.
+			However, sessioncommunities.online already includes Communities
+			from these sources on this page.
+			`.replace(/\s+/g, " ").trim()
+		);
+	});
+}
+
 /**
  * Triggers all actions dependent on page load.
  */
@@ -119,6 +133,7 @@ function onLoad() {
 	addServerIconInteractions();
 	preloadImages();
 	reactToURLParameters();
+	addInformativeInteractions();
 }
 
 /**

sites/index.php

@@ -68,6 +68,11 @@
 						href="#footer"
 						title="Learn more about sessioncommunities.online."
 					>About</a>
+					<a
+						id="link-more-sites"
+						href="#more-sites"
+						title="Find other Session groups."
+					>More groups</a>
 					<label
 						for="toggle-theme-switch"
 						class="anchorstyle"
@@ -108,6 +113,7 @@
 						target="_blank"
 					>Oxen Privacy Tech Foundation</a>.
 					<br>
+					<br>
 					Communities shown are fetched automatically from
 					<a
 					href="https://codeberg.org/gravel/sessioncommunities.online#which-sources-are-crawled"
@@ -129,21 +135,46 @@
 					However, some interactive features are
 					only available with JS enabled.
 				</p>
-				<nav>
+				<nav id="about-us">
 					<a
-						href="https://getsession.org/"
-						title="Download Session private messenger for Android, iOS, Windows, Linux, or Mac."
-						>Download Session</a
+						href="<?=$REPOSITORY_CANONICAL_URL_FILES?>/README.md"
+						target="_blank"
+						title="sessioncommunities.online README on Codeberg."
+					>About</a
+					><a
+						href="<?=$REPOSITORY_CANONICAL_URL?>"
+						target="_blank"
+						title="sessioncommunities.online official repository."
+					>Source Code</a
 					><a
+						href="<?=$REPOSITORY_CANONICAL_URL?>#contact-us"
+						target="_blank"
+						title="Information on how to contact the maintainer(s) of sessioncommunities.online"
+					>Report an issue</a>
+				</nav>
+				<nav id="more-sites">
+					<a
 						href="https://lokilocker.com/Mods/Session-Groups/wiki/Session-Closed-Groups"
 						target="_blank"
 						title="Closed groups curated by community moderators"
-						>Closed Groups</a
+					>Closed Groups</a
 					><a
 						href="https://session.directory/"
 						target="_blank"
 						title="User-submitted closed groups, communities and user profiles. Not safe for work."
 					>session.directory</a
+					><span
+						id="more-sites-info-button"
+						class="clickable"
+						href="#"
+						title="Read more about sites hosting additional groups."
+					>(ℹ)</span>
+				</nav>
+				<nav id="about-session" class="highlight">
+					<a
+						href="https://getsession.org/"
+						title="Download Session private messenger for Android, iOS, Windows, Linux, or Mac."
+					>Download Session</a
 					><a
 						href="https://github.com/oxen-io/session-pysogs"
 						target="_blank"
@@ -154,18 +185,6 @@
 						target="_blank"
 					>Session Terms Of Service</a>
 				</nav>
-				<nav>
-					<a
-						href="<?=$REPOSITORY_CANONICAL_URL?>"
-						target="_blank"
-						title="sessioncommunities.online official repository."
-					>Source Code</a
-					><a
-						href="<?=$REPOSITORY_CANONICAL_URL?>#contact-us"
-						target="_blank"
-						title="Information on how to contact the maintainer(s) of sessioncommunities.online"
-					>Report an issue</a>
-				</nav>
 			</footer>
 			<div id="copy-snackbar"></div>
 		</div>