From b6359ad032f4ef3a9486796b1f95badff2cdb0bb Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Wed, 7 Jun 2023 13:33:58 -0400
Subject: [PATCH] WIP(faq): pixelate Daniel's border

---
 .../public/static/npc/normal/pixel_border.png | Bin 0 -> 148 bytes
 .../src/components/static/chatSunsetFaq.vue   |  24 +++++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 website/client/public/static/npc/normal/pixel_border.png

diff --git a/website/client/public/static/npc/normal/pixel_border.png b/website/client/public/static/npc/normal/pixel_border.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e873389cadfc149dbba353a44d3252ce949e550
GIT binary patch
literal 148
zcmeAS@N?(olHy`uVBq!ia0y~yVDtjA<rtZPWI_K?VIaj8;1lBNUf}cd=T8-dJ5E3m
z#*!evU<QY0H`0I{8&4O<5R22vKk6I)^D{Fu_Z&E!DiLb+z)SMY|NsBbC;V^xX)p2M
unH*5;gID7jdme$p0F_4%`?O>WmNLX9f1Q8Z)gl>a4uhwwpUXO@geCxoM>3HB

literal 0
HcmV?d00001

diff --git a/website/client/src/components/static/chatSunsetFaq.vue b/website/client/src/components/static/chatSunsetFaq.vue
index 20a81d411e..ff42ebfb5f 100644
--- a/website/client/src/components/static/chatSunsetFaq.vue
+++ b/website/client/src/components/static/chatSunsetFaq.vue
@@ -2,6 +2,7 @@
   <div class="col-12 col-sm-8 container-fluid d-flex mx-auto main-bg">
     <div class="col-12 col-sm-8">
       <div class="row">
+        <!-- title goes here -->
         <div class="title-details">
           <h1 v-once>
             {{ $t('sunsetFaqTitle') }}
@@ -180,6 +181,8 @@
               </div>
             </div>
           </div>
+
+          <!-- player tiers -->
           <div class="row">
             <div class="col-12">
               <div class="player-header">
@@ -284,6 +287,8 @@
                 </li>
               </ul>
             </div>
+
+            <!-- Daniel in sweet, sweet retirement with Jorts -->
             <div class="row">
               <div class="gradient">
               </div>
@@ -295,8 +300,14 @@
                   class="daniel_front"
                   :style="{'background-image': imageURLs.npc}"
                 ></div>
+                <div
+                  class="pixel-border"
+                  :style="{'background-image': imageURLs.pixel_border}"
+                ></div>
               </div>
             </div>
+
+            <!-- email admin -->
             <div class="row d-flex mx-auto">
               <div class="question d-flex mx-auto">
                 {{ $t('anotherQuestion') }}
@@ -304,7 +315,7 @@
               <div
                 class="contact d-flex mx-auto"
               >
-                <p v-html="$t('contactAdmin')"></p>
+                <p v-html="$t('contactAdmin')"></p> <!-- there's html in here -->
               </div>
             </div>
           </div>
@@ -500,6 +511,15 @@
     margin: 0 auto;
   }
 
+  .pixel-border {
+    width: 330px;
+    height: 30px;
+    background-repeat: no-repeat;
+    position: absolute;
+    z-index: 0;
+    margin-top: -30px;
+  }
+
   .question {
     font-size: 0.875em;
     font-weight: bold;
@@ -565,11 +585,13 @@ export default {
         return {
           background: 'url(/static/npc/normal/tavern_background.png)',
           npc: 'url(/static/npc/normal/tavern_npc.png)',
+          pixel_border: 'url(/static/npc/normal/pixel_border.png)',
         };
       }
       return {
         background: `url(/static/npc/${currentEvent.season}/tavern_background.png)`,
         npc: `url(/static/npc/${currentEvent.season}/tavern_npc.png)`,
+        pixel_border: 'url(/static/npc/normal/pixel_border.png)',
       };
     },
   },