nodejs-website/pages/subpages/home/apps.php

#!/usr/bin/php
		<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 free 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 text center">
			<div class="col-6" id="ctfu">
				<figure>
					<a href="https://play.google.com/store/apps/details?id=com.hyperling.carbupbeta"
						target="_blank" rel="noopener noreferrer">
						<img width="100%" height="100%" alt="ctfu_image"
							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="/files/apks/CarbUpBeta.apk">APK</a>]
						</p>
						<!--<p>
							TBD:
							<s>
								[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
								[<a target="_blank" rel="noopener noreferrer">Github</a>]
							</s>
						</p>-->
					</figcaption>
				</figure>
			</div>

			<div class="col-6" id="timer">
				<figure>
					<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.infinitetimer"
						target="_blank" rel="noopener noreferrer"
					>
						<img loading="lazy" width="100%" height="100%" alt="infinitetimer_image"
							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="/files/apks/InfiniteTimer.apk">APK</a>]
						</p>
						<!--<p>
							TBD:
							<s>
								[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
								[<a target="_blank" rel="noopener noreferrer">Github</a>]
							</s>
						</p>-->
					</figcaption>
				</figure>
			</div>
		</div>

		<div class="row text center">
			<div class="col-6" id="sleep">
				<figure>
					<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule"
						target="_blank" rel="noopener noreferrer">
						<img loading="lazy" width="100%" height="100%" alt="45minuterule"
							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="/files/apks/45MinuteRule.apk">APK</a>]
						</p>
						<!--<p>
							TBD:
							<s>
								[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
								[<a target="_blank" rel="noopener noreferrer">Github</a>]
							</s>
						</p>-->
					</figcaption>
				</figure>
			</div>

			<div class="col-6" id="games">
				<figure>
					<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
						target="_blank" rel="noopener noreferrer"
					>
						<img loading="lazy" width="100%" height="100%" alt="hypergames_image"
							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="/files/apks/HyperGames.apk">APK</a>]
						</p>
						<!--<p>
							TBD:
							<s>
								[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
								[<a target="_blank" rel="noopener noreferrer">Github</a>]
							</s>-->
						</p>
					</figcaption>
				</figure>
			</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://github.com/Hyperling" target="_blank">My Github</a>.
				</p>
			</div>
		</div>