Skip to content

Commit afbead9

Browse files
committed
Anniversary changes (1)
1 parent 70ca6dd commit afbead9

3 files changed

Lines changed: 123 additions & 4 deletions

File tree

index.html

Lines changed: 71 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,26 @@
1616
<meta charset="UTF-8" />
1717
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
1818

19-
<img src="logo.png" alt="Logo" style="width: 200px; height: 200px; border-radius: 10px;">
19+
<!-- <img src="logo.png" alt="Logo" style="width: 200px; height: 200px; border-radius: 10px;"> -->
20+
<img
21+
src="logo.png"
22+
alt="HellenicDev Logo"
23+
class="logo"
24+
onclick="showThankYou()"
25+
style="cursor: pointer;"
26+
>
27+
28+
29+
<!-- ANNIVERSARY -->
30+
<p id="hidden-thanks" style="display:none; font-size:22px; text-align:center; margin-top:40px;">
31+
Thank you for supporting HellenicDev 💙
32+
</p>
33+
34+
<!--<div id="plane-container">
35+
<img src="plane.png" alt="Plane" id="plane">
36+
<div id="plane-message">1 YEAR HELLENICDEV</div>
37+
</div> -->
38+
2039

2140
<title>HellenicDev</title>
2241

@@ -44,6 +63,7 @@ <h2>🎉 Happy New Year 2026!</h2>
4463
document.cookie = `utm_source=${utmSource}; path=/; max-age=2592000`; // 30 days
4564
</script>
4665
<!-- SCRIPT END-->
66+
4767
<script src="https://cdn.logwork.com/widget/countdown.js"></script>
4868
<a href="https://logwork.com/countdown-timer" class="countdown-timer" data-timezone="Europe/Athens" data-textcolor="#ffffff" data-date="2026-03-28 00:00" data-background="#19336e" data-digitscolor="#ffffff" data-unitscolor="#ffffff">Days until anniversary</a>
4969

@@ -69,7 +89,6 @@ <h2>🎉 Happy New Year 2026!</h2>
6989

7090
</script>
7191

72-
<body>
7392
<!-- IMPORTANT!!! ANNIVERSARY VIDEO::
7493
<video width="640" height="360" controls>
7594
<source src="video.mp4" type="video/mp4" />
@@ -79,13 +98,15 @@ <h2>🎉 Happy New Year 2026!</h2>
7998

8099
<h1>HellenicDev</h1>
81100
<h4>Hello! My name is Panos, AKA HellenicDev. I'm passionate about programming and love exploring different languages and technologies. I've created several projects so far—and many more are on the way! You can find a few of them listed below. Enjoy!</h4>
82-
101+
<h4> Thank you for being part of HellenicDev.
102+
What started as a personal passion for programming has grown into something bigger thanks to everyone who visits, explores, and supports this journey.
103+
Here’s to learning, building, and innovating — together. 🚀</h4>
83104
<h2>My Projects:</h2>
84105

85106
<div class="game-list">
86107
<div class="game-card">
87108
<a href="./codriver/frontend/index.html">
88-
<h3>Codriver</h3>
109+
<h3>⭐ Featured • Codriver</h3>
89110
<p>An AI-powered assistant. It has games, jokes, riddles, and more.</p>
90111
<p class="last-updated" data-meta="codriver/meta.json">
91112
Checking last update...
@@ -157,6 +178,15 @@ <h3>Currency Converter</h3>
157178
</div>
158179
</div>
159180
</div>
181+
<section class="coming-next">
182+
<h2>What’s Coming Next</h2>
183+
<ul>
184+
<li>🚀 New interactive projects & experiments</li>
185+
<li>🎨 UI and performance improvements</li>
186+
<li>🛠️ More developer tools</li>
187+
<li>💡 Community-driven ideas</li>
188+
</ul>
189+
</section>
160190

161191
<!-- reCAPTCHA-Protected Google Form -->
162192

@@ -1206,6 +1236,43 @@ <h3> HOW TO VOTE: </h3>
12061236
</script>
12071237

12081238
<!-- SCRIPT END -->
1239+
<!-- ANNIVERSARY -->
1240+
<script>
1241+
(function () {
1242+
let typed = "";
1243+
const secret = "HELLENICDEV";
1244+
const message = document.getElementById("hidden-thanks");
1245+
let triggered = false;
1246+
1247+
document.addEventListener("keydown", (e) => {
1248+
if (triggered) return;
1249+
1250+
// Ignore non-character keys
1251+
if (e.key.length !== 1) return;
1252+
1253+
typed += e.key.toUpperCase();
1254+
typed = typed.slice(-secret.length);
1255+
1256+
if (typed === secret) {
1257+
message.style.display = "block";
1258+
triggered = true;
1259+
}
1260+
});
1261+
})();
1262+
</script>
1263+
1264+
<script>
1265+
function showThankYou() {
1266+
const msg = document.getElementById("hidden-thanks");
1267+
msg.style.display = "block";
1268+
}
1269+
</script>
1270+
1271+
1272+
1273+
1274+
1275+
12091276

12101277
</body>
12111278
</html>

plane.png

9.47 KB
Loading

style.css

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -126,3 +126,55 @@ iframe {
126126
color: #19336e;
127127
font-weight: 600;
128128
}
129+
130+
.coming-next {
131+
margin-top: 3rem;
132+
text-align: center;
133+
}
134+
135+
.coming-next ul {
136+
list-style: none;
137+
padding: 0;
138+
}
139+
140+
.coming-next li {
141+
margin: 0.5rem 0;
142+
color: #ccc;
143+
}
144+
145+
/* #plane-container {
146+
position: fixed;
147+
top: 20%;
148+
left: -300px; start off-screen
149+
display: flex;
150+
align-items: center;
151+
gap: 10px;
152+
animation: fly-across 10s linear infinite;
153+
z-index: 9999;
154+
}
155+
156+
#plane {
157+
width: 80px;
158+
}
159+
160+
#plane-message {
161+
background: white;
162+
padding: 6px 10px;
163+
border-radius: 6px;
164+
font-family: sans-serif;
165+
font-size: 14px;
166+
white-space: nowrap;
167+
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
168+
}
169+
170+
@keyframes fly-across {
171+
from {
172+
transform: translateX(0);
173+
}
174+
to {
175+
transform: translateX(calc(100vw + 600px));
176+
}
177+
}
178+
*/
179+
180+
/* !!! ANNIVERSARY STYLE */

0 commit comments

Comments
 (0)