Minor changes for mobile users

hellenicdev · hellenicdev · commit bdc797d93771 · 2026-04-14T17:20:56.000+03:00
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
 <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!"/>
 <meta name="keywords" content="HellenicDev, programming, HTML, CSS, JS, open-source, projects, web-developement, hellenic, dev, developer"/>
 <meta name="author" content="HellenicDev"/>
@@ -279,8 +279,8 @@ <h2 class="left-align">Website Building Help Form</h2>
   <!-- Contact Icons -->
   <h2 class="left-align">Contact Me</h2>
   <div class="contacts>
-    <a href="mailto:ikonpanos@gmail.com" aria-label="Mail" target="_blank" class="contact-mail">
-      <i class="fa-solid fa-envelope" aria-label="Mail"></i>
+    <a href="mailto:ikonpanos@gmail.com" aria-label="Mail" target="_blank" rel="noopener" class="contact-mail">
+      <i class="fa-solid fa-envelope" aria-label="Mail"> </i>
     </a>
     <a href="https://www.youtube.com/@hellenicdev?sub_confirmation=1" aria-label="YouTube" target="_blank" rel="noopener" class="contact-youtube">
       <i class="fa-brands fa-youtube" aria-label="YouTube"> </i>
@@ -298,7 +298,7 @@ <h2 class="left-align">Contact Me</h2>
       <i class="fa-brands fa-viber" aria-label="Viber"></i>
     </a>
   </div>
-  <iframe src="https://hellenicdev.substack.com/embed" width="480" height="320" class="contact-substack" frameborder="0" scrolling="no" loading="lazy"></iframe>
+  <iframe src="https://hellenicdev.substack.com/embed" width="480" height="320" class="contact-substack" title="Subtack" frameborder="0" scrolling="no" loading="lazy"></iframe>
 </div>
 
   <!-- Popup Ad -->
@@ -1174,7 +1174,7 @@ <h2 class="left-align"> HellenicDev Updates: </h2>
 </p>
 
  <p class="announcement">
-  🚀 <strong>HellenicDev</strong> now has uptime tracking! You can access it by clicking <a href="https://stats.uptimerobot.com/RrsSLtEzbk" target="_blank" class="link"> here</a>.
+  🚀 <strong>HellenicDev</strong> now has <a href="https://stats.uptimerobot.com/RrsSLtEzbk" target="_blank" class="link" > Uptime tracking</a>
   </p>
 
 </div>
@@ -1190,6 +1190,15 @@ <h2 class="left-align"> HellenicDev Updates: </h2>
 
 <script src="script.js" defer></script>
 <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js' defer></script>
+<script>
+  kofiWidgetOverlay.draw('hellenicdev', {
+    'type': 'floating-chat',
+    'floating-chat.donateButton.text': 'Donate',
+    'floating-chat.donateButton.background-color': '#5bc0de',
+    'floating-chat.donateButton.text-color': '#323842'
+  });
+
+</script>
 
 </body>
 </html>
diff --git a/script.js b/script.js
@@ -130,10 +130,3 @@ menuButton.onclick = () => {
     sideMenu.style.left = "0px";
   }
 };
-
-  kofiWidgetOverlay.draw('hellenicdev', {
-    'type': 'floating-chat',
-    'floating-chat.donateButton.text': 'Donate',
-    'floating-chat.donateButton.background-color': '#5bc0de',
-    'floating-chat.donateButton.text-color': '#323842'
-  });
diff --git a/style.css b/style.css
@@ -364,7 +364,7 @@ iframe {
 }
 
 .contact-mail {
-	margin:0 10px;
+	margin: 10px;
 	color:#D44638;
 	font-size:30px;
 }

Original file line number	Diff line number	Diff line change
`@@ -364,7 +364,7 @@ iframe {`
`364`	`364`	`}`
`365`	`365`
`366`	`366`	`.contact-mail {`
`367`		`- margin:0 10px;`
	`367`	`+ margin: 10px;`
`368`	`368`	`color:#D44638;`
`369`	`369`	`font-size:30px;`
`370`	`370`	`}`