Fixed GIF

Author: ventdrop

public/index.html

@@ -38,8 +38,8 @@ <h2 class="section-title">
     another infosec blog
   </h2>    
 
-    <div class="welcome-message">
-      <img src="/images/hackerman.webp" alt="Welcome message in ASCII art">
+    <div class="welcome-gif-container">
+      <img src="/images/hackerman.webp" alt="Welcome GIF">
     </div>
 
 

themes/geocities-reaper/layouts/index.html

@@ -8,8 +8,8 @@ <h2 class="section-title">
     another infosec blog
   </h2>    
     {{ if .Site.Params.welcome_message }}
-    <div class="welcome-message">
-      <img src="{{ .Site.Params.welcome_message | relURL }}" alt="Welcome message in ASCII art">
+    <div class="welcome-gif-container">
+      <img src="{{ .Site.Params.welcome_message | relURL }}" alt="Welcome GIF">
     </div>
     {{ end }}
 

themes/geocities-reaper/static/css/style.css

@@ -217,6 +217,19 @@ body {
   margin: 15px 0;
 }
 
+.welcome-gif-container {
+  max-width: 100%; 
+  text-align: center;
+  margin: 0 auto; 
+}
+
+.welcome-gif-container img {
+  display: block; 
+  margin: 0 auto; 
+  max-width: 100%;
+  height: auto;
+}
+
 .ascii-art {
   white-space: pre-wrap;
   word-wrap: break-word;