Remove TTT Announcement, Fix UI Colors (#26)

* Remove TTT announcement.

* Fix background colors not breaking.

* Change the entire announcement to be a link, add classes for getting specific font colors, reorganize background classes.

pages/helpers/advisory.php

@@ -5,20 +5,22 @@
 
 		<div class="row center" id="advisory">
 			<div class="col-12 title">
-				<h2><i>Announcements</i></h2>
+				<i><h2>Announcements</h2></i>
 			</div>
-			<div class="col-12 text">
+			<a href="/health/">
-				<u>2024-03-07</u>
+				<div class="col-12 text">
-				<br/>
+					<u class="orange">2024-03-07</u>
-				Find my free new eBook, "Hyperling's Health Protocol",
+					<br/>
-				<a href="/health/">here</a>!
+					Find my free new eBook, "Hyperling's Health Protocol",
-			</div>
+					<u class="orange">here</u>!
-			<div class="col-12 text">
+				</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>-->
 		</div>

pages/helpers/dark.css

@@ -7,23 +7,26 @@
 				color: #CCCCCC;
 			}
 
-			a {
+			a,.orange {
 				color: #FF9900
 			}
 
-			h1,h2,h3,h4,h5,h6 {
+			h1,h2,h3,h4,h5,h6,.purple {
 				color: #663399;
 			}
 
-			.header {
+			.green {
-				/*background-color: #113311;*/
+				color: #33CC33;
-				background-color: #222222;
 			}
 
 			.title {
 				background-color: #111111;
 			}
 
+			.header {
+				background-color: #222222;
+			}
+
 			.text {
 				background-color: #333333;
 			}

pages/subpages/home/apps.php

@@ -19,6 +19,7 @@
 				<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>
@@ -33,9 +34,8 @@
 		<div class="row" id="android">
 			<h3 class="col-12 header">Android Apps</h3>
 		</div>
-
+		<div class="row center">
-		<div class="row text center">
+			<div class="col-12 text" id="tictactoe">
-			<div class="col-12" id="tictactoe">
 				<figure>
 					<a href="/files/apks/TicTacToe.apk">
 						<img width="50%" height="50%" alt="tictactoe_image"
@@ -58,8 +58,8 @@
 				</figure>
 			</div>
 
-		<div class="row text center">
+		<div class="row center">
-			<div class="col-6" id="ctfu">
+			<div class="col-6 text" id="ctfu">
 				<figure>
 					<a href="https://play.google.com/store/apps/details?id=com.hyperling.carbupbeta"
 						target="_blank" rel="noopener noreferrer">
@@ -88,7 +88,7 @@
 				</figure>
 			</div>
 
-			<div class="col-6" id="timer">
+			<div class="col-6 text" id="timer">
 				<figure>
 					<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.infinitetimer"
 						target="_blank" rel="noopener noreferrer"
@@ -119,8 +119,8 @@
 			</div>
 		</div>
 
-		<div class="row text center">
+		<div class="row center">
-			<div class="col-6" id="sleep">
+			<div class="col-6 text" id="sleep">
 				<figure>
 					<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule"
 						target="_blank" rel="noopener noreferrer">
@@ -149,7 +149,7 @@
 				</figure>
 			</div>
 
-			<div class="col-6" id="games">
+			<div class="col-6 text" id="games">
 				<figure>
 					<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
 						target="_blank" rel="noopener noreferrer"