Merge pull request '¡Hyperling.com 2.0!' (#16) from dev into main

Reviewed-on: #16

README.md

@@ -25,7 +25,7 @@ cd www
 
 Then in a web browser, navigate to `localhost:8080`.
 
-## TODO
+## TODO Items
 
 All goals are currently completed.
 

cronjob.sh

@@ -0,0 +1,66 @@
+#!/usr/bin/env bash
+# 2025-10-14 Hyperling
+# Copied cronjob.sh from env-docker/Config/Hugo-Example/files/ to use for this
+#  project so that docker container can do periodic git pulls rather than having
+#  to reload /rebuild the container each time a release is pushed out.
+
+## Setup ##
+
+DIR="$(dirname -- "${BASH_SOURCE[0]}")"
+PROG="$(basename -- "${BASH_SOURCE[0]}")"
+cd $DIR
+DIR="`pwd`"
+NAME="'$PROG'"
+
+function log {
+	echo -e "`date` : $NAME - $1"
+}
+
+function kill-project {
+	# Kill node.js which will complete run.sh and restart any Docker containers.
+	# This is more intended towards Development and Stage sites since Production
+	#  will only see git changes when a pull request is manually completed.
+	log "Stopping continuous processes!"
+	pkill node
+}
+
+function reload-project {
+	# Nothing to do, run.sh and main.js automatically uses the latest files.
+	log "Project reloaded successfully!"
+}
+
+## Main ##
+
+# Pull any updates, and if the project is already up to date, exit successfully.
+output="`git pull`"
+git_status="$?"
+
+echo "$output" | grep -v "up to date"
+grep_status="$?"
+
+log "Pull status is '$git_status', checking for changes is '$grep_status'."
+
+# Check whether the continuously running jobs have been updated.
+echo "$output" | grep "main.js"
+main_changed="$?"
+echo "$output" | grep "run.sh"
+run_changed="$?"
+
+# Determine where we've landed and whether we need to do anything.
+if [[ $git_status != 0 ]]; then
+	log "*** ERROR: Git reported a failure! ***"
+	exit 1
+elif [[ $git_status == 0 && ($main_changed == 0 || $run_changed == 0) ]]; then
+	log "Either main ('$main_changed'), or run ('$run_changed') were changed!"
+	kill-project
+elif [[ $git_status == 0 && $grep_status == 0 ]]; then
+	reload-project
+elif [[ $git_status == 0 && $grep_status != 0 ]]; then
+	log "Nothing to do. '$output'"
+else
+	log "*** WARNING: Unknown Situation ***"
+fi
+
+## Success! ##
+
+exit 0

pages/about.php

@@ -5,15 +5,18 @@
 	}
 	include "helpers/body_open.php";
 ?>
-
 		<div class="row">
 			<h1 class="col-12 title">Who Am I?</h1>
+			<?php if (isset($GLOBALS["SHOW_BANNER_PICS"])
+				&& !$GLOBALS["SHOW_BANNER_PICS"])
+			echo '
 			<div class="col-12 header center" >
-				<img src="/files/media/icons/about.jpg" alt="">
+				<img src="/files/media/icons/about.jpg" alt="<<about.jpg>>">
 			</div>
+			';?>
 		</div>
 		<div class="row">
-			<div class="col-12 text">
+			<div class="col-12 header">
 				<p>
 					Hi there! My name is Chad, I'm the primary content creator
 					behind Hyperling and HyperVegan. Thank you for your interest!
@@ -26,7 +29,6 @@
 					planted at least one fruit tree or had a small square foot
 					garden. We would be in paradise!
 				</p>
-				<!-- TBD change this to 'Coding, videos, and art' :) -->
 				<p>
 					Coding and videos aren't my only hobbies, I'm also big into
 					health. I see it as humanity's most important asset and take a
@@ -51,7 +53,6 @@
 				</p>
 			</div>
 		</div>
-
 <?php
 	include "subpages/about/notice.php";
 	include "subpages/about/health.php";

pages/apps.php

@@ -6,5 +6,285 @@
 	if (!isset($GLOBALS["HEADER_TITLE"])) {
 		$GLOBALS["HEADER_TITLE"] = "Apps";
 	}
-	include "home.php";
+	include "helpers/body_open.php";
+?>
+		<div class="row" id="experience">
+			<h2 class="col-12 title">My Profession</h2>
+		</div>
+		<div class="row">
+			<div class="col-12 header">
+				<p>
+					I'm a professional software engineer who's been playing with
+					Linux system administration from a young age.
+					Much of my career	has focused on back-end / database systems
+					and optimizing workflows.
+					I feel that I specialize in building systems with "no sharp
+					edges", meaning that I test rigorously to ensure there aren't any
+					ways the user can hurt themselves or the system.
+					In my free time I enjoy learning new
+					languages and writing apps for Android.
+				</p>
+				<!--<p><a href="/resume/">My resume can be found here</a>.</p>-->
+			</div>
+		</div>
+
+		<div class="row" id="obtainium">
+			<h4 class="col-12 header">Obtainium Configuration</h4>
+		</div>
+
+		<div class="row text">
+			<div class="col-6 text">
+				<strong>Automatic Import</strong>
+				<p>
+					This JSON file will add all of my apps for you in its own
+					convenient group:
+				</p>
+				<ul class="indent"><li>
+					<a href="https://git.hyperling.com/me/env-obtainium-hyperling/src/branch/main/obtainium-export.json"
+						target="_blank" rel="noopener noreferrer"
+					>
+						[obtainium-export.json] | Hyperling's Apps
+					</a>
+				</li></ul>
+				<p>
+					Then if you only want to keep a subset of the apps you may either
+					mark the unwanted ones as Track Only or delete them from the app.
+				</p>
+			</div>
+
+			<div class="col-6 text">
+				<strong>Manual Imports</strong>
+				<p>
+					If you decide to add the apps 1-by-1 based on the URLs in the
+					section below, here is how to show the correct version numbers:
+				</p>
+				<ul>
+					<li>Enable <i>"Sort by only the last segment of the link"</i>.</li>
+					<li>
+						Set the <i>"Version string extraction RegEx"</i> field to:
+						<code>[0-9\.]+[0-9]+</code>
+					</li>
+				</ul>
+				<p>
+					Otherwise, using <i>"Take first link"</i> ensures you get the
+					proper update but will show pseudo versions.
+				</p>
+			</div>
+
+			<!--
+				TBD/TODO, if adding this section, make it something that's
+			 	minimized by default and can be expanded open. Otherwise too big.
+			<div class="col-12 text">
+				<strong>Confused?</strong>
+				<p>
+					Obtainium is a wonderful app for managing your APKs and sharing
+					the configuration across your devices or with other people.
+				</p>
+				<p>
+					It is not my project, but I highly recommend using it.
+					<a href="TBD/TODO"
+						target="_blank" rel="noopener noreferrer"
+					>Find its APK here (TBD/TODO!)</a> and
+					<a>its documentation here</a>.
+				</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">
+					<figure>
+						<img class="app-icon" loading="lazy" alt="<<expense.png>>"
+							src="/files/media/icons/expense.png"
+						>
+						<figcaption>
+							Recurring Expense Tracker
+						</figcaption>
+					</figure>
+				</a>
+				<p>
+					Keep track of repeating expenses and
+					view projections of their effect on your finances.
+					First app written with Flutter.
+				</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"
+						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
+				</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">
+				<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"
+						>
+						<figcaption>
+							Infinite Timer
+						</figcaption>
+					</figure>
+				</a>
+				<p>
+					Play a notification at your chosen interval.
+				</p>
+				<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/"
+						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>]
+				</p>
+				<!--<p>
+					<s>
+						[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
+					</s>
+				</p>-->
+			</div>
+
+			<div class="col-12 text border" id="sleep">
+				<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
+					target="_blank" rel="noopener noreferrer">
+					<figure>
+						<img class="app-icon" loading="lazy" alt="<<t45mr.png>>"
+							src="/files/media/icons/t45mr.png"
+						>
+						<figcaption>
+							45 Minute Rule
+						</figcaption>
+					</figure>
+				</a>
+				<p>
+					Determine a good bedtime for waking during light sleep.
+				</p>
+				<p>
+					<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule"
+						target="_blank" rel="noopener noreferrer">Play Store</a>]-->
+					[<a href="https://git.hyperling.com/me/android-45-minute-rule/"
+						target="_blank" rel="noopener noreferrer">Source Code</a>]
+					[<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">
+				<a href="https://git.hyperling.com/me/android-hypergames/releases"
+					target="_blank" rel="noopener noreferrer"
+				>
+					<figure>
+						<img class="app-icon" loading="lazy" alt="<<hypergames.png>>"
+							src="/files/media/icons/hypergames.png"
+						>
+						<figcaption>
+								HyperGames
+						</figcaption>
+					</figure>
+				</a>
+				<p>
+					Started as a fun project for learning.
+					Playable but unfinished.
+				</p>
+				<p>
+					<!--[<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
+						target="_blank" rel="noopener noreferrer">Play Store</a>]-->
+					[<a href="https://git.hyperling.com/me/android-hypergames/"
+						target="_blank" rel="noopener noreferrer">Source Code</a>]
+					[<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">
+			<h3 class="col-12 header">Other Programs</h3>
+		</div>
+		<div class="row">
+			<div class="col-12 text">
+				<p>
+					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>.
+				</p>
+			</div>
+		</div>
+<?php
+	include "helpers/body_close.php";
 ?>

pages/books.php

@@ -0,0 +1,10 @@
+#!/usr/bin/php
+<!--
+	Alias for where Books menu item should go.
+-->
+<?php
+	if (!isset($GLOBALS["HEADER_TITLE"])) {
+		$GLOBALS["HEADER_TITLE"] = "Books";
+	}
+	include "media.php";
+?>

pages/contact.php

@@ -5,21 +5,28 @@
 	}
 	include "helpers/body_open.php";
 ?>
-
 		<div class="row">
 			<h1 class="col-12 title">Contact</h1>
+			<?php if (isset($GLOBALS["SHOW_BANNER_PICS"])
+				&& !$GLOBALS["SHOW_BANNER_PICS"])
+			echo '
 			<div class="col-12 header center" >
-				<img src="/files/media/icons/contact.jpg" alt="">
+				<img src="/files/media/icons/contact.jpg" alt="<<contact.jpg>>">
 			</div>
+			';?>
 		</div>
 		<div class="row">
-			<div class="col-12 title center">
+			<div class="col-12 header center">
 				<p>
-					Timely responses are not guarenteed, as I spend a majority of
+					Timely responses are not guarenteed, as I spend a large amount of
-					my time offline and enjoy traveling in reception-free zones.
+					time offline and enjoy traveling in reception-free zones.
 				</p>
 			</div>
 		</div>
+
+		<div class="row">
+			<h2 class="col-12 header">Methods</h2>
+		</div>
 		<div class="row">
 			<div class="col-12 text">
 				<p>
@@ -42,7 +49,6 @@
 				</li></ul>
 			</div>
 		</div>
-
 <?php
 	include "helpers/body_close.php";
 ?>

pages/diet.php

@@ -0,0 +1,209 @@
+#!/usr/bin/php
+<?php
+	if (!isset($GLOBALS["HEADER_TITLE"])) {
+		$GLOBALS["HEADER_TITLE"] = "Diet";
+	}
+	include "helpers/body_open.php";
+?>
+		<div class="row">
+			<h1 class="col-12 title">Current Diet</h1>
+		</div>
+		<div class="row">
+			<div class="col-12 text">
+				<p>
+					My diet is 100% vegan and focuses on a high carb low fat
+					macronutrient ratio from whole foods. I consume as many raw meals
+					as possible and prefer to cook for myself.
+					<!--Purchase priorities are 1) Non-GMO, 2) Local, 3) Organic.-->
+				</p>
+				<!-- -- >
+				<p>
+					I generally water fast until the sensation of an empty stomach
+					actually turns to hunger, then eat a raw fruit meal. If it's date
+					season or other high calorie fruit is readily available, the
+					whole day may be fruit, otherwise I make 1 large cooked meal such
+					as rice with veggies to cover the rest of the day's needs.
+				</p>
+				<!-- -->
+			</div>
+		</div>
+
+		<div class="row">
+			<h2 class="col-12 header" id="faves">Favorites</h2>
+		</div>
+		<div class="row">
+			<div class="col-12 text">
+				<strong>Fruit</strong>
+				<ol>
+					<li>Soursop</li>
+					<li>Durian</li>
+					<li>Pawpaw</li>
+					<li>Mamey Sapote</li>
+				</ol>
+				<p>Notable Mentions</p>
+				<ul>
+					<li>Dates</li>
+					<li>Longans</li>
+					<li>Cherimoya</li>
+					<li>Persimmons</li>
+					<li>Peaches & Nectarines</li>
+					<li>Fresh Coconut</li>
+					<li>Mango</li>
+				</ul>
+				<!-- -- >
+				<strong>Cooked</strong>
+				<ol>
+					<li></li>
+					<li></li>
+					<li></li>
+				</ol>
+				<!-- -->
+			</div>
+		</div>
+
+		<div class="row">
+			<h2 class="col-12 header" id="staples">Staples</h2>
+		</div>
+		<div class="row">
+			<div class="col-12 text">
+				<strong>Raw</strong>
+				<ul>
+					<li>Dates (Khadrawi, Barhi, Medjool)</li>
+					<li>Bananas</li>
+					<li>Apples (Autumn Crisp, Cosmic Crisp, Pink Lady, Granny Smith, Gala, Fuji)</li>
+					<li>Dried Mango (Natural Grocer's brand)
+						<ul><li>
+							This is best consumed rehydrated. The nectar is amazing!!
+						</li></ul>
+					</li>
+				</ul>
+				<strong>Cooked</strong>
+				<ul>
+					<li>Rice</li>
+					<li>Sweet Potato</li>
+					<li>Zucchini & Yellow Squash</li>
+				</ul>
+			</div>
+		</div>
+
+		<div class="row">
+			<h2 class="col-12 header" id="avoid">Allergies / Aversions</h2>
+		</div>
+		<div class="row">
+			<div class="col-12 text">
+				<p>
+					I've found that my body doesn't tolerate many foods found in modern diets.
+				</p>
+				<p>
+					Basically, if you wouldn't feed it to a dog or rabbit, I probably avoid it too.
+				</p>
+				<strong>High Reactivity</strong>
+				<p>
+					These are a quick "no". I'll smell the dish, but not eat!
+				</p>
+				<ul>
+					<li>Alliums (garlic, onions)
+						<!-- -- >
+						<ul><li>
+							Headaches, migraines, nightmares, night terrors, poor digestion.
+						</li></ul>
+						<!-- -->
+					</li>
+					<li>Caffeine (coffee, chocolate, cacao, cocoa)
+						<!-- -- >
+						<ul><li>
+							Headaches, intense sweating, jitters, anxiety, awful digestion.
+						</li></ul>
+						<!-- -->
+					</li>
+					<li>Grapes
+						<!-- -- >
+						<ul><li>Terrible digestion.</li></ul>
+						<!-- -->
+					</li>
+					<li>Tropical Nuts (peanuts, cashews, brazil nuts, etc)
+						<!-- -- >
+						<ul>
+							<li>Terrible digestion, lethargy, headaches.</li>
+						</ul>
+						<!-- -->
+					</li>
+					<li>Drugs & Alcohol
+						<!-- -- >
+						<ul><li>
+							People know me as the sober kid. I used cannabis on and off
+							until 2024 but was over recreational drugs by 2012. Now
+							that I'm happy I no longer need an escape. :)
+						</li></ul>
+						<!-- -->
+					</li>
+				</ul>
+				<strong>Medium Reactivity</strong>
+				<p>
+					I normally avoid these and only have them as rare exceptions.
+				</p>
+				<ul>
+					<li>Nightshades (tomato, peppers, potato, eggplant, tobacco, datura)
+						<!-- -- >
+						<ul>
+							<li>Mucous and lymph for days, poor digestion.</li>
+							<li>If cooked at a high enough temperature, like fries,
+								they become tolerable as long as theyre not overly oily.
+							</li>
+						</ul>
+						<!-- -->
+					</li>
+					<li>Cinnamon
+						<!-- -- >
+						<ul><li>Intense sweating, overheating.</li></ul>
+						<!-- -->
+					</li>
+				</ul>
+				<strong>Lower Reactivity</strong>
+				<p>
+					I may have these from time to time, but in very small amounts.
+				</p>
+				<ul>
+					<li>Fatty Nuts & Seeds (almonds, walnuts, pecans, sunflower seeds, etc)
+						<!-- -- >
+						<ul><li>Poor digestion, lethargy, </li></ul>
+						<!-- -->
+					</li>
+					<!-- -- >
+					<li>Quinoa
+						<!-- -- >
+						<ul><li>I want to love it, it just doesn't do anything!</li></ul>
+						-- >
+					</li>
+					<!-- -->
+					<li>Storebought/Pasteurized Juices
+						<!-- -- >
+						<ul><li>.</li></ul>
+						<!-- -->
+					</li>
+					<li>Tea (including herbal)
+						<!-- -- >
+						<ul><li>Needs to be comsumed with a meal, otherwise body may try to process it as one and leads to horrible digestion.</li></ul>
+						<!-- -->
+					</li>
+					<li>Legumes (beans, peas)
+						<!-- -- >
+						<ul><li>If not properly stored and cooked they cause me havoc.</li></ul>
+						<!-- -->
+					</li>
+					<li>Oily Meals
+						<!-- -- >
+						<ul><li></li></ul>
+						<!-- -->
+					</li>
+					<li>Empty Calories (donuts, cake, corn/potato chips, etc)
+						<!-- -- >
+						<ul><li>I want to love it, it just doesn't do anything!</li></ul>
+						<!-- -->
+					</li>
+				</ul>
+			</div>
+		</div>
+<?php
+	include "helpers/body_close.php";
+?>

pages/freedom.php

@@ -0,0 +1,87 @@
+#!/usr/bin/php
+<!--
+	Page to provide links for Freedom eBook.
+-->
+<?php
+	$GLOBALS["ADVISORY"] = false;
+	if (!isset($GLOBALS["HEADER_TITLE"])) {
+		$GLOBALS["HEADER_TITLE"] = "Freedom";
+	}
+	include "helpers/body_open.php";
+?>
+		<div class="row">
+			<h1 class="col-12 title">Voluntary Sovereignty</h1>
+		</div>
+
+		<div class="row">
+			<div class="col-12 header">
+				<p>
+					Short eBook and printable booklet succintly covering Morality
+					and Sovereignty.
+				</p>
+				<p>
+					Also covers topics such as police encounters
+					and provides resources for further education.
+				</p>
+			</div>
+		</div>
+
+		<div class="row">
+			<div class="col-12 text">
+				<p>
+					Click the link below to download the 4-page PDF:
+				</p>
+				<ul class="indent">
+					<li>
+						<a href="https://git.hyperling.com/me/ebook-freedom-flyer/releases/download/latest/VoluntarySovereignty.pdf"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[PDF] | eBook
+						</a>
+					</li>
+					<li>
+						<a href="https://git.hyperling.com/me/ebook-freedom-flyer/releases/download/latest/VoluntarySovereignty-booklet-default.pdf"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[PDF] | Booklet
+						</a>
+					</li>
+					<li>
+						<a href="https://git.hyperling.com/me/ebook-freedom-flyer/releases/download/latest/VoluntarySovereignty-booklet-rotated.pdf"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[PDF] | Booklet (Duplex Rotations)
+						</a>
+					</li>
+				</ul>
+
+				<p>
+					Curious how I made it? Check out its Git repository:
+				</p>
+				<ul class="indent">
+					<li>
+						<a href="https://git.hyperling.com/me/ebook-freedom-flyer"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[CODE] | Source Code
+						</a>
+					</li>
+				</ul>
+
+				<p>
+					Here is the video it was announced in:
+				</p>
+				<ul class="indent">
+					<li>
+						<a href="https://odysee.com/@HyperVegan:2/20251003-Announcements:0"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[Odysee] | HyperVegan: "Announcements: Skipped Midfest, Voluntary Sovereignty eBook, CheapRVLiving Interview"
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+<?php
+	include "helpers/body_close.php";
+?>

pages/health.php

@@ -3,13 +3,12 @@
 	Page to provide ways people can support me.
 -->
 <?php
-	$GLOBALS["ADVISORY"] = false;
+	//$GLOBALS["ADVISORY"] = false;
 	if (!isset($GLOBALS["HEADER_TITLE"])) {
 		$GLOBALS["HEADER_TITLE"] = "Health";
 	}
 	include "helpers/body_open.php";
 ?>
-
 		<div class="row">
 			<h1 class="col-12 title">My Health Protocol</h1>
 		</div>
@@ -31,13 +30,31 @@
 		<div class="row">
 			<div class="col-12 text">
 				<p>
-					Click the link below to download the 12-page PDF:
+					Click the link below to download the 10-page PDF:
 				</p>
-				<ul class="indent"><li>
+				<ul class="indent">
-					<a href="/files/media/documents/HyperlingsHealthProtocol.pdf">
+					<li>
-						[PDF] | Direct Download
+						<a href="https://git.hyperling.com/me/ebook-health-protocol/releases/download/latest/HyperlingsHealthProtocol.pdf"
-					</a>
+							target="_blank" rel="noopener noreferrer">
-				</li></ul>
+							[PDF] | eBook
+						</a>
+					</li>
+					<li>
+					<a href="https://git.hyperling.com/me/ebook-health-protocol/releases/download/latest/HyperlingsHealthProtocol-booklet-default.pdf"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[PDF] | Booklet
+						</a>
+					</li>
+					<li>
+					<a href="https://git.hyperling.com/me/ebook-health-protocol/releases/download/latest/HyperlingsHealthProtocol-booklet-rotated.pdf"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[PDF] | Booklet (Duplex Rotations)
+						</a>
+					</li>
+
+				</ul>
 
 				<p>
 					There is also a 30 minute audio version which can be found here:
@@ -47,7 +64,7 @@
 						<a href="/files/media/documents/HyperlingsHealthProtocol.mp3"
 							target="_blank" rel="noopener noreferrer"
 						>
-							[MP3] | Direct Download
+							[MP3] | Download
 						</a>
 					</li>
 					<li>
@@ -91,7 +108,6 @@
 				</ul>
 			</div>
 		</div>
-
 <?php
 	include "helpers/body_close.php";
 ?>

pages/helpers/advisory.php

@@ -1,26 +1,21 @@
 #!/usr/bin/php
+<?php
+	$show_advisory = true;
+	if ($show_advisory) echo '
 		<div class="row">
 			<p><!-- Gap Area --></p>
 		</div>
 
-		<div class="row center" id="advisory">
+		<div class="row center title" id="advisory">
-			<div class="col-12 title">
+			<i><h2 class="col-12 title">Latest Announcement</h2></i>
-				<i><h2>Announcements</h2></i>
+			<a href="/freedom/">
-			</div>
-			<a href="/health/">
 				<div class="col-12 text">
-					<u class="orange">2024-03-07</u>
+					<u class="orange">2025-09-28</u>
 					<br>
-					Find my free eBook, "Hyperling's Health Protocol",
+					I wrote another short free eBook, "Voluntary Sovereignty", check it out
 					<u class="orange">here</u>!
 				</div>
 			</a>
-			<!--<div class="col-12 text">
-				<u>2024-03-31</u>
-				<br>
-				There's a
-				<a href="/home/#tictactoe">new app</a>
-				in town,
-				<a href="/files/apks/TicTacToe.apk">Tic-Tac-Toe</a>!
-			</div>-->
 		</div>
+	';
+?>

pages/helpers/banner.css

@@ -21,3 +21,16 @@
 			.banner-bottom {
 				background-color: #33CC33;
 			}
+
+			.banner-image {
+				background-repeat: no-repeat;
+
+				background-position: center, center;
+				height: 237px; /* 69*3[banner stripes] + 15*2[padding top+bot] */
+			}
+			.banner-image01 {
+				background-image: url("/files/media/icons/home.jpg");
+			}
+			.banner-image02 {
+				background-image: url("/files/media/icons/contact.jpg");
+			}

pages/helpers/banner.php

@@ -1,8 +1,32 @@
 #!/usr/bin/php
+<?php
+	// Dynamic testing of whether new images around the banner is wanted.
+	if (!isset($GLOBALS["SHOW_BANNER_PICS"])) {
+		$GLOBALS["SHOW_BANNER_PICS"] = true;
+	}
+	$show_pics = $GLOBALS["SHOW_BANNER_PICS"];
+	$banner_width = $show_pics ? 6 : 12;
+?>
 		<a href='/about/'>
-			<div class="row col-12 header">
+			<div class="row">
+			<?php if ($show_pics) echo '
+			<div class="col-3 header center banner-image banner-image01">
+				<!-<img src="/files/media/icons/home.jpg"
+					alt="<<banner01.jpg>>"
+				>-->
+			</div>
+			';?>
+			<div class="col-<?php echo "$banner_width"; ?> header">
 				<div class="banner-top">Peace</div>
 				<div class="banner-middle">Love</div>
 				<div class="banner-bottom">Happiness</div>
 			</div>
+			<?php if ($show_pics) echo '
+			<div class="col-3 header center banner-image banner-image02">
+				<!--<img src="/files/media/icons/contact.jpg"
+					alt="<<banner02.jpg>>"
+				>-->
+			</div>
+			';?>
+			</div>
 		</a>

pages/helpers/body_close.php

@@ -2,6 +2,5 @@
 <?php
 	include "footer.php"
 ?>
-
 	</body>
 </html>

pages/helpers/body_open.php

@@ -2,14 +2,15 @@
 <?php
 	include "header.php";
 ?>
-
 	<body>
-
 <?php
 	include "banner.php";
 	include "menu.php";
 
-	/* 2025-01-29 Disable advisory now that Books is explicitly a menu item. * /
+	/*
+		2025-01-29 Disable advisory now that Books is explicitly a menu item.
+		2025-10-03 Re-enable advisory for new eBook.
+	*/
 	if (!isset($GLOBALS["ADVISORY"]) || $GLOBALS["ADVISORY"] !== false)
 		include "advisory.php";
 	/* */

pages/helpers/header.php

@@ -29,4 +29,17 @@
 		<style>
 			<?php include "banner.css"; ?>
 		</style>
+
+		<meta property="og:title" content="Hyperling"/>
+		<meta property="og:description" content="Apps, eBooks, media, and other resources from the brands Hyperling and HyperVegan."/>
+		<meta property="og:site_name" content="Hyperling"/>
+		<meta property="og:url" content="https://hyperling.com/"/>
+		<meta property="og:type" content="website"/>
+		<meta property="og:image" content="https://hyperling.com/files/media/icons/home.jpg"/>
+		<meta name="referrer" content="same-origin"/>
+
+		<meta name="twitter:card" content="summary_large_image" />
+		<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" />
 	</head>

pages/helpers/menu.php

@@ -1,12 +1,19 @@
 #!/usr/bin/php
 		<div class="row header menu">
 			<ul class="menu-list">
-				<li class="col-1"></li>
+				<li class="col-3 menu-item"><a href="/">Home</a></li>
-				<li class="col-2 menu-item"><a href="/apps/">Apps</a></li>
+				<li class="col-3 menu-item"><a href="/about/">About</a></li>
-				<li class="col-2 menu-item"><a href="/media/">Media</a></li>
+				<li class="col-3 menu-item"><a href="/contact/">Contact</a></li>
-				<li class="col-2 menu-item"><a href="/about/">About</a></li>
+				<li class="col-3 menu-item"><a href="/support/">Support</a></li>
-				<li class="col-2 menu-item"><a href="/contact/">Contact</a></li>
+			</ul>
-				<li class="col-2 menu-item"><a href="/support/">Support</a></li>
+			<ul class="menu-list">
-				<li class="col-1"></li>
+				<li class="col-3 menu-item"><a href="/apps/">Apps</a></li>
+				<li class="col-3 menu-item"><a href="/books/">Books</a></li>
+				<li class="col-3 menu-item">
+					<a href="https://odysee.com/@HyperVegan:2"
+						target="_blank" rel="noopener noreferrer"
+					>Videos</a>
+				</li>
+				<li class="col-3 menu-item"><a href="/photos/">Photos</a></li>
 			</ul>
 		</div>

pages/home.php

@@ -4,19 +4,22 @@
 -->
 <?php
 	if (!isset($GLOBALS["HEADER_TITLE"])) {
-		$GLOBALS["HEADER_TITLE"] = "Home";
+		$GLOBALS["HEADER_TITLE"] = "Announcements";
 	}
 	include "helpers/body_open.php";
 ?>
-
 		<div class="row">
 			<h1 class="col-12 title">Welcome!</h1>
+			<?php if (isset($GLOBALS["SHOW_BANNER_PICS"])
+				&& !$GLOBALS["SHOW_BANNER_PICS"])
+			echo '
 			<div class="col-12 header center" >
-				<img src="/files/media/icons/home.jpg" alt="">
+				<img src="/files/media/icons/home.jpg" alt="<<home.jpg>>">
 			</div>
+			';?>
 		</div>
 		<div class="row">
-			<div class="col-12 text">
+			<div class="col-12 header center">
 				<p>
 					Thank you for visiting my site! My goal is to make the world a
 					better place. Hopefully you find content here which helps empower
@@ -24,9 +27,8 @@
 				</p>
 			</div>
 		</div>
-
 <?php
-	include "subpages/home/apps.php";
+	include "subpages/home/announcements.php";
 
 	include "helpers/body_close.php";
 ?>

pages/lists.php

@@ -1,40 +0,0 @@
-#!/usr/bin/php
-<!--
-	Lists of items which I'd like to share such as gear and frequently used apps.
--->
-<?php
-	if (!isset($GLOBALS["HEADER_TITLE"])) {
-		$GLOBALS["HEADER_TITLE"] = "Lists";
-	}
-	include "helpers/body_open.php";
-?>
-
-		<div class="row">
-			<h1 class="col-12 title">Lists</h1>
-		</div>
-		<div class="row">
-			<h3 class="col-6 header">Gear</h3>
-
-			<h3 class="col-6 header">Apps</h3>
-
-			<!-- Gear -->
-			<div class="col-6 text">
-				<p>
-					Gear that I find critical to my life.
-				</p>
-				<ul class="indent">
-					<li><a href="TBD">Sleeping Bag</a></li>
-				</ul>
-			</div>
-
-			<!-- Apps -->
-			<div class="col-6 text">
-				<p>
-					Apps that I use frequently on a degoogled Android phone.
-				</p>
-			</div>
-		</div>
-
-<?php
-	include "helpers/body_close.php";
-?>

pages/media.php

@@ -8,15 +8,18 @@
 	}
 	include "helpers/body_open.php";
 ?>
-
 		<div class="row">
 			<h1 class="col-12 title">Media</h1>
+			<!--<?php if (isset($GLOBALS["SHOW_BANNER_PICS"])
+				&& !$GLOBALS["SHOW_BANNER_PICS"])
+			echo '
 			<div class="col-12 header center" >
-				<img src="/files/media/icons/videos.jpg" alt="">
+				<img src="/files/media/icons/videos.jpg" alt="<<videos.jpg>>">
 			</div>
+			';?>-->
 		</div>
 		<div class="row">
-			<div class="col-12 text center">
+			<div class="col-12 header center">
 				<p>
 					My written works, social platforms, and photos can be found here.
 				</p>
@@ -32,9 +35,18 @@
 				<p>
 					I enjoy writing! Find my free eBooks below.
 				</p>
-				<ul class="indent"><li>
+				<ul class="indent">
-					<a href="/health/">My Health Protocol</a>
+					<li>
-				</li></ul>
+						2025-09-28: <a href="/freedom/">Voluntary Sovereignty</a> |
+						Existing in a statist society with the least amount of friction.
+					</li>
+					<li><p><!-- Small Gap --></p></li>
+					<li>
+						2024-03-07: <a href="/health/">Hyperling's Health Protocol</a> |
+						Health is a lifestyle, not a diet. Align yourself with Nature
+						to receive its blessings.
+					</li>
+				</ul>
 			</div>
 		</div>
 
@@ -105,7 +117,6 @@
 				</li></ul>
 			</div>
 		</div>
-
 <?php
 	include "helpers/body_close.php";
 ?>

pages/photos.sh

@@ -41,7 +41,7 @@ function start_main_page {
 	echo -e "\t\t</div>" >> $mainpage
 
 	echo -e "\t\t<div class='row'>" >> $mainpage
-	echo -e "\t\t\t<div class='col-12 text'>" >> $mainpage
+	echo -e "\t\t\t<div class='col-12 header'>" >> $mainpage
 	echo -en "\t\t\t\t<p>You may click on an album name to " >> $mainpage
 	echo -en "view all of its files, or click on a specific image to bring up the " >> $mainpage
 	echo -en "full resolution. On the album pages you may also click an image or " >> $mainpage
@@ -131,13 +131,15 @@ function build_album_pages {
 			fi
 
 			## Put in the subpage HTML ##
-			# Set the count if this is the first loop.
+			new_row="\t\t<div class='row text'>"
+			# Set the count and start a row if this is the first loop.
 			if [[ -z $count ]]; then
 				count=0
-			fi
+				echo -e "$newrow" >> $subpage
-			# Add a row for the next 2 images.
+			# Else check if we need to start a new one for the next 2 images.
-			if (( $count % 2 == 0 )); then
+			elif (( $count % 2 == 0 )); then
-				echo -e "\t\t<div class='row text'>" >> $subpage
+				echo -e "\t\t</div>" >> $subpage
+				echo -e "$newrow" >> $subpage
 			fi
 			# Add the container for the image and its text.
 			echo -e "\t\t\t<div class='col-6 center'>" >> $subpage
@@ -160,10 +162,6 @@ function build_album_pages {
 			fi
 			# Close the image description and its link.
 			echo -e "</p>\n\t\t\t\t</a>\n\t\t\t</div>" >> $subpage
-			# Close the row after an odd count.
-			if (( $count % 2 == 1 )); then
-				echo -e "\t\t</div>" >> $subpage
-			fi
 			count=$(( count + 1 ))
 		done
 		echo -e "\t\t</div>" >> $subpage
@@ -249,7 +247,8 @@ function build_all_page {
 			count=0
 		fi
 		if [[ $count == 0 ]]; then
-			echo -e "\t\t<div class=row text>" >> $allpage
+			echo -e "\t\t</div>" >> $allpage
+			echo -e "\t\t<div class='row text'>" >> $allpage
 		fi
 
 		# Add a column.
@@ -291,10 +290,16 @@ function build_all_page {
 }
 
 ## Main ##
+beg_time="$SECONDS"
+
 start_main_page
 build_album_pages
 build_all_page
 end_main_page
 
+end_time="$SECONDS"
+time="$(( $end_time - $beg_time ))"
+echo "<!-- Script took '$time' seconds to process. -->" >> $mainpage
+
 cat $mainpage
 exit 0

pages/resources.php

@@ -0,0 +1,72 @@
+#!/usr/bin/php
+<!--
+	Lists of items which I'd like to share such as gear and frequently used apps.
+-->
+<?php
+	if (!isset($GLOBALS["HEADER_TITLE"])) {
+		$GLOBALS["HEADER_TITLE"] = "Resources";
+	}
+	include "helpers/body_open.php";
+?>
+		<div class="row">
+			<h1 class="col-12 title">Lists of Resources</h1>
+		</div>
+
+		<!-- Books -->
+		<div class="row text" id="books">
+			<h3 class="col-3">
+				Books
+			</h3>
+			<div class="col-9">
+				<p>
+					TBD/TODO: Berk list description goes here!
+				</p>
+				<p>
+					Another line fortesting.
+				</p>
+				<p>
+					Yet another line fortesting.
+				</p>
+				<ul>
+					<li>
+						The Peaceful Warrior
+					</li>
+					<li>
+						TBD: Name of book on healing through breathing and posture.
+					</li>
+					<li>
+						The Untethered Soul / Living Untethered
+					</li>
+				</ul>
+			</div>
+		</div>
+
+		<!-- Apps -->
+		<div class="row text" id="apps">
+			<h3 class="col-3">
+				<a target='_blank' rel='noopener noreferrer'
+					href="https://git.hyperling.com/me/env-obtainium">
+					Apps (Repo TBD/TODO)
+				</a>
+			</h3>
+			<div class="col-9">
+				<p>
+					Obtaiumiun config for apps that I use on a degoogled Android phone.
+				</p>
+			</div>
+		</div>
+
+		<!-- Gear -->
+		<div class="row text" id="gear">
+			<h3 class="col-3">
+				Gear
+			</h3>
+			<div class="col-9">
+				<p>
+					Important gear I recommend.
+				</p>
+			</div>
+		</div>
+<?php
+	include "helpers/body_close.php";
+?>

pages/resume.php

@@ -8,12 +8,10 @@
 	}
 	include "helpers/body_open.php";
 ?>
-
 		<div class="row">
 			<h1 class="col-12 title">Resume</h1>
-			<div class="col-12 header center" >
+		</div>
-				<img src="/files/media/icons/home.jpg" alt=""> <!-- TBD use a new photo -->
+		<div class="row">
-			</div>
 			<h2 class="col-12 title center">Current Status : Traveling Full Time</h2>
 		</div>
 		<div class="row">
@@ -21,25 +19,15 @@
 				<p>
 					Interested in hiring me? View my resume below!
 				</p>
-				<ul class="indent"><li>
+				<!--<ul class="indent"><li>-->
 					<a href="https://hyperling.com/files/media/documents/Resume.pdf"
 						target="_blank" rel="noopener noreferrer"
 					>
 						[PDF] | Direct Download
 					</a>
-				</li></ul>
+				<!--</li></ul>-->
-				<!-- For those sneaky folks who look at source code. ;)
-				<ul class="indent"><li>
-					<a href="https://hyperling.com/files/media/documents/resume.md"
-						target="_blank" rel="noopener noreferrer"
-					>
-						[Markdown] | Direct Download
-					</a>
-				</li></ul>
-				-->
 			</div>
 		</div>
-
 <?php
 	include "helpers/body_close.php";
 ?>

pages/subpages/home/announcements.php

@@ -0,0 +1,109 @@
+#!/usr/bin/php
+<?php
+	$long = true;
+?>
+		<div class="row" id="obtainium">
+			<h2 class="col-12 header">Announcements</h2>
+		</div>
+
+		<div class="row">
+			<div class="col-12 text">
+				<strong><a href="/freedom/">2025-09-28</a></strong>
+				<p>
+					I wrote another short free eBook, "Voluntary Sovereignty", check it out
+					<a href="/freedom/">here</a>!
+				</p>
+				<?php	if ($long) echo "
+				<p>
+					It discusses how to live in order to create a truly free society,
+					as well as how to conduct oneself in today's authoritarian system.
+				</p>
+				<p>
+					Learn what your rights are and how to avoid being harassed by
+					order followers while living how you were meant to be on the Earth.
+				</p>
+				";?>
+				<p>
+					<a href="https://odysee.com/@HyperVegan:2/20251003-Announcements:0"
+						target="_blank" rel="noopener noreferrer"
+					>Watch the announcement here | (HyperVegan: "Announcements: Skipped Midfest, Voluntary Sovereignty eBook, CheapRVLiving Interview")</a>
+				</p>
+			</div>
+		</div>
+
+		<div class="row">
+			<div class="col-12 text">
+				<strong><a href="/apps/#expense">2025-03-27</a></strong>
+				<p>
+					My new Android app
+					<a href="/apps/#expense">"Expense Tracker"</a>
+					has been completed!
+				</p>
+				<?php	if ($long) echo "
+				<p>
+					It allows for tracking recurring expenses against income and static assets,
+					helping plan for financial planning and savings goals.
+				</p>
+				<p>
+					This is my first app developed using the Flutter framework.
+				</p>
+				";?>
+				<p>
+					<a href="https://odysee.com/@HyperVegan:2/20250402-HyperVegan-ExpenseTrackerApp:4"
+						target="_blank" rel="noopener noreferrer"
+					>Watch the announcement here | (HyperVegan: "Expense Tracker App")</a>
+				</p>
+			</div>
+			</a>
+		</div>
+
+		<div class="row">
+			<div class="col-12 text">
+				<strong><a href="/health/">2024-03-07</a></strong>
+				<p>
+					Find my free eBook, "Hyperling's Health Protocol",
+					<a href="/health/">here</a>!
+				</p>
+				<?php	if ($long) echo "
+				<p>
+					It contains a summary of my favorite and most useful lifestyle advice.
+				</p>
+				<p>
+					These range across the basics of food / water / sleep / exercise
+					as well as less discussed topics of environment and positivity.
+				</p>
+				<p>
+					Reverse chronic disease and live your life full of energy and abundance!
+				</p>
+				";?>
+				<p>
+					<a href="https://odysee.com/@HyperVegan:2/20240306_MyHealthProtocol-Book:9"
+						target="_blank" rel="noopener noreferrer"
+					>Watch the announcement here | (HyperVegan: "My Health Protocol | eBook")</a>
+				</p>
+			</div>
+		</div>
+
+		<div class="row">
+			<div class="col-12 text">
+				<strong><a href="/apps/#tictactoe">2024-03-31</a></strong>
+				<p>
+					There's a new app in town,
+					<a href="/apps/#tictactoe">Tic-Tac-Toe</a>!
+				</p>
+				<?php	if ($long) echo "
+				<p>
+					This was written to learn Kotlin style Android programming.
+				</p>
+				<p>
+					It allows playing against a range of automated opponents,
+					as well as a local human player!
+				</p>
+				";?>
+				<p>
+					<a href="https://odysee.com/@HyperVegan:2/20240401_NewYearNewApp:1"
+						target="_blank" rel="noopener noreferrer"
+					>Watch the announcement here | (HyperVegan: "New Year, New App")</a>
+				</p>
+			</div>
+		</div>

pages/subpages/home/apps.php

@@ -1,222 +0,0 @@
-#!/usr/bin/php
-		<div class="row" id="experience">
-			<h2 class="col-12 header">My Profession</h2>
-		</div>
-		<div class="row">
-			<div class="col-12 text">
-				<p>
-					I'm a professional software engineer who's been playing with
-					Linux system administration from a young age. Much of my career
-					has focused on back-end / database systems and optimizing
-					workflows. In my free time I enjoy learning new languages and
-					writing apps for Android.
-				</p>
-				<!--<p><a href="/resume/">My resume can be found here</a>.</p>-->
-			</div>
-		</div>
-
-		<div class="row" id="programs">
-			<h2 class="col-12 header">Public Programs</h2>
-		</div>
-		<div class="row">
-			<div class="col-12 text">
-				<p>
-					Please feel welcome to use any of my free software below.
-				</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">
-					<figure>
-						<img class="app-icon" loading="lazy" alt=""
-							src="/files/media/icons/expense.png"
-						>
-						<figcaption>
-							Recurring Expense Tracker
-						</figcaption>
-					</figure>
-				</a>
-				<p>
-					Keep track of repeating expenses and
-					view projections of their effect on your finances.
-					First app written with Flutter.
-				</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"
-						target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
-				</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=""
-							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=""
-							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">
-				<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
-					target="_blank" rel="noopener noreferrer"
-				>
-					<figure>
-						<img class="app-icon" loading="lazy" alt=""
-							src="/files/media/icons/infinitetimer.png"
-						>
-						<figcaption>
-							Infinite Timer
-						</figcaption>
-					</figure>
-				</a>
-				<p>
-					Play a notification at your chosen interval.
-				</p>
-				<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/"
-						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>]
-				</p>
-				<!--<p>
-					<s>
-						[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
-					</s>
-				</p>-->
-			</div>
-
-			<div class="col-12 text border" id="sleep">
-				<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
-					target="_blank" rel="noopener noreferrer">
-					<figure>
-						<img class="app-icon" loading="lazy" alt=""
-							src="/files/media/icons/t45mr.png"
-						>
-						<figcaption>
-							45 Minute Rule
-						</figcaption>
-					</figure>
-				</a>
-				<p>
-					Determine a good bedtime for waking during light sleep.
-				</p>
-				<p>
-					<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule"
-						target="_blank" rel="noopener noreferrer">Play Store</a>]-->
-					[<a href="https://git.hyperling.com/me/android-45-minute-rule/"
-						target="_blank" rel="noopener noreferrer">Source Code</a>]
-					[<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">
-				<a href="https://git.hyperling.com/me/android-hypergames/releases"
-					target="_blank" rel="noopener noreferrer"
-				>
-					<figure>
-						<img class="app-icon" loading="lazy" alt=""
-							src="/files/media/icons/hypergames.png"
-						>
-						<figcaption>
-								HyperGames
-						</figcaption>
-					</figure>
-				</a>
-				<p>
-					Started as a fun project for learning.
-					Playable but unfinished.
-				</p>
-				<p>
-					<!--[<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
-						target="_blank" rel="noopener noreferrer">Play Store</a>]-->
-					[<a href="https://git.hyperling.com/me/android-hypergames/"
-						target="_blank" rel="noopener noreferrer">Source Code</a>]
-					[<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">
-			<h3 class="col-12 header">Other Programs</h3>
-		</div>
-		<div class="row">
-			<div class="col-12 text">
-				<p>
-					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>.
-				</p>
-			</div>
-		</div>

pages/subpages/support/donate.php

@@ -50,7 +50,7 @@
 						<code>me@hyperling.com</code>
 						<br>
 						<br>
-						<img src="/files/media/icons/zelle.png" alt="">
+						<img src="/files/media/icons/zelle.png" alt="<<zelle.png>>">
 					</div>
 					<br>
 

pages/support.php

@@ -8,19 +8,21 @@
 	}
 	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="">
+				<img src="/files/media/icons/support.jpg" alt="<<support.jpg>>">
 			</div>
-			<div class="col-12 text center">
+			';?>
+			<div class="col-12 header center">
 				<p>
 					Anything is very much appreciated!! Thank you for considering me!
 				</p>
 			</div>
 		</div>
-
 <?php
 	include "subpages/support/donate.php";
 	// 2025-01-04 Not really looking for this type of thing.

run.sh

@@ -4,8 +4,14 @@
 
 ## Setup ##
 
-DIR=`dirname $0`
+DIR="$(dirname -- "${BASH_SOURCE[0]}")"
-PROG=`basename $0`
+PROG="$(basename -- "${BASH_SOURCE[0]}")"
+
+# Ensure we are executing from this file's directory.
+cd $DIR
+DIR="`pwd`"
+NAME="'$DIR/$PROG'"
+echo $NAME
 
 ## Functions ##
 
@@ -26,6 +32,22 @@ function log {
 	echo -e "`date` - $message"
 }
 
+log "Local process information:"
+ps $$
+function check_main {
+	if [[ -z "$1" ]]; then
+		echo "ERROR: Subprocess name was not provided. $1"
+		exit 0
+	fi
+	log "Subprocess '$1' checking if main process is still running..."
+	ps $$ >/dev/null
+	status=$?
+	if [[ $status != 0 ]]; then
+		log "Process '$$' not found, '$1' from '$DIR/$PROG' exiting."
+		exit 0
+	fi
+}
+
 ## Parameters ##
 
 while getopts ':p:h' opt; do
@@ -47,27 +69,39 @@ fi
 
 ## Build Environment ##
 
-# Ensure we are executing from this file's directory.
-cd $DIR
-
 sudo=""
+if [[ -z $LOGNAME ]]; then
+	LOGNAME="`whoami`"
+fi
 if [[ $LOGNAME != "root" ]]; then
 	log "Using sudo since user is '$LOGNAME'."
 	sudo="sudo"
 fi
 
 log "Check if any system dependencies need installed."
+progs=""
 if [[ ! `which php` ]]; then
 	echo "- Installing PHP"
-	$sudo apt-get install -y php-cli
+	progs="$progs php-cli"
 fi
 if [[ ! `which node` ]]; then
 	echo "- Installing Node"
-	$sudo apt-get install -y nodejs
+	progs="$progs nodejs"
 fi
 if [[ ! `which npm` ]]; then
 	echo "- Installing NPM"
-	$sudo apt-get install -y npm
+	progs="$progs npm"
+fi
+if [[ ! `which curl` ]]; then
+	echo "- Installing Curl"
+	progs="$progs curl"
+fi
+if [[ ! `which ps` ]]; then
+	echo "- Installing PS"
+	progs="$progs procps"
+fi
+if [[ -n "$progs" ]]; then
+	$sudo apt-get install -y $progs
 fi
 
 # Directories and allowed page types are executable, others are not.
@@ -88,15 +122,17 @@ npm install
 log "Removing old index files."
 find files/photos/ -name "*".html -print -delete
 {
+	check_main photos
 	count=1
 	http_code=0
 	port="${ports%% *}"
 	photos_uri=":$port/photos/"
+	beg_time="$SECONDS"
 	while [[ $http_code != "200" ]]; do
 		log "Sleeping for '$count' while waiting for $photos_uri to come up."
 		sleep $count
 		log "Checking if $photos_uri is available."
-		http_code="`curl --silent --fail --w '\n%{http_code}' localhost$photos_uri | tail -n 1`"
+		http_code="`curl --silent --fail -w '\n%{http_code}' localhost$photos_uri | tail -n 1`"
 		log "Check for $photos_uri responded with '$http_code'."
 		if (( $count >= 10 )); then
 			log "Giving up on loading $photos_uri after '$count' attempts."
@@ -105,16 +141,28 @@ find files/photos/ -name "*".html -print -delete
 			count=$(( count + 1 ))
 		fi
 	done
-	log "Finished checking for /photos/."
+	end_time="$SECONDS"
+	time="$(( $end_time - $beg_time ))"
+	log "Finished checking for /photos/ after '$time' seconds."
 } &
 
 ## Main ##
 
+log "Start local cronjob."
+while true; do
+	check_main cronjob
+	$DIR/cronjob.sh
+	sleep 30
+done &
+
 log "Start website API."
 node ./main.js $ports
 status=$?
 
 ## Finish ##
 
+log "Kill spawned processes."
+pkill -eP $$
+
 log "Exiting with status '$status'."
 exit $status