Skip to content

Commit 2df729c

Browse files
hellenicdevhellenicdev
committed
Removal of inline scripts
1 parent 6373a2b commit 2df729c

2 files changed

Lines changed: 133 additions & 37 deletions

File tree

‎index.html‎

Lines changed: 31 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
77
<meta name="description" content="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!"/>
88
<meta name="keywords" content="HellenicDev, programming, HTML, CSS, JS, open-source, projects, web-developement, hellenic, dev, developer"/>
99
<meta name="author" content="HellenicDev"/>
@@ -47,14 +47,7 @@
4747

4848
<!-- <img src="logo.webp" alt="Logo" style="width: 200px; height: 200px; border-radius: 10px;"> -->
4949
<title>HellenicDev</title>
50-
51-
<div class="new-year-banner">
52-
<h2>🐇 Happy Easter!</h2>
53-
<p>
54-
May your Easter be blessed with happy feelings and
55-
memories full of joy!
56-
</p>
57-
</div>
50+
5851

5952
<!-- THE LAST UPDATED SCRIPT WAS HERE -->
6053
<link rel="preload" href="style.css" as="style">
@@ -66,6 +59,13 @@ <h2>🐇 Happy Easter!</h2>
6659

6760
</head>
6861
<body>
62+
<div class="new-year-banner">
63+
<h2>🐇 Happy Easter!</h2>
64+
<p>
65+
May your Easter be blessed with happy feelings and
66+
memories full of joy!
67+
</p>
68+
</div>
6969

7070
<div id="menuButton">➜</div>
7171

@@ -99,7 +99,7 @@ <h2>🐇 Happy Easter!</h2>
9999
>
100100

101101
<!-- ANNIVERSARY -->
102-
<p id="hidden-thanks" style="display:none; font-size:22px; text-align:center; margin-top:40px;">
102+
<p id="hidden-thanks" class="hidden-thanks">
103103
Thank you for supporting HellenicDev 💙
104104
</p>
105105

@@ -244,14 +244,14 @@ <h2 class="left-align">What’s Coming Next</h2>
244244
<div id="latest-upload" class="responsive-iframe">
245245
<h2 class="left-align"> My Latest Upload:</h2>
246246

247-
<iframe width="560" height="315" src="https://www.youtube.com/embed/99FexhxsXx8?si=EECWLqH3sD-nJGhr" title="YouTube video player" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="margin-top:60px;"></iframe>
247+
<iframe width="560" height="315" src="https://www.youtube.com/embed/99FexhxsXx8?si=EECWLqH3sD-nJGhr" title="YouTube video player" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="yt-iframe"></iframe>
248248
</div>
249249
<br><br><br><br>
250250
<div id="help-form">
251251
<h2 class="left-align">Website Building Help Form</h2>
252252

253253
<!-- Button protected by reCAPTCHA -->
254-
<div style="text-align:center; margin-bottom:20px;">
254+
<div class="captcha-button">
255255
<button
256256
class="g-recaptcha"
257257
data-sitekey="6LdQqgQsAAAAAHDzfByjOTasDsmSw2ourYoXoP2q"
@@ -263,7 +263,7 @@ <h2 class="left-align">Website Building Help Form</h2>
263263
</div>
264264
<!-- WWW -->
265265
<!-- Hidden form until reCAPTCHA passes -->
266-
<div id="form-container" style="display:none;" class="responsive-iframe">
266+
<div id="form-container" class="responsive-iframe">
267267
<iframe
268268
loading="lazy"
269269
title="Website Building Help form"
@@ -278,41 +278,35 @@ <h2 class="left-align">Website Building Help Form</h2>
278278
<div id="contact">
279279
<!-- Contact Icons -->
280280
<h2 class="left-align">Contact Me</h2>
281-
<div style="text-align:center; margin-bottom:40px;">
282-
<a href="mailto:ikonpanos@gmail.com" aria-label="Mail" target="_blank" style="margin:0 10px; color:#D44638; font-size:30px;">
283-
<i class="fa-solid fa-envelope"></i>
281+
<div class="contacts>
282+
<a href="mailto:ikonpanos@gmail.com" aria-label="Mail" target="_blank" class="contact-mail">
283+
<i class="fa-solid fa-envelope" aria-label="Mail"></i>
284284
</a>
285-
<a href="https://www.youtube.com/@hellenicdev?sub_confirmation=1" aria-label="YouTube" target="_blank" rel="noopener" style="margin:0 10px; color:#FF0000; font-size:30px;">
286-
<i class="fa-brands fa-youtube"></i>
285+
<a href="https://www.youtube.com/@hellenicdev?sub_confirmation=1" aria-label="YouTube" target="_blank" rel="noopener" class="contact-youtube">
286+
<i class="fa-brands fa-youtube" aria-label="YouTube"> </i>
287287
</a>
288-
<a href="https://github.com/hellenicdev" aria-label="Github" target="_blank" rel="noopener" style="margin:0 10px; color:#333333; font-size:30px;">
289-
<i class="fa-brands fa-github"></i>
288+
<a href="https://github.com/hellenicdev" aria-label="Github" target="_blank" rel="noopener" class="contact-github">
289+
<i class="fa-brands fa-github" aria-label="Github" ></i>
290290
</a>
291-
<a href="https://discord.gg/tHwtmrB9xw" aria-label="Discord" target="_blank" rel="noopener" style="margin:0 10px; color:#5865F2; font-size:30px;">
292-
<i class="fa-brands fa-discord"></i>
291+
<a href="https://discord.gg/tHwtmrB9xw" aria-label="Discord" target="_blank" rel="noopener" class="contact-discord">
292+
<i class="fa-brands fa-discord" aria-label="Discord"></i>
293293
</a>
294-
<a href="https://reddit.com/u/hellenicdev" aria-label="Reddit" target="_blank" rel="noopener" style="margin:0 10px; color:#FF4500; font-size:30px;">
295-
<i class="fa-brands fa-reddit"></i>
294+
<a href="https://reddit.com/u/hellenicdev" aria-label="Reddit" target="_blank" rel="noopener" class="contact-reddit">
295+
<i class="fa-brands fa-reddit" aria-label="Reddit"></i>
296296
</a>
297-
<a href="https://invite.viber.com/?g2=AQAgg8gST0QlllYfwbe6OjAd1xzo4ezOXxCHX4yh03u0ZSgOXVJksWXm59E6Phz2" aria-label="Viber" target="_blank" rel="noopener" style="margin:0 10px; color:#7360F2; font-size:30px;">
298-
<i class="fa-brands fa-viber"></i>
297+
<a href="https://invite.viber.com/?g2=AQAgg8gST0QlllYfwbe6OjAd1xzo4ezOXxCHX4yh03u0ZSgOXVJksWXm59E6Phz2" aria-label="Viber" target="_blank" rel="noopener" class="contact-viber">
298+
<i class="fa-brands fa-viber" aria-label="Viber"></i>
299299
</a>
300-
<a href="https://hellenicdev.substack.com"
301-
aria-label="Substack"
302-
style="margin:0 10px; display:inline-block;"
303-
target="_blank" rel="noopener">
304-
</a>
305300
</div>
306-
<iframe defer src="https://hellenicdev.substack.com/embed" width="480" height="320" style="border: 1px solid #EEE; background: white" frameborder="0" scrolling="no" loading="lazy"></iframe>
307-
301+
<iframe src="https://hellenicdev.substack.com/embed" width="480" height="320" class="contact-substack" frameborder="0" scrolling="no" loading="lazy"></iframe>
308302
</div>
309303

310304
<!-- Popup Ad -->
311-
<div id="popup-ad" style="display:none; position:fixed; bottom:20px; right:20px; width:300px; background:#fff; border:1px solid #000000; border-radius:8px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.2); font-family:sans-serif; color:black; z-index:9999;">
305+
<div id="popup-ad" class="popup-ad">
312306
<strong>Sponsored Offer - Accommodation in Corfu, Greece.</strong>
313307
<p>Nikoletta's Apartments. 9.6 Booking rating. Situated in Tzavros, Nikoleta's Corfu Apartment belongs to a block of houses which feature a large outdoor pool and a colorful garden full of flowers and trees. Set in a 8,000 m² area, the property offers fully equipped apartments with free WiFi access and shaded verandas overlooking the pool.</p>
314-
<a href="https://www.booking.com/Share-BN5noZ?utm_source=hellenicdev" target="_blank" rel="noopener" style="color:#007bff;">Check it out →</a>
315-
<button onclick="document.getElementById('popup-ad').style.display='none'" style="position:absolute; top:5px; right:10px; border:none; background:none; font-size:18px; cursor:pointer;">&times;</button>
308+
<a href="https://www.booking.com/Share-BN5noZ?utm_source=hellenicdev" target="_blank" rel="noopener" class="link" >Check it out →</a>
309+
<button onclick="document.getElementById('popup-ad').style.display='none'" class="popup-ad-1">&times;</button>
316310
</div>
317311

318312
<div id="newsletter">
@@ -1190,7 +1184,7 @@ <h2 class="left-align"> HellenicDev Updates: </h2>
11901184
<br><br><br><br><br><br>
11911185
<a href="privacy-policy.html" class="link">Privacy Policy</a>
11921186

1193-
<footer style="text-align:center; padding:20px; font-size:14px; color:gray;">
1187+
<footer class="footer">
11941188
© 2026 HellenicDev — All projects and content belong to HellenicDev.
11951189
</footer>
11961190

‎style.css‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -346,6 +346,7 @@ iframe {
346346
width: 100%;
347347
height: 0;
348348
padding-bottom: 56.25%; /* 16:9 ratio */
349+
display:none;
349350
}
350351

351352
.responsive-iframe iframe {
@@ -357,6 +358,107 @@ iframe {
357358
border: 0;
358359
}
359360

361+
.captcha-button {
362+
text-align:center;
363+
margin-bottom:20px;
364+
}
365+
366+
.contact-mail {
367+
margin:0 10px;
368+
color:#D44638;
369+
font-size:30px;
370+
}
371+
372+
.contact-youtube {
373+
margin:0 10px;
374+
color:#FF0000;
375+
font-size:30px;
376+
}
377+
378+
.contact-github {
379+
margin:0 10px;
380+
color:#333333;
381+
font-size:30px;
382+
}
383+
384+
.contact-discord {
385+
margin:0 10px;
386+
color:#5865F2;
387+
font-size:30px;
388+
}
389+
390+
.contact-reddit {
391+
margin:0 10px;
392+
color:#FF4500;
393+
font-size:30px;
394+
}
395+
396+
.contact-viber {
397+
margin:0 10px;
398+
color:#7360F2;
399+
font-size:30px;
400+
}
401+
402+
.contact-substack {
403+
border: 1px solid #EEE;
404+
background: white
405+
}
406+
407+
.popup-ad {
408+
display:none;
409+
position:fixed;
410+
bottom:20px;
411+
right:20px;
412+
width:300px;
413+
background:#fff;
414+
border:1px solid #000000;
415+
border-radius:8px;
416+
padding:15px;
417+
box-shadow:0 4px 12px rgba(0,0,0,0.2);
418+
font-family:sans-serif;
419+
color:black;
420+
z-index:9999;
421+
}
422+
423+
.popup-ad-1 {
424+
position:absolute;
425+
top:5px;
426+
right:10px;
427+
border:none;
428+
background:none;
429+
font-size:18px;
430+
cursor:pointer;
431+
}
432+
433+
.footer {
434+
text-align:center;
435+
padding:20px;
436+
font-size:14px;
437+
color:gray;
438+
}
439+
440+
.hidden-thanks {
441+
display:none;
442+
font-size:22px;
443+
text-align:center;
444+
margin-top:40px;
445+
}
446+
447+
.yt-iframe {
448+
margin-top:60px;
449+
}
450+
451+
.contacts {
452+
text-align:center;
453+
margin-bottom:40px;
454+
}
455+
456+
457+
458+
459+
460+
461+
360462
/* SECRET7 */
361463
/* #plane-container {
362464
position: fixed;

0 commit comments

Comments
 (0)