Add Tic-Tac-Toe App (#24)

* Add new app, Tic-Tac-Toe!

* Add new announcement, add dates for them, and change how the anchors are displayed.

* Add underlines. Much better!

* Remove excess newline.

* Remove comments for links which already exist.

pages/helpers/advisory.php

@@ -8,8 +8,17 @@
 				<h2><i>Announcements</i></h2>
 			</div>
 			<div class="col-12 text">
-				<a href="/health/">
+				<u>2024-03-07</u>
-					Find my free new eBook "Hyperling's Health Protocol" here!
+				<br/>
-				</a>
+				Find my free new eBook, "Hyperling's Health Protocol",
+				<a href="/health/">here</a>!
+			</div>
+			<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/subpages/home/apps.php

@@ -34,6 +34,30 @@
 			<h3 class="col-12 header">Android Apps</h3>
 		</div>
 
+		<div class="row text center">
+			<div class="col-12" id="tictactoe">
+				<figure>
+					<a href="/files/apks/TicTacToe.apk">
+						<img width="50%" height="50%" alt="tictactoe_image"
+							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="/files/apks/TicTacToe.apk">APK</a>]
+							[<a href="https://github.com/Hyperling/TicTacToeAndroid"
+								target="_blank" rel="noopener noreferrer">GitHub</a>]
+						</p>
+					</figcaption>
+				</figure>
+			</div>
+
 		<div class="row text center">
 			<div class="col-6" id="ctfu">
 				<figure>