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

#!/usr/bin/php
		<div class="row" id="programs">
			<h2 class="col-12 header">My Public Programs</h2>
		</div>
		<div class="row">
			<div class="col-12 text">
				<p>
					I write free software! Please feel welcome to browse and use anything I have created.
				</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="https://files.hyperling.com/media/ctfu.png" 
						/>
						<figcaption>
							<p>Carb Up! BETA</p>
						</a>
						<p>
							Calculate cost-effectiveness of 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://files.hyperling.com/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="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="https://files.hyperling.com/media/t45mr.png"
						/>
						<figcaption>
							<p>45 Minute Rule</p>
						</a> 
						<p>
							Determine when to go to bed if you'd like to wake up 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://files.hyperling.com/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="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="https://files.hyperling.com/media/infinitetimer.png" 
						/>
						<figcaption>
							<p>Infinite Timer</p>
						</a>
						<p>
							Play your notification sound at your chosen Hour:Minute:Second 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://files.hyperling.com/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 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="https://files.hyperling.com/media/hypergames.png" 
						/>
						<figcaption>
							<p>
								HyperGames
							</p>
						</a> 
						<p>
							Began developing some games for fun. Not near a finished state, but "playable".
						</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://files.hyperling.com/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 programs including my Ansible automation,
					Docker setup, source code for this website, and fun projects 
					like an obfuscating editor and music fixer, check out 
					<a href="https://github.com/Hyperling" target="_blank">My Github</a>.
				</p>
			</div>
		</div>