css, add spacing back to menu items.

main.js

@@ -134,6 +134,11 @@ async function main() {
 			<strong>Web Pages (Alphabetical)</strong>
 			<ul>
 	`;
+	let robots_txt = `
+		User-agent: *
+		Allow: /
+		Sitemap: https://hyperling.com/sitemap.xml
+	`;
 
 	console.log("...Adding Routes...");
 	let router = express.Router();
@@ -199,6 +204,13 @@ async function main() {
 		res.send(sitemap_html);
 	});
 
+	// Provide a robots.txt for where search engines should find things.
+	console.log(" * Creating router for robots.txt");
+	router.get('/robots.txt', function (req, res) {
+		console.log("robots.txt being provided to", req.socket.remoteAddress)
+		res.send(robots_txt);
+	});
+
 	// Return a resource from the files folder.
 	// TBD/TODO would be great to log this as "DATE: ADDRESS hit ROUTER requesting RESOURCE"
 	console.log(" * Creating router for files");
@@ -270,6 +282,7 @@ async function main() {
 	ports.forEach(port => {
 		app.listen(port);
 		console.log(" * Now listening on port " + port + ".");
+		console.log(" * URL: http://localhost:" + port);
 	});
 	console.log("Done! Now we wait...");
 }

pages/about.php

@@ -55,8 +55,8 @@
 		</div>
 <?php
 	include "subpages/about/notice.php";
-	include "subpages/about/health.php";
 	include "subpages/about/stance.php";
+	include "subpages/about/health.php";
 
 	include "helpers/body_close.php";
 ?>

pages/apps.php

@@ -38,7 +38,7 @@
 					convenient group:
 				</p>
 				<ul class="indent"><li>
-					<a href="https://git.hyperling.com/me/env-obtainium-hyperling/src/branch/main/obtainium-export.json"
+					<a href="https://git.hyperling.com/me/env-obtainium-hyperling/raw/branch/prod/obtainium-export.json"
 						target="_blank" rel="noopener noreferrer"
 					>
 						[obtainium-export.json] | Hyperling's Apps
@@ -89,14 +89,70 @@
 			-->
 		</div>
 
+		<div class="row" id="fdroid">
+			<h4 class="col-12 header">F-Droid Repository</h4>
+		</div>
+
+		<div class="row text">
+			<div class="col-12 text">
+				<strong>F-Droid App Store</strong>
+				<p>
+					If you prefer F-Droid over Obtainium, that's an option too!
+					Just visit the link below, click the link in the center,
+					and choose 'Add repository' when F-Droid opens.
+				</p>
+				<ul class="indent">
+					<li>
+						<a href="https://fdroid.hyperling.com"
+								target="_blank" rel="noopener noreferrer"
+						>[fdroid.Hyperling.com]</a>
+						or
+						<a href="https://fdroid.link/#https://fdroid.hyperling.com/fdroid/repo">
+						[open directly with F-Droid]</a>
+					</li>
+				</ul>
+				<p>
+					It should recognize if any apps are already installed,
+					and depending on your settings will notify of changes
+					or auto-update for you.
+				</p>
+			</div>
+		</div>
+
 		<div class="row" id="android">
 			<h3 class="col-12 header">Android Apps</h3>
 		</div>
 
 		<div class="row center text">
 
-			<div class="col-12 text border" id="expense">
-				<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases">
+			<div class="col-4 text border" id="sunset">
+				<a href="https://git.hyperling.com/me/flutter-sunset-alarm/releases"
+						target="_blank" rel="noopener noreferrer">
+					<figure>
+						<img class="app-icon" loading="lazy" alt="<<sunset.png>>"
+							src="https://git.hyperling.com/me/flutter-sunset-alarm/raw/branch/main/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png"
+						>
+						<figcaption>
+							Sunset Timer
+						</figcaption>
+					</figure>
+				</a>
+				<p>
+					Set an alarm to go off X minutes before sunset. (Linux & Android)
+				</p>
+				<p>
+					[<a href="https://git.hyperling.com/me/flutter-sunset-alarm/releases/download/latest/sunset_alarm-arm64-v8a-release.apk/"
+						target="_blank" rel="noopener noreferrer">APK</a>]
+					[<a href="https://git.hyperling.com/me/flutter-sunset-alarm/"
+						target="_blank" rel="noopener noreferrer">Source Code</a>]
+					[<a href="https://git.hyperling.com/me/flutter-sunset-alarm/releases"
+						target="_blank" rel="noopener noreferrer">Obtainium URL</a>]
+				</p>
+			</div>
+
+			<div class="col-4 text border" id="expense">
+				<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases"
+						target="_blank" rel="noopener noreferrer">
 					<figure>
 						<img class="app-icon" loading="lazy" alt="<<expense.png>>"
 							src="/files/media/icons/expense.png"
@@ -109,10 +165,9 @@
 				<p>
 					Keep track of repeating expenses and
 					view projections of their effect on your finances.
-					First app written with Flutter.
+					(Linux & Android)
 				</p>
 				<p>
-					<!--[<s><a>F-Droid</a></s>]-->
 					[<a href="https://git.hyperling.com/me/flutter-expense-tracker/"
 						target="_blank" rel="noopener noreferrer">Source Code</a>]
 					[<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases"
@@ -120,67 +175,13 @@
 				</p>
 			</div>
 
-			<div class="col-12 text border" id="tictactoe">
-				<a href="https://git.hyperling.com/me/android-tictactoe/releases">
-					<figure>
-						<img class="app-icon" loading="lazy" alt="<<tictactoe.png>>"
-							src="/files/media/icons/tictactoe.png"
-						>
-						<figcaption>
-							Tic-Tac-Toe
-						</figcaption>
-					</figure>
-				</a>
-				<p>
-					Play against a friend or a range of AIs.
-					Written to practice Kotlin/Compose.
-				</p>
-				<p>
-					<!--[<s><a>F-Droid</a></s>]-->
-					[<a href="https://git.hyperling.com/me/android-tictactoe/"
-						target="_blank" rel="noopener noreferrer">Source Code</a>]
-					[<a href="https://git.hyperling.com/me/android-tictactoe/releases"
-						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
-				</p>
-			</div>
-
-			<div class="col-12 text border" id="ctfu">
-				<a href="https://git.hyperling.com/me/android-carb-up/releases"
-					target="_blank" rel="noopener noreferrer">
-					<figure>
-						<img class="app-icon" loading="lazy" alt="<<ctfu.png>>"
-							src="/files/media/icons/ctfu.png"
-						>
-						<figcaption>
-							Carb Up! BETA
-						</figcaption>
-					</figure>
-				</a>
-				<p>
-					Calculate cost-effective foods on a High Carb Low Fat lifestyle.
-				</p>
-				<p>
-					<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.carbupbeta"
-						target="_blank" rel="noopener noreferrer">Play Store</a>]-->
-					[<a href="https://git.hyperling.com/me/android-carb-up/"
-						target="_blank" rel="noopener noreferrer">Source Code</a>]
-					[<a href="https://git.hyperling.com/me/android-carb-up/releases"
-						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
-				</p>
-				<!--<p>
-					<s>
-						[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
-					</s>
-				</p>-->
-			</div>
-
-			<div class="col-12 text border" id="timer">
+			<div class="col-4 text border" id="timer">
 				<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
 					target="_blank" rel="noopener noreferrer"
 				>
 					<figure>
 						<img class="app-icon" loading="lazy" alt="<<infinitetimer.png>>"
-							src="/files/media/icons/infinitetimer.png"
+							src="https://git.hyperling.com/me/android-infinite-timer/raw/branch/main/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png"
 						>
 						<figcaption>
 							Infinite Timer
@@ -193,19 +194,45 @@
 				<p>
 					<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.infinitetimer"
 						target="_blank" rel="noopener noreferrer">Play Store</a>]-->
+					[<a href="https://git.hyperling.com/me/android-infinite-timer/releases/download/latest/InfiniteTimer.apk"
+						target="_blank" rel="noopener noreferrer">APK</a>]
 					[<a href="https://git.hyperling.com/me/android-infinite-timer/"
 						target="_blank" rel="noopener noreferrer">Source Code</a>]
 					[<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
-						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
+						target="_blank" rel="noopener noreferrer">Obtainium URL</a>]
 				</p>
-				<!--<p>
-					<s>
-						[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
-					</s>
-				</p>-->
 			</div>
 
-			<div class="col-12 text border" id="sleep">
+		</div>
+
+		<div class="row center text">
+
+			<div class="col-3 text border" id="ctfu">
+				<a href="https://git.hyperling.com/me/android-carb-up/releases"
+					target="_blank" rel="noopener noreferrer">
+					<figure>
+						<img class="app-icon" loading="lazy" alt="<<ctfu.png>>"
+							src="https://git.hyperling.com/me/android-carb-up/raw/branch/main/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png"
+						>
+						<figcaption>
+							Carb Up!
+						</figcaption>
+					</figure>
+				</a>
+				<p>
+					Calculate cost-effective foods on a High Carb Low Fat lifestyle.
+				</p>
+				<p>
+					[<a href="https://git.hyperling.com/me/android-carb-up/releases/download/latest/CarbUp.apk"
+						target="_blank" rel="noopener noreferrer">APK</a>]
+					[<a href="https://git.hyperling.com/me/android-carb-up/"
+						target="_blank" rel="noopener noreferrer">Source Code</a>]
+					[<a href="https://git.hyperling.com/me/android-carb-up/releases"
+						target="_blank" rel="noopener noreferrer">Obtainium URL</a>]
+				</p>
+			</div>
+
+			<div class="col-3 text border" id="sleep">
 				<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
 					target="_blank" rel="noopener noreferrer">
 					<figure>
@@ -228,14 +255,33 @@
 					[<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
 						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
 				</p>
-				<!--<p>
-					<s>
-						[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
-					</s>
-				</p>-->
 			</div>
 
-			<div class="col-12 text border" id="games">
+			<div class="col-3 text border" id="tictactoe">
+				<a href="https://git.hyperling.com/me/android-tictactoe/releases"
+						target="_blank" rel="noopener noreferrer">
+					<figure>
+						<img class="app-icon" loading="lazy" alt="<<tictactoe.png>>"
+							src="/files/media/icons/tictactoe.png"
+						>
+						<figcaption>
+							Tic-Tac-Toe
+						</figcaption>
+					</figure>
+				</a>
+				<p>
+					Play against a friend or a range of AIs.
+					Written to practice Kotlin/Compose.
+				</p>
+				<p>
+					[<a href="https://git.hyperling.com/me/android-tictactoe/"
+						target="_blank" rel="noopener noreferrer">Source Code</a>]
+					[<a href="https://git.hyperling.com/me/android-tictactoe/releases"
+						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
+				</p>
+			</div>
+
+			<div class="col-3 text border" id="games">
 				<a href="https://git.hyperling.com/me/android-hypergames/releases"
 					target="_blank" rel="noopener noreferrer"
 				>
@@ -260,14 +306,8 @@
 					[<a href="https://git.hyperling.com/me/android-hypergames/releases"
 						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
 				</p>
-				<!--
-				<p>
-					<s>
-						[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
-					</s>
-				</p>
-				-->
 			</div>
+
 		</div>
 
 		<div class="row" id="other">
@@ -279,7 +319,9 @@
 					For a full list of software including my Ansible automation,
 					Docker setup, source code for this website, and other
 					fun/random toys, check out
-					<a href="https://git.hyperling.com/me" target="_blank">My Projects</a>.
+					<a href="https://git.hyperling.com/me"
+						target="_blank" rel="noopener noreferrer"
+					>My Projects</a>.
 				</p>
 			</div>
 		</div>

pages/contact.php

@@ -47,6 +47,12 @@
 				<ul class="indent"><li>
 					<a href="mailto:me@hyperling.com">me@hyperling.com</a>
 				</li></ul>
+				<p>
+					Other methods such as a few messaging clients can be found here:
+				</p>
+				<ul class="indent"><li>
+					<a href="https://blog.hyperling.com/contact">blog.hyperling.com/contact</a>
+				</li></ul>
 			</div>
 		</div>
 <?php

pages/donate.php

@@ -4,5 +4,16 @@
 	if (!isset($GLOBALS["HEADER_TITLE"])) {
 		$GLOBALS["HEADER_TITLE"] = "Donate";
 	}
-	include "support.php";
+	include "helpers/body_open.php";
+
+	include "subpages/support/header.php";
+
+	include "subpages/support/donate.php";
+
+	include "subpages/support/support.php";
+
+	// 2025-01-04 Not really looking for this type of thing.
+	//include "subpages/support/gifts.php";
+
+	include "helpers/body_close.php";
 ?>

pages/helpers/font.css

@@ -7,28 +7,71 @@
 			}
 			/* */
 
-			p,li,code,a,pre {
-				font-size: medium;
+			/*** Fonts ***/
+
+			html, body {
+				font-family: system-ui, sans-serif;
 			}
 
-			b,figcaption {
-				font-size: large;
-				font-weight: bold;
+			/* * /
+			h1, h2, h3, h4, h5, h6 {
+				font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif;
+			}
+			/* */
+
+			code, pre, .mono {
+  				font-family:
+					ui-monospace,
+               SFMono-Regular,
+               Menlo, Monaco,
+               Consolas,
+               "Liberation Mono",
+               "Courier New",
+               monospace
+				;
 			}
 
-			strong,img {
-				font-size: larger;
-				font-weight: bolder;
+			/*** Font Sizes ***/
+
+			html {
+				font-size: 16px;
+				/* Attempt to prevent Firefox sizing inconsistencies. * /
+				-webkit-text-size-adjust: 100%;
+				-moz-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				text-size-adjust: 100%;
+				/* */
 			}
 
-			h6,h5 {
-				font-size: larger;
-			}
+			code, pre { font-size: 0.8rem; }
 
-			h4,h3 {
-				font-size: x-large;
-			}
+			body     { font-size: 1rem; }
+			p, li, a { font-size: 1rem; }
 
-			h2,h1 {
-				font-size: xx-large;
-			}
+			b          { font-size: 1.05rem; }
+			figcaption { font-size: 1.1rem; }
+			strong     { font-size: 1.2rem; }
+			img        { font-size: 1.25rem; }
+
+			/* More Subtle */
+			h6 { font-size: 1.3rem; }
+			h5 { font-size: 1.4rem; }
+			h4 { font-size: 1.5rem; }
+			h3 { font-size: 1.6rem; }
+			h2 { font-size: 1.7rem; }
+			h1 { font-size: 1.8rem; }
+			/* */
+
+			/* More Pronounced * /
+			h6 { font-size: 1.30rem; }
+			h5 { font-size: 1.55rem; }
+			h4 { font-size: 1.80rem; }
+			h3 { font-size: 1.95rem; }
+			h2 { font-size: 2.10rem; }
+			h1 { font-size: 2.35rem; }
+			/* */
+
+			/*** Font Weights ***/
+
+			b, figcaption { font-weight: bold; }
+			strong, img   { font-weight: bolder; }

pages/helpers/header.php

@@ -42,4 +42,6 @@
 		<meta name="twitter:title" content="Hyperling">
 		<meta name="twitter:description" content="Apps, eBooks, media, and other resources from the brands Hyperling and HyperVegan.">
 		<meta name="twitter:image" content="https://hyperling.com/files/media/icons/home.jpg">
+
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 	</head>

pages/helpers/main.css

@@ -21,24 +21,39 @@
 			.col-11 {width: 91.66%;}
 			.col-12 {width: 100%;}
 
+			.row {
+				border: 1px solid #131313;
+				border-radius: 4px;
+				display: flex;
+				flex-wrap: wrap;
+				align-items: stretch;
+			}
+
 			[class*="col-"] {
-				float: left;
 				padding: 15px;
 
 				/* FORTESTING, otherwise disable */
 				/*border: 1px solid green;*/
 			}
 
-			/* Ensure columns are respected as if they always exist. */
-			.row::after {
-				content: "";
-				clear: both;
-				display: table;
+			/* Handle mobile devices a bit better, making columns break out as rows. */
+
+			/* Phones */
+			@media (max-width: 767px) {
+				[class*="col-"] {
+					float: none;
+					display: block;
+					width: 100%;
+				}
 			}
 
-			.row {
-            border: 1px solid #131313;
-            border-radius: 4px;
+			/* Tablets */
+			@media (min-width: 768px) and (max-width: 1023px) {
+				[class*="col-"] {
+					float: none;
+					display: block;
+					width: 50%;
+				}
 			}
 
 			/** Make the menu items centered and layout horizontal. **/
@@ -51,12 +66,12 @@
 			.menu-list {
 				text-align: center;
 				list-style-type: none;
-				padding-left: 0px;
 			}
-			.menu_item {
+			.menu-item {
 				display: inline-block;
-				padding: 0px;
 				white-space: nowrap;
+				margin: 0.1rem;
+				padding: 0.1rem;
 			}
 
 			/** Be able to position anything easily. **/

pages/helpers/menu.php

@@ -1,6 +1,6 @@
 #!/usr/bin/php
+		<!--
 		<div class="row header menu">
-			<!--
 			<ul class="menu-list">
 				<li class="col-3 menu-item"><a href="/">Home</a></li>
 				<li class="col-3 menu-item"><a href="/about/">About</a></li>
@@ -33,28 +33,48 @@
 				</li>
 				<li class="col-3 menu-item"></li>
 			</ul>
-			-->
+		</div>
+		-->
 
-			<p class="menu-list">
-				Main :
-				<a href="/">Home</a>
-				<a href="/about/">About</a>
-				<a href="/contact/">Contact</a>
-				<a href="/support/">Support</a>
-				| Media :
-				<a href="/apps/">Apps</a>
-				<a href="https://git.hyperling.com/me/"
-					target="_blank" rel="noopener noreferrer">Git</a>
-				<a href="https://works.hyperling.com/tags/books/"
-					target="_blank" rel="noopener noreferrer">Books</a>
-				<a href="https://odysee.com/@HyperVegan:2"
-					target="_blank" rel="noopener noreferrer">Videos</a>
-				<a href="/photos/">Photos</a>
-				| Blog:
-				<a href="https://recipes.hyperling.com/categories/recipes/"
-					target="_blank" rel="noopener noreferrer">Recipes</a>
-				<a href="https://blog.hyperling.com/categories/musings/"
-					target="_blank" rel="noopener noreferrer">Poetry</a>
-				<a href="https://blog.hyperling.com/categories/guides/"
-					target="_blank" rel="noopener noreferrer">Guides</a>
+		<div class="menu row header center">
+			<div class="menu-list col-12">
+				<strong>Main</strong>
+				<a class="menu-item" href="/apps/">Apps</a>
+				<a class="menu-item" href="/about/">About</a>
+				<a class="menu-item" href="/contact/">Contact</a>
+				<a class="menu-item" href="/support/">Support</a>
+				<strong>Media</strong>
+				<a class="menu-item"
+					href="https://git.hyperling.com/me/"
+					target="_blank" rel="noopener noreferrer"
+				>Code</a>
+				<a class="menu-item"
+					href="https://works.hyperling.com/categories/books/"
+					target="_blank" rel="noopener noreferrer"
+				>Books</a>
+				<a class="menu-item"
+					href="https://works.hyperling.com/videos/"
+					target="_blank" rel="noopener noreferrer"
+				>Videos</a>
+				<a class="menu-item"
+					href="/photos/"
+				>Photos</a>
+				<strong>Blog</strong>
+				<a class="menu-item"
+					href="https://blog.hyperling.com/categories/articles/"
+					target="_blank" rel="noopener noreferrer"
+				>Articles</a>
+				<a class="menu-item"
+					href="https://recipes.hyperling.com/categories/recipes/"
+					target="_blank" rel="noopener noreferrer"
+				>Recipes</a>
+				<a class="menu-item"
+					href="https://blog.hyperling.com/categories/musings/"
+					target="_blank" rel="noopener noreferrer"
+				>Poetry</a>
+				<a class="menu-item"
+					href="https://recipes.hyperling.com/categories/guides/"
+					target="_blank" rel="noopener noreferrer"
+				>Guides</a>
+			</div>
 		</div>

pages/journey.sh

@@ -111,7 +111,7 @@ cat << EOF
 					Speaking of lifestyle, that is something else I learned from listening
 					to my new role models. "Sleep Water Sugar" as Durianrider used to say.
 					The
-					<a href="https://files.hyperling.com/media/HealthPriorities.pdf"
+					<a href="/files/media/documents/HealthPriorities.pdf"
 						target="_blank">PDF</a>
 					on my main
 					<a href="/about/#health" target="_blank">Health</a>

pages/media.php

@@ -107,7 +107,7 @@
 		<div class="row">
 			<div class="col-12 text">
 				<p>
-					I don't have social media, so where do my photos and videos go?
+					I don't have social media, so where do my personal photos and videos go?
 					Try right here!
 				</p>
 				<ul class="indent"><li>

pages/photos-all.sh

@@ -9,7 +9,7 @@ cd $DIR/..
 photos_all=./files/photos/all.html
 photos=./pages/photos.sh
 
-# If the all script does not exist,call the generator and ignore its output.
+# If the all script does not exist, call the generator and ignore its output.
 if [[ ! -e $photos_all ]]; then
 	$photos > /dev/null
 fi

pages/photos.sh

@@ -2,6 +2,10 @@
 # 2024-01-21 Hyperling
 # Transition away from PhotoPrism. Helps to save system resources and downsize.
 
+## TBD ##
+# - Have links at the top of the ALL page for jumping between years.
+## End TBD
+
 ## Static Variables ##
 DIR=`dirname $0`
 a="a target='_blank' rel='noopener noreferrer'"

pages/subpages/home/announcements.php

@@ -6,6 +6,28 @@
 			<h2 class="col-12 header">Announcements</h2>
 		</div>
 
+		<div class="row">
+			<div class="col-12 text">
+				<strong><a href="/apps/#sunset/">2026-10-01</a></strong>
+				<p>
+					Sunset Alarm has been finished! Check it out
+					<a href="/apps/#sunset">here</a>.
+				</p>
+			</div>
+		</div>
+
+		<div class="row">
+			<div class="col-12 text">
+				<strong><a href="https://fdroid.hyperling.com/">2026-07-04</a></strong>
+				<p>
+					My F-Droid repo is now available for those not using Obtainium.
+					<a href="https://fdroid.hyperling.com/"
+						target="_blank" rel="noopener noreferrer"
+					>Find it here</a>!
+				</p>
+			</div>
+		</div>
+
 		<div class="row">
 			<div class="col-12 text">
 				<strong><a href="/freedom/">2025-09-28</a></strong>

pages/subpages/support/donate.php

@@ -1,7 +1,7 @@
 #!/usr/bin/php
 		<!-- How people can support me with currency if they so desire. -->
 		<div class="row" id="donate">
-			<h2 class="col-12 header">Donate</h2>
+			<h2 class="col-12 header">One-Time Gifts</h2>
 		</div>
 
 		<div class="row text">
@@ -21,21 +21,43 @@
 				<div class="header">
 					<br>
 
-					<strong><code>XMR | Monero</code></strong>
+					<a href="monero:4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao">
+						<b class="mono">XMR | Monero</b>
+					</a>
 					<div class="code"><code>4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao</code></div>
 					<br>
 
-					<strong><code>BTC | Bitcoin</code></strong>
+					<a href="bitcoin:bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0?">
+						<b class="mono">BTC | Bitcoin</b>
+					</a>
 					<div class="code"><code>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</code></div>
 					<br>
 
-					<strong><code>LTC | Litecoin</code></strong>
+					<a href="bitcoincash:qzr00gaqeldlu3amjdn59f2y73276v8jwu6vanays2">
+						<b class="mono">BCH | Bitcoin Cash</b>
+					</a>
+					<div class="code"><code>qzr00gaqeldlu3amjdn59f2y73276v8jwu6vanays2</code></div>
+					<br>
+
+					<a href="litecoin:ltc1qavmpu5d6ljntxsd6jj548m4yys83zwscl0dzkx">
+						<b class="mono">LTC | Litecoin</b>
+					</a>
 					<div class="code"><code>ltc1qavmpu5d6ljntxsd6jj548m4yys83zwscl0dzkx</code></div>
 					<br>
 
-					<strong><code>LBC | Odysee's Coin</code></strong>
+					<!-- TBD
+					<a href="">
+						<strong><code>ETH | Ethereum</code></strong>
+					</a>
+					<div class="code"><code></code></div>
+					<br>
+					-->
+
+					<!--
+					<a href=""><strong><code>LBC | Odysee's Coin</code></strong></a>
 					<div class="code"><code>bDWP6qZajtm9Q9EkryKTorRwKFd5eDbPJj</code></div>
 					<br>
+					-->
 				</div>
 			</div>
 
@@ -45,7 +67,7 @@
 				<div class="header">
 					<br>
 
-					<strong><code>Zelle</code></strong>
+					<b class="mono">Zelle</b>
 					<div class="code">
 						<code>me@hyperling.com</code>
 						<br>
@@ -54,7 +76,7 @@
 					</div>
 					<br>
 
-					<strong><code>Venmo</code></strong>
+					<b class="mono">Venmo</b>
 					<div class="code">
 						<code>
 							@HyperVegan
@@ -66,8 +88,69 @@
 							</code>
 						</code>
 					</div>
-					<br>
+
+<?php
+	if (false) {
+		echo <<<HTML
+					<strong><code>PayPal</code></strong>
+					<div class="code">
+						<code>
+							@HyperVegan
+							<br>
+							<br>
+							<code>[<a href="https://account.venmo.com/u/HyperVegan"
+								target="_blank" rel="noopener noreferrer"
+							>Account Page</a>]
+							</code>
+						</code>
+					</div>
+		HTML;
+	}
+?>
+					<br> <!-- Keeps border cnsistent. -->
 				</div>
 			</div>
 
+<?php
+	if (false) {
+		echo <<<HTML
+			<div class="col-12 center border">
+				<strong class="spacing">Preference 4 - International USD</strong>
+				<p>Send international currencies to a fiat-based account.</p>
+				<div class="header">
+					<br>
+					<p>This section is a Work In Progress.</p>
+
+					<strong><code>Wise</code></strong>
+					<div class="code">
+						<!-- TBD
+						<code>me@hyperling.com</code>
+						<br>
+						<br>
+						<img src="/files/media/icons/zelle.png" alt="<<zelle.png>>">
+						-->
+					</div>
+					<br>
+
+					<strong><code>Revolut</code></strong>
+					<div class="code">
+						<!-- TBD
+						<code>
+							@HyperVegan
+							<br>
+							<br>
+							<code>[<a href="https://account.venmo.com/u/HyperVegan"
+								target="_blank" rel="noopener noreferrer"
+							>Account Page</a>]
+							</code>
+						</code>
+						-->
+					</div>
+					<br>
+				</div>
+			</div>
+		HTML;
+	}
+?>
+
 		</div>

pages/subpages/support/header.php

@@ -0,0 +1,17 @@
+#!/usr/bin/php
+		<div class="row">
+			<h1 class="col-12 title">Donation  Methods</h1>
+			<?php if (isset($GLOBALS["SHOW_BANNER_PICS"])
+				&& !$GLOBALS["SHOW_BANNER_PICS"])
+			echo '
+			<div class="col-12 header center" >
+				<img src="/files/media/icons/support.jpg" alt="<<support.jpg>>">
+			</div>
+			';?>
+			<div class="col-12 header center">
+				<p>
+					Anything is very much appreciated!!
+					Thank you for considering me!
+				</p>
+			</div>
+		</div>

pages/subpages/support/support.php

@@ -0,0 +1,67 @@
+#!/usr/bin/php
+		<!-- How people can support me in a recurring manner.. -->
+		<div class="row" id="donate">
+			<h2 class="col-12 header">Recurring Support</h2>
+		</div>
+
+		<div class="row text">
+
+			<div class="col-6 center border">
+				<strong class="spacing">Preference 1 - Liberapay</strong>
+
+				<p>Send weekly / monthly / yearly without any sort of brokerage fees!</p>
+
+				<a href="https://liberapay.com/HyperVegan/donate"
+						target="_blank" rel="noopener noreferrer"
+				>
+					<img alt="Donate using Liberapay"
+							src="https://liberapay.com/assets/widgets/donate.svg"
+							alt="liberapay.com/HyperVegan/donate"
+					>
+
+					<br/>
+					<br/>
+
+					<img src="https://img.shields.io/liberapay/patrons/HyperVegan.svg?logo=liberapay">
+					<br/>
+					<img src="https://img.shields.io/liberapay/receives/HyperVegan.svg?logo=liberapay">
+					<br/>
+					<img src="https://img.shields.io/liberapay/goal/HyperVegan.svg?logo=liberapay">
+				</a>
+
+				<p>I also suggest donating to Liberapay for making this possible.</p>
+				<a href="https://en.liberapay.com/Liberapay/"
+						target="_blank" rel="noopener noreferrer"
+				>Donate to the platform.</a>
+			</div>
+
+			<div class="col-6 center border">
+				<strong class="spacing">Preference 2 - Ko-fi</strong>
+				<p>Monthly donations with 5% brokerage fee. Also supports one-time tips.</p>
+				<a href="https://ko-fi.com/hypervegan"
+						target="_blank" rel="noopener noreferrer"
+				>
+					<img alt="Donate using Ko-fi"
+							src="https://storage.ko-fi.com/cdn/opengraph_assets/default_creator_og/hz_profile_page.png"
+							alt="ko-fi.com/hypervegan"
+							height=200
+					>
+				</a>
+			</div>
+
+			<!-- Requires using Stripe, which asks for last 4 of social. Pass for now.
+			<div class="col-4 center border">
+				<strong class="spacing">Preference 3 - Buy Me A Coffee</strong>
+				<p>5% brokerage fee.</p>
+				<a href="https://buymeacoffee.com/hypervegan"
+						target="_blank" rel="noopener noreferrer"
+				>
+					<img alt="Donate using Ko-fi"
+							src="https://storage.ko-fi.com/cdn/opengraph_assets/default_creator_og/hz_profile_page.png"
+							alt="buymeacoffee.com/hypervegan"
+					>
+				</a>
+			</div>
+			-->
+
+		</div>

pages/support.php

@@ -5,24 +5,13 @@
 		$GLOBALS["HEADER_TITLE"] = "Support";
 	}
 	include "helpers/body_open.php";
-?>
-		<div class="row">
-			<h1 class="col-12 title">Support</h1>
-			<?php if (isset($GLOBALS["SHOW_BANNER_PICS"])
-				&& !$GLOBALS["SHOW_BANNER_PICS"])
-			echo '
-			<div class="col-12 header center" >
-				<img src="/files/media/icons/support.jpg" alt="<<support.jpg>>">
-			</div>
-			';?>
-			<div class="col-12 header center">
-				<p>
-					Anything is very much appreciated!! Thank you for considering me!
-				</p>
-			</div>
-		</div>
-<?php
+
+	include "subpages/support/header.php";
+
+	include "subpages/support/support.php";
+
 	include "subpages/support/donate.php";
+
 	// 2025-01-04 Not really looking for this type of thing.
 	//include "subpages/support/gifts.php";
 

run.sh

@@ -80,28 +80,42 @@ fi
 
 log "Check if any system dependencies need installed."
 progs=""
-if [[ ! `which php` ]]; then
+if [[ ! `which php 2>/dev/null` ]]; then
 	echo "- Installing PHP"
-	progs="$progs php-cli"
+	progs_apt="$progs_apt php-cli"
+	progs_pm="$progs_pm php"
 fi
-if [[ ! `which node` ]]; then
+if [[ ! `which node 2>/dev/null` ]]; then
 	echo "- Installing Node"
 	progs="$progs nodejs"
 fi
-if [[ ! `which npm` ]]; then
+if [[ ! `which npm 2>/dev/null` ]]; then
 	echo "- Installing NPM"
-	progs="$progs npm"
+	progs_apt="$progs_apt npm"
+	progs_pm="$progs_pm " # comes with Node.js
 fi
-if [[ ! `which curl` ]]; then
+if [[ ! `which curl 2>/dev/null` ]]; then
 	echo "- Installing Curl"
 	progs="$progs curl"
 fi
-if [[ ! `which ps` ]]; then
+if [[ ! `which ps 2>/dev/null` ]]; then
 	echo "- Installing PS"
-	progs="$progs procps"
+	progs_apt="$progs_apt procps"
+	progs_pm="$progs_pm procps-ng"
 fi
-if [[ -n "$progs" ]]; then
-	$sudo apt-get install -y $progs
+if [[ -n "$progs" || -n "$progs_apt" || -n "$progs_pm" ]]; then
+	if [[ `which apt 2>/dev/null` ]]; then
+		echo "Using APT..."
+		progs="$progs $progs_apt"
+		$sudo apt-get install -y $progs
+	elif [[ `which pacman 2>/dev/null` ]]; then
+		echo "Using pacman..."
+		progs="$progs $progs_pm"
+		$sudo pacman -Sy --noconfirm $progs
+	else
+		echo "ERROR: Please install these programs then try again: $progs"
+		exit 1
+	fi
 fi
 
 # Directories and allowed page types are executable, others are not.