Skip to content

Commit 509b7be

Browse files
authored
Project tags update
Project tags update
2 parents a2a3b11 + 63a0877 commit 509b7be

10 files changed

Lines changed: 88 additions & 3 deletions

File tree

budget-tracker/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8" />
916
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
1017
<title>Budget Tracker</title>

clicker-game/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8">
916
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1017
<title>Clicker Simulation Game</title>

codriver/frontend/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8" />
916
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
1017
<title>Codriver - Your AI-powered Assistant</title>

currency-converter/templates/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8">
916
<title>Currency Converter</title>
1017
<meta name="viewport" content="width=device-width, initial-scale=1">

dodge-and-survive/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8" />
916
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
1017
<title>Dodge & Survive</title>

e-table/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8">
916
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1017
<title>Restaurant Reservation</title>

index.html

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -127,6 +127,7 @@ <h2>My Projects:</h2>
127127

128128
<div class="game-list">
129129
<div class="game-card">
130+
<!--<span class="new-tag">UPDATED!</span>-->
130131
<a href="./codriver/frontend/index.html">
131132
<h3>⭐ Featured • Codriver</h3>
132133
<p>An AI-powered assistant. It has games, jokes, riddles, and more.</p>
@@ -136,6 +137,7 @@ <h3>⭐ Featured • Codriver</h3>
136137
</a>
137138
</div>
138139
<div class="game-card">
140+
<!--<span class="new-tag">NEW!</span>-->
139141
<a href="./clicker-game/index.html">
140142
<h3>Clicker Game</h3>
141143
<p>A simple incremental game where every click counts. Watch your score rise!</p>
@@ -145,6 +147,7 @@ <h3>Clicker Game</h3>
145147
</a>
146148
</div>
147149
<div class="game-card">
150+
<!--<span class="new-tag">UPDATED!</span>-->
148151
<a href="./budget-tracker/index.html">
149152
<h3>Budget Tracker</h3>
150153
<p>Track your income and expenses with ease. Great for personal finance planning (data saved in browser cookies).</p>
@@ -154,6 +157,7 @@ <h3>Budget Tracker</h3>
154157
</a>
155158
</div>
156159
<div class="game-card">
160+
<!--<span class="new-tag">UPDATED!</span>-->
157161
<a href="./the-quiz/index.html">
158162
<h3>The Quiz</h3>
159163
<p>Test your knowledge in various subjects. Fun and educational quiz app!</p>
@@ -163,6 +167,7 @@ <h3>The Quiz</h3>
163167
</a>
164168
</div>
165169
<div class="game-card">
170+
<!--<span class="new-tag">UPDATED!</span>-->
166171
<a href="./e-table/index.html">
167172
<h3>E-table</h3>
168173
<p>A mock app. Supposed to be a platform where you can reserve a table at a restaurant.</p>
@@ -172,6 +177,7 @@ <h3>E-table</h3>
172177
</a>
173178
</div>
174179
<div class="game-card">
180+
<!--<span class="new-tag">UPDATED!</span>-->
175181
<a href="./dodge-and-survive/index.html">
176182
<h3>Dodge & Survive</h3>
177183
<p>A fast-paced arcade game where you dodge enemies and try to survive as long as possible.</p>
@@ -181,6 +187,7 @@ <h3>Dodge & Survive</h3>
181187
</a>
182188
</div>
183189
<div class="game-card">
190+
<span class="new-tag">UPDATED!</span>
184191
<a href="./the-sound-quiz/index.html">
185192
<h3>The Sound Quiz</h3>
186193
<p>A simple quiz. You hear sounds and you have to guess them.</p>
@@ -190,6 +197,7 @@ <h3>The Sound Quiz</h3>
190197
</a>
191198
</div>
192199
<div class="game-card">
200+
<span class="new-tag">UPDATED!</span>
193201
<a href="https://currency-converter-7fmk.onrender.com">
194202
<h3>Currency Converter</h3>
195203
<p>A currency converter with all major currencies.</p>
@@ -199,14 +207,16 @@ <h3>Currency Converter</h3>
199207
</a>
200208
</div>
201209
<div class="game-card">
210+
<span class="new-tag">NEW!</span>
202211
<a href="https://niobic-omari-boastingly.ngrok-free.dev/radio.mp3">
203212
<h3>Pi Radio</h3>
204-
<p>A 24/7 internet radio station hosted on a Raspberry Pi 5.</p> <!-- QUICK NOTE: If it doesn't work, try reloading the site and quickly pressing the play button again-->
213+
<p>A 24/7 internet radio station hosted on a Raspberry Pi 5.</p>
205214
</a>
206215
</div>
207216
</div>
208217
</div>
209-
218+
<!-- "New" tag style-->
219+
210220
<h2> NEW! AI-powered agent </h2>
211221
<iframe title="AI Agent" src="https://app.supportfast.ai/chatbot-iframe/bot-09dcew6lcq" width="100%" height="600px"></iframe>
212222

style.css

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,7 @@ h2 {
4848
}
4949

5050
.game-card {
51+
position: relative; /* ensures new-tag stays inside card */
5152
background: #222;
5253
padding: 1rem;
5354
border-radius: 10px;
@@ -61,6 +62,7 @@ h2 {
6162
}
6263

6364
.game-card a {
65+
display: block; /* ensures absolute positioning works relative to card */
6466
text-decoration: none;
6567
color: #00aaff;
6668
font-weight: bold;
@@ -141,6 +143,23 @@ iframe {
141143
margin: 0.5rem 0;
142144
color: #ccc;
143145
}
146+
147+
/* NEW! tag for game cards */
148+
.game-card .new-tag {
149+
position: absolute;
150+
top: 10px;
151+
left: 10px; /* top-left corner */
152+
background-color: red;
153+
color: white;
154+
font-size: 0.75rem; /* smaller font to fit nicely */
155+
font-weight: bold;
156+
padding: 2px 6px;
157+
border-radius: 4px;
158+
z-index: 10;
159+
letter-spacing: 1px;
160+
text-transform: uppercase;
161+
}
162+
144163
/* SECRET7 */
145164
/* #plane-container {
146165
position: fixed;
@@ -177,4 +196,4 @@ iframe {
177196
}
178197
*/
179198

180-
/* !!! ANNIVERSARY STYLE */
199+
/* !!! ANNIVERSARY STYLE */

the-quiz/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8">
916
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1017
<title>The Quiz</title>

the-sound-quiz/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@
55
<meta name="theme-color" content="#19336e"/>
66
<html lang="en">
77
<head>
8+
<script>
9+
window.dataLayer = window.dataLayer || [];
10+
function gtag(){dataLayer.push(arguments);}
11+
gtag('js', new Date());
12+
13+
gtag('config', 'G-9FWQFZME3Z');
14+
</script>
815
<meta charset="UTF-8">
916
<title>Sound Quiz</title>
1017
<link rel="stylesheet" href="style.css">

0 commit comments

Comments
 (0)