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.
This commit is contained in:
Hyperling 2024-05-16 09:58:55 -07:00 committed by GitHub
parent 8bf7981b90
commit 7d5cff9c67
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 28 additions and 23 deletions

View File

@ -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>
<a href="/health/">
<div class="col-12 text">
<u>2024-03-07</u>
<u class="orange">2024-03-07</u>
<br/>
Find my free new eBook, "Hyperling's Health Protocol",
<a href="/health/">here</a>!
<u class="orange">here</u>!
</div>
<div class="col-12 text">
</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>

View File

@ -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 {
/*background-color: #113311;*/
background-color: #222222;
.green {
color: #33CC33;
}
.title {
background-color: #111111;
}
.header {
background-color: #222222;
}
.text {
background-color: #333333;
}

View File

@ -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 text center">
<div class="col-12" id="tictactoe">
<div class="row center">
<div class="col-12 text" 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="col-6" id="ctfu">
<div class="row center">
<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="col-6" id="sleep">
<div class="row center">
<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"