Merge branch 'main' of https://github.com/hellenicdev/hellenicdev.github.io

hellenicdev · hellenicdev · commit 57803619bee9 · 2026-03-17T20:36:41.000+02:00
diff --git a/index.html b/index.html
@@ -5,24 +5,51 @@
 <meta name="keywords" content="HellenicDev, programming, HTML, CSS, JS, open-source, projects, web-developement, hellenic, dev, developer"/>
 <meta name="author" content="HellenicDev"/>
 <meta name="theme-color" content="#19336e"/>
+<meta property="og:title" content="HellenicDev">
+<meta property="og:description" content="Programming projects, experiments, and tools by HellenicDev.">
+<meta property="og:image" content="https://hellenicdev.github.io/logo.webp">
+<meta property="og:url" content="https://hellenicdev.github.io">
+<meta property="og:type" content="website">
+<link rel="icon" type="image/png" href="/logo.webp">
 <link rel="preload" href="/style.css" as="style">
+<link rel="preconnect" href="https://www.googletagmanager.com">
+<link rel="preconnect" href="https://assets.mailerlite.com">
+<link rel="preconnect" href="https://cdn.supportfast.ai">
+<link rel="preconnect" href="https://www.youtube.com">
+
 <!-- Google tag (gtag.js) -->
+
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-9FWQFZME3Z"></script>
+
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@type": "Person",
+ "name": "HellenicDev",
+ "url": "https://hellenicdev.github.io",
+ "sameAs": [
+   "https://github.com/hellenicdev",
+   "https://youtube.com/@hellenicdev"
+ ]
+}
+</script>
+
+
 <script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());
 
   gtag('config', 'G-9FWQFZME3Z');
 </script>
-<script defer id="supportfast-script" src="https://cdn.supportfast.ai/chatbot.js" data-chatbot-id="bot-09dcew6lcq"></script>
+<script id="supportfast-script" src="https://cdn.supportfast.ai/chatbot.js" data-chatbot-id="bot-09dcew6lcq"></script>
 	<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="06e4a97f-2c34-41ed-8ab6-d53b581ff080" type="text/javascript" async></script>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   
 <!-- <img src="logo.webp" alt="Logo" style="width: 200px; height: 200px; border-radius: 10px;"> -->
 <img
-  src="logo.webp 
+  src="logo.webp" 
   class="logo"  
   onclick="showThankYou()" 
   style="cursor: pointer; width: 200px; height: 200px; border-radius: 10px;"
@@ -62,7 +89,7 @@ <h2>🎉 Happy Easter!</h2>
 </script>
 <!-- SCRIPT END-->
 
-<script src="https://cdn.logwork.com/widget/countdown.js"></script>
+<script defer src="https://cdn.logwork.com/widget/countdown.js"></script>
 <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>
 
 <!-- THE LAST UPDATED SCRIPT WAS HERE -->
@@ -84,9 +111,7 @@ <h2>🎉 Happy Easter!</h2>
 <!-- End MailerLite Universal -->
 
 </head>
-
-</script>
-
+<body>
   <!-- IMPORTANT!!! ANNIVERSARY VIDEO::
   <video width="640" height="360" controls>
     <source src="video.mp4" type="video/mp4" />
@@ -191,7 +216,7 @@ <h2>What’s Coming Next</h2>
   <!-- reCAPTCHA-Protected Google Form -->
   
   <h2> My Latest Upload: </h2>
-  <iframe title="Latest Upload" width="560" height="315" src="https://www.youtube.com/embed/99FexhxsXx8?si=Ue_rS_2hEICWLmQR" 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>
+  <iframe loading="lazy" title="Latest Upload" width="560" height="315" src="https://www.youtube.com/embed/99FexhxsXx8?si=Ue_rS_2hEICWLmQR" 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>
   <h2>Website Building Help Form</h2>
 
   <!-- Button protected by reCAPTCHA -->
@@ -209,7 +234,6 @@ <h2>Website Building Help Form</h2>
   <!-- Hidden form until reCAPTCHA passes -->
   <div id="form-container" style="display:none;">
     <iframe 
-	  defer
 	  title="Website Building Help form"
       src="https://docs.google.com/forms/d/e/1FAIpQLSemiAokTJcTqz4syWyLyt1H7GWj-LJSkmVt4au51hGNwBMo8Q/viewform?embedded=true"
       width="100%"
@@ -876,7 +900,7 @@ <h2 style="text-align:center; margin-top:40px;">Contact Me</h2>
         word-break: break-word;
       }
       #mlb2-33394663.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsContent p {
-        color: #000000;******
+        color: #000000;
         font-family: 'Open Sans', Arial, Helvetica, sans-serif;
         font-size: 12px;
         line-height: 18px;
@@ -1135,7 +1159,7 @@ <h2> HellenicDev Updates: </h2>
   <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>
   
   <p style="font-size: 30px;"> 1.Sora AI video: </p>
-  <iframe defer 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>
+  <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>
   
   <p style="font-size: 30px;"> 2. Promotional image: </p>
 <img
@@ -1213,7 +1237,6 @@ <h3> HOW TO VOTE: </h3>
 	
 	<!-- LAST UPDATED CHECK SCRIPT -->
 <script>
-defer
 document.addEventListener("DOMContentLoaded", async () => {
   const items = document.querySelectorAll(".last-updated");
 
@@ -1249,7 +1272,6 @@ <h3> HOW TO VOTE: </h3>
 <!-- SCRIPT END -->
 <!-- ANNIVERSARY -->
 <script>
-defer
   (function () {
     let typed = "";
     const secret = "HELLENICDEV";
@@ -1274,18 +1296,11 @@ <h3> HOW TO VOTE: </h3>
 </script>
 
 <script>
-defer
   function showThankYou() {
     const msg = document.getElementById("hidden-thanks");
     msg.style.display = "block";
   }
 </script>
 
-
-
-
-
-
-
 </body>
 </html>
