Skip to content

Commit d953f29

Browse files
hellenicdevhellenicdev
committed
Major & minor UI improvements
1 parent 509b7be commit d953f29

4 files changed

Lines changed: 86 additions & 82 deletions

File tree

‎404.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,13 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
<script>
5+
window.dataLayer = window.dataLayer || [];
6+
function gtag(){dataLayer.push(arguments);}
7+
gtag('js', new Date());
8+
9+
gtag('config', 'G-9FWQFZME3Z');
10+
</script>
411
<meta charset="UTF-8">
512
<title>Page Not Found</title>
613
<style>

‎index.html‎

Lines changed: 16 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -287,6 +287,12 @@ <h2 style="text-align:center; margin-top:40px;">Contact Me</h2>
287287
<a href="https://invite.viber.com/?g2=AQAgg8gST0QlllYfwbe6OjAd1xzo4ezOXxCHX4yh03u0ZSgOXVJksWXm59E6Phz2" aria-label="Viber" target="_blank" style="margin:0 10px; color:#7360F2; font-size:30px;">
288288
<i class="fa-brands fa-viber"></i>
289289
</a>
290+
<a href="https://hellenicdev.substack.com"
291+
aria-label="Substack"
292+
target="_blank"
293+
style="margin:0 10px; display:inline-block;">
294+
</a>
295+
</a>
290296
</div>
291297

292298
<!-- Popup Ad -->
@@ -1034,7 +1040,7 @@ <h2 style="text-align:center; margin-top:40px;">Contact Me</h2>
10341040

10351041
<div class="ml-form-embedContent" style=" ">
10361042

1037-
<h5>New Hellenicdev Newsletter!</h5>
1043+
<h4>New Hellenicdev Newsletter!</h4>
10381044
<p>Sign up for news and project updates!</p>
10391045

10401046
</div>
@@ -1172,85 +1178,16 @@ <h4>Thank you!</h4>
11721178
<!-- END OF NEWSLETTER -->
11731179

11741180
<h2> HellenicDev Updates: </h2>
1175-
<footer>
1176-
<p style="font-size: 30px;"> I'm currently preparing for March. For those who don't know, 27 of March is the anniversary of HellenicDev. I would appreciate your opinion on the following: </p>
1177-
1178-
<p style="font-size: 30px;"> 1.Sora AI video: </p>
1179-
<iframe loading="lazy" title="Sora AI video" width="560" height="315" src="https://www.youtube.com/embed/gJ9Liw12lZM?si=9DAoc0NPtVh7ajU8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1180-
1181-
<p style="font-size: 30px;"> 2. Promotional image: </p>
1182-
<img
1183-
src="promotional-image.webp"
1184-
width="512"
1185-
height="768"
1186-
alt="1 Year anniversary image"
1187-
loading="lazy"
1188-
decoding="async"
1189-
/>
1190-
1191-
1192-
<p style="font-size: 30px;"> 3. 📣 HellenicDev Bug Hunt — 1-Year Anniversary Special!</p> <br>
1193-
1194-
1195-
1196-
</p> <p style="font-size: 20px;"><br>Every day for the next 7 days, I will post one coding bug / puzzle in my Discord server.
1197-
1198-
<br>Solve it first → you get a big shoutout + your name added to the Hall of Fame!
1199-
1200-
1201-
<br>⏳ Languages will include JavaScript, Python, HTML/CSS, C, and fun trick questions.
1202-
1203-
<br>🏆 Difficulty increases each day
1204-
1205-
<br>Only the first correct solver gets the shoutout </p>
1206-
1207-
1208-
<p style="font-size: 20px;"><br>RULES:
1209-
The first correct answer gets the point
1210-
<br>You SHOULDN'T ChatGPT ANY of the questions. I know everyone will use it anyways, but this is a fun activity, not a competition. So please don't use it.
1211-
<br>You must explain why your answer is the correct one. </p>
1212-
<p style="font-size: 30px;"> 4. HellenicDev AI day </p>
1213-
<p style="font-size: 20px;">
1214-
For one day, I let server members: <!-- EDF7YH --> <br>
1215-
1216-
1217-
1218-
<br>ask coding questions
1219-
<br>submit project screenshots
1220-
<br>roast badly written code
1221-
<br>request a website UI redesign
1222-
<br>ask for a bot script or game idea </p>
1223-
<p style="font-size: 30px;">
1224-
5. Hidden Code Treasure Hunt </p>
1225-
<p style="font-size: 20px;"> I will hide 10 “flags” across:<br>
1226-
1227-
<br>my website
1228-
<br>Discord messages
1229-
<br>images
1230-
<br>announcements
1231-
<br>in JS console
1232-
<br>inside CSS comments<br>
1233-
1234-
<br>First person to collect all 10 wins.</p>
1235-
1236-
<p style="font-size: 30px;"> 6. HellenicDev Anniversary Website Mode </p>
1237-
<p style="font-size: 20px;"> I will add a “celebration mode” to my website for March only. </p>
1238-
1239-
<p style="font-size: 20px;">Ideas:<br>
1240-
1241-
<br>Confetti burst once a day
1242-
<br>Neon blue “1 YEAR” badge in the corner
1243-
<br>A floating message:
1244-
<br>“Thanks for being part of HellenicDev (March 2024 → March 2025)”
1245-
<br>A secret Easter egg: typing “happy birthday” opens a hidden animation</p>
1246-
1247-
<h3> HOW TO VOTE: </h3>
1248-
<p style="font-size: 20px;"> 1. React to my <a href="https://discord.com/channels/1316477019453657118/1319299499134287995/1446587745236553793">Discord post</a></p>
1249-
<p style="font-size: 20px;"> 2. Comment in my <a href="http://youtube.com/post/Ugkxh9NIOHk3Ha7niS-CRMTwDwMX6-vQoqVx?si=x17_sV2ZRl50m_fM">YouTube post</a> <br> (you can vote for multiple)</p>
1250-
<p style="font-size: 30px;"> Thank you so much for being a part of this journey!!</p>
1181+
<p class="announcement">
1182+
🚀 <strong>HellenicDev</strong> has launched a new project:
1183+
<a href="https://niobic-omari-boastingly.ngrok-free.dev/radio.mp3" target="_blank" class="link">Pi Radio</a>!
1184+
<br>
1185+
A 24/7 internet radio station powered by a Raspberry Pi 5.
1186+
<br>
1187+
🎧 Stay tuned — a fresh UI experience is currently in the works.
1188+
</p>
12511189
<!-- END OF UPDATES -->
1252-
</footer>
1253-
<a href="privacy-policy.html">Privacy Policy</a>
1190+
<a href="privacy-policy.html" class="link">Privacy Policy</a>
12541191

12551192
<!-- LAST UPDATED CHECK SCRIPT -->
12561193
<script>

‎privacy-policy.html‎

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,17 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
<script>
5+
window.dataLayer = window.dataLayer || [];
6+
function gtag(){dataLayer.push(arguments);}
7+
gtag('js', new Date());
8+
9+
gtag('config', 'G-9FWQFZME3Z');
10+
</script>
411
<meta charset="UTF-8">
512
<title>Privacy Policy</title>
613
<meta name="viewport" content="width=device-width, initial-scale=1">
14+
<link rel="stylesheet" href="style.css" />
715
<style>
816
body { max-width: 800px; margin: auto; padding: 20px; font-family: Arial, sans-serif; line-height: 1.6; }
917
h1 { text-align: center; }
@@ -126,8 +134,10 @@ <h2>10. Your Rights</h2>
126134
<p>You can exercise these rights by contacting us.</p>
127135

128136
<h2>11. Contact Information</h2>
129-
<p>For privacy-related questions, requests, or concerns, contact us via Discord:</p>
137+
<p>For privacy-related questions, requests, or concerns, contact us via:</p>
138+
<!--<p><strong>Discord:</strong> <a href="https://discord.com/users/USER_ID" class="link">hellenicdev</a></p>-->
130139
<p><strong>Discord:</strong> hellenicdev</p>
140+
<p><strong>Mail:</strong> <a href="mailto:ikonpanos@gmail.com" class="link">ikonpanos@gmail</a></p>
131141

132142
<h2>12. Changes to This Privacy Policy</h2>
133143
<p>
@@ -153,13 +163,13 @@ <h2>13. Trademark Notice </h2>
153163
padding: 10px 20px;
154164
font-size: 16px;
155165
cursor: pointer;
156-
background-color: #4CAF50;
166+
background-color: #19336e;
157167
color: white;
158168
border: none;
159169
border-radius: 5px;
160170
}
161171
button:hover {
162-
background-color: #45a049;
172+
background-color: #38bdf8;
163173
}
164174
</style>
165175
</body>

‎style.css‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,56 @@ iframe {
160160
text-transform: uppercase;
161161
}
162162

163+
.announcement {
164+
font-family: 'Segoe UI', Tahoma, sans-serif;
165+
background: linear-gradient(135deg, #0f172a, #1e293b);
166+
color: #e2e8f0;
167+
padding: 16px 20px;
168+
border-radius: 12px;
169+
max-width: 500px;
170+
line-height: 1.6;
171+
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
172+
}
173+
174+
.announcement a {
175+
color: #38bdf8;
176+
text-decoration: none;
177+
font-weight: 600;
178+
}
179+
180+
.announcement a:hover {
181+
/*text-decoration: underline;*/
182+
color: #7dd3fc;
183+
}
184+
185+
.link {
186+
font-family: 'Segoe UI', Tahoma, sans-serif;
187+
color: #38bdf8;
188+
text-decoration: none;
189+
font-weight: 500;
190+
position: relative;
191+
transition: color 0.3s ease;
192+
}
193+
194+
.link::after {
195+
content: '';
196+
position: absolute;
197+
width: 0;
198+
height: 2px;
199+
left: 0;
200+
bottom: -2px;
201+
background: #38bdf8;
202+
transition: width 0.3s ease;
203+
}
204+
205+
.link:hover {
206+
color: #7dd3fc;
207+
}
208+
209+
.link:hover::after {
210+
width: 100%;
211+
}
212+
163213
/* SECRET7 */
164214
/* #plane-container {
165215
position: fixed;

0 commit comments

Comments
 (0)