From 805b4ef8e0112d7e8bc409d13290b64a53536c0e Mon Sep 17 00:00:00 2001
From: Hyperling <me@hyperling.com>
Date: Sat, 17 May 2025 10:37:15 -0700
Subject: [PATCH] Update elements and classes for better consistency in
 preparation for font size change.

---
 pages/helpers/footer.php          |  18 +--
 pages/home.php                    |   2 +-
 pages/subpages/about/health.php   |   2 +
 pages/subpages/home/apps.php      | 214 +++++++++++++++---------------
 pages/subpages/support/donate.php |  21 +--
 5 files changed, 129 insertions(+), 128 deletions(-)

diff --git a/pages/helpers/footer.php b/pages/helpers/footer.php
index 565d695..4d47241 100755
--- a/pages/helpers/footer.php
+++ b/pages/helpers/footer.php
@@ -8,19 +8,19 @@
 
 		<div class="row" id="footer">
 			<div class="col-12 title center">
-				Have a Health or Freedom related project which could use my help?
-				<a href="mailto:me@hyperling.com">Please let me know</a>!
+				<p>
+					Have a Health or Freedom related project which could use my help?
+					<a href="mailto:me@hyperling.com">Please let me know</a>!
+				</p>
 			</div>
 		</div>
-		<div class="row">
-			<!--<div class="col-3"></div>-->
-			<h6 class="col-6 center">
+		<div class="row center">
+			<div class="col-6">
 				<a href="https://git.hyperling.com/me/nodejs-website/src/branch/main/LICENSE"
 					target="_blank" rel="noopener noreferrer"
 				>This website is free software! Click here to learn more.</a>
-			</h6>
-			<h6 class="col-6 center">
+			</div>
+			<div class="col-6">
 				<a href="/sitemap/">Full Site Map</a>
-			</h6>
-			<!--<div class="col-3"></div>-->
+			</div>
 		</div>
diff --git a/pages/home.php b/pages/home.php
index 4e8680f..2327f65 100755
--- a/pages/home.php
+++ b/pages/home.php
@@ -13,7 +13,7 @@
 			</div>
 		</div>
 		<div class="row">
-			<div class="col-12 text center">
+			<div class="col-12 text">
 				<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
diff --git a/pages/subpages/about/health.php b/pages/subpages/about/health.php
index ce60037..5c90161 100755
--- a/pages/subpages/about/health.php
+++ b/pages/subpages/about/health.php
@@ -12,12 +12,14 @@
 					I have not been sick since I cleaned up my lifestyle in 2014. No
 					colds, flus, fevers, etc. My suggestions for accomplishing this
 					are simple. Consistently:
+				</p>
 					<ul class="indent">
 						<li>eat enough clean food,</li>
 						<li>drink enough clean water,</li>
 						<li>get enough good sleep, and</li>
 						<li>enjoy a low-stress life.</li>
 					</ul>
+				<p>
 					Unfortunately our society today has many different views on how
 					to do these things, most of which I would say do not work. A
 					quick list of my protocol without getting too into the weeds can
diff --git a/pages/subpages/home/apps.php b/pages/subpages/home/apps.php
index 4eb7685..b03b762 100755
--- a/pages/subpages/home/apps.php
+++ b/pages/subpages/home/apps.php
@@ -39,22 +39,22 @@
 							src="/files/media/icons/expense.png"
 						/>
 						<figcaption>
-							<p>Recurring Expense Tracker</p>
-						</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>
-					</figcaption>
+							Recurring Expense Tracker
+						</figcaption>
+					</a>
 				</figure>
+				<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">
@@ -64,21 +64,21 @@
 							src="/files/media/icons/tictactoe.png"
 						/>
 						<figcaption>
-							<p>Tic-Tac-Toe</p>
-						</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>
-					</figcaption>
+							Tic-Tac-Toe
+						</figcaption>
+					</a>
 				</figure>
+				<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">
@@ -89,26 +89,26 @@
 							src="/files/media/icons/ctfu.png"
 						/>
 						<figcaption>
-							<p>Carb Up! BETA</p>
-						</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>-->
-					</figcaption>
+							Carb Up! BETA
+						</figcaption>
+					</a>
 				</figure>
+				<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">
@@ -120,26 +120,26 @@
 							src="/files/media/icons/infinitetimer.png"
 						/>
 						<figcaption>
-							<p>Infinite Timer</p>
-						</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>-->
-					</figcaption>
+							Infinite Timer
+						</figcaption>
+					</a>
 				</figure>
+				<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">
@@ -150,26 +150,26 @@
 							src="/files/media/icons/t45mr.png"
 						/>
 						<figcaption>
-							<p>45 Minute Rule</p>
-						</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>-->
-					</figcaption>
-				</figure>
+							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">
@@ -181,29 +181,27 @@
 							src="/files/media/icons/hypergames.png"
 						/>
 						<figcaption>
-							<p>
 								HyperGames
-							</p>
-						</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>
-					</figcaption>
+						</figcaption>
+					</a>
 				</figure>
+				<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>
 
diff --git a/pages/subpages/support/donate.php b/pages/subpages/support/donate.php
index ac7e5c7..013a167 100755
--- a/pages/subpages/support/donate.php
+++ b/pages/subpages/support/donate.php
@@ -7,8 +7,8 @@
 		<div class="row text">
 
 			<div class="col-4 center border">
-				<h3 class="title spacing">Preference 1 - Private Crypto</h3>
-				<p>Send me any type of coin.</p>
+				<strong class="spacing">Preference 1 - Private Crypto</strong>
+				<p>Send any type of coin.</p>
 				<div class="header">
 					<!-- https://trocador.app/en/anonpayurlgenerator -->
 					<iframe src="https://trocador.app/anonpay/?ticker_to=xmr&network_to=Mainnet&address=4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao&donation=True&amount=1337.0&name=Chad&description=Support+Chad+%40+Hyperling&email=me@hyperling,com&ticker_from=doge&network_from=Mainnet&buttonbgcolor=663399&textcolor=cccccc&bgcolor=" width="310" height="350" style="border:0" scrolling="no"></iframe>
@@ -16,8 +16,8 @@
 			</div>
 
 			<div class="col-4 center border">
-				<h3 class="title spacing">Preference 2 - Public Crypto</h3>
-				<p>Donate directly to my addresses.</p>
+				<strong class="spacing">Preference 2 - Public Crypto</strong>
+				<p>Donate directly to an address.</p>
 				<div class="header">
 					<br/>
 
@@ -26,7 +26,7 @@
 					<br/>
 
 					<strong><code>BTC | Bitcoin</code></strong>
-					<div class="code"><kbd>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</kbd></div>
+					<div class="code"><code>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</code></div>
 					<br/>
 
 					<strong><code>LTC | Litecoin</code></strong>
@@ -40,14 +40,14 @@
 			</div>
 
 			<div class="col-4 center border">
-				<h3 class="title spacing">Preference 3 - Public USD</h3>
+				<strong class="spacing">Preference 3 - Public USD</strong>
 				<p>Send USD to a fiat-based account.</p>
 				<div class="header">
 					<br/>
 
 					<strong><code>Zelle</code></strong>
 					<div class="code">
-						<kbd>me@hyperling.com</kbd>
+						<code>me@hyperling.com</code>
 						<br/>
 						<br/>
 						<img src="/files/media/icons/zelle.png">
@@ -56,14 +56,15 @@
 
 					<strong><code>Venmo</code></strong>
 					<div class="code">
-						<kbd>
+						<code>
 							@HyperVegan
 							<br/>
 							<br/>
-							<kbd>[<a href="https://account.venmo.com/u/HyperVegan"
+							<code>[<a href="https://account.venmo.com/u/HyperVegan"
 								target="_blank" rel="noopener noreferrer"
 							>Account Page</a>]
-						</kbd>
+							</code>
+						</code>
 					</div>
 					<br/>
 				</div>