add banner to theme

3 files changed, 27 insertions, 7 deletions

diff --git a/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html b/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html
index 7acc49d..2081599 100644
--- a/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html
+++ b/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html
@@ -7,7 +7,7 @@
   <style type=text/css>body{font-family:monospace;}</style>
   <title>Hello World - Why This | micro.pinapelz.moe</title>
   
-  <meta name="author" content="map[avatar:https://files.catbox.moe/5r1pue.jpg bio:yo! and he&#39;s more than a cover he&#39;s a quilt&lt;br/&gt;
+  <meta name="author" content="map[avatar:https://files.catbox.moe/5r1pue.jpg banner:https://files.pinapelz.com/pso2ngs-2232-collab.png bio:yo! and he&#39;s more than a cover he&#39;s a quilt&lt;br/&gt;
     General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)&lt;br/&gt;
     Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)&lt;br/&gt;
     I Watch only slice of life (and Bandori)&lt;br/&gt;
@@ -64,8 +64,13 @@
             <h1 class="p-name">Hello World - Why This</h1>
 
             <div hidden><div class="h-card p-author bio-card" style="text-align:center;">
+    
+    <div class="banner" style="margin-bottom: 1rem; position: relative;">
+      <img class="u-featured" src="https://files.pinapelz.com/pso2ngs-2232-collab.png" alt="Banner" style="width: 100%; max-width: 400px; height: auto; border-radius: 8px; opacity: 0.6;">
+      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+    </div>
+    
     <div class="bio">
-      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar">
       <p class="p-note">yo! and he's more than a cover he's a quilt<br/>
     General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)<br/>
     Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)<br/>
diff --git a/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html b/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html
index b941ce5..3b955be 100644
--- a/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html
+++ b/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html
@@ -7,7 +7,7 @@
   <style type=text/css>body{font-family:monospace;}</style>
   <title>China Town Fair | micro.pinapelz.moe</title>
   
-  <meta name="author" content="map[avatar:https://files.catbox.moe/5r1pue.jpg bio:yo! and he&#39;s more than a cover he&#39;s a quilt&lt;br/&gt;
+  <meta name="author" content="map[avatar:https://files.catbox.moe/5r1pue.jpg banner:https://files.pinapelz.com/pso2ngs-2232-collab.png bio:yo! and he&#39;s more than a cover he&#39;s a quilt&lt;br/&gt;
     General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)&lt;br/&gt;
     Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)&lt;br/&gt;
     I Watch only slice of life (and Bandori)&lt;br/&gt;
@@ -64,8 +64,13 @@
             <h1 class="p-name">China Town Fair</h1>
 
             <div hidden><div class="h-card p-author bio-card" style="text-align:center;">
+    
+    <div class="banner" style="margin-bottom: 1rem; position: relative;">
+      <img class="u-featured" src="https://files.pinapelz.com/pso2ngs-2232-collab.png" alt="Banner" style="width: 100%; max-width: 400px; height: auto; border-radius: 8px; opacity: 0.6;">
+      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+    </div>
+    
     <div class="bio">
-      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar">
       <p class="p-note">yo! and he's more than a cover he's a quilt<br/>
     General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)<br/>
     Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)<br/>
diff --git a/micro.pinapelz.moe/posts/index.html b/micro.pinapelz.moe/posts/index.html
index 9d441d5..ef15140 100644
--- a/micro.pinapelz.moe/posts/index.html
+++ b/micro.pinapelz.moe/posts/index.html
@@ -7,7 +7,7 @@
   <style type=text/css>body{font-family:monospace;}</style>
   <title>Posts | micro.pinapelz.moe</title>
   
-  <meta name="author" content="map[avatar:https://files.catbox.moe/5r1pue.jpg bio:yo! and he&#39;s more than a cover he&#39;s a quilt&lt;br/&gt;
+  <meta name="author" content="map[avatar:https://files.catbox.moe/5r1pue.jpg banner:https://files.pinapelz.com/pso2ngs-2232-collab.png bio:yo! and he&#39;s more than a cover he&#39;s a quilt&lt;br/&gt;
     General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)&lt;br/&gt;
     Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)&lt;br/&gt;
     I Watch only slice of life (and Bandori)&lt;br/&gt;
@@ -97,8 +97,13 @@
           <li class="h-entry">
               <div hidden>
                   <div class="h-card p-author bio-card" style="text-align:center;">
+    
+    <div class="banner" style="margin-bottom: 1rem; position: relative;">
+      <img class="u-featured" src="https://files.pinapelz.com/pso2ngs-2232-collab.png" alt="Banner" style="width: 100%; max-width: 400px; height: auto; border-radius: 8px; opacity: 0.6;">
+      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+    </div>
+    
     <div class="bio">
-      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar">
       <p class="p-note">yo! and he's more than a cover he's a quilt<br/>
     General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)<br/>
     Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)<br/>
@@ -131,8 +136,13 @@
           <li class="h-entry">
               <div hidden>
                   <div class="h-card p-author bio-card" style="text-align:center;">
+    
+    <div class="banner" style="margin-bottom: 1rem; position: relative;">
+      <img class="u-featured" src="https://files.pinapelz.com/pso2ngs-2232-collab.png" alt="Banner" style="width: 100%; max-width: 400px; height: auto; border-radius: 8px; opacity: 0.6;">
+      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+    </div>
+    
     <div class="bio">
-      <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar">
       <p class="p-note">yo! and he's more than a cover he's a quilt<br/>
     General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)<br/>
     Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)<br/>