From 5e04040f5f61c304b3d778d9af92607466cf6c27 Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Wed, 14 Jun 2023 12:09:49 -0400
Subject: [PATCH 1/3] WIP(faq): initial round of edits

---
 .../src/components/static/chatSunsetFaq.vue      | 16 +++++++++-------
 website/common/locales/en/faq.json               |  2 +-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/website/client/src/components/static/chatSunsetFaq.vue b/website/client/src/components/static/chatSunsetFaq.vue
index ff42ebfb5f..8c04bbb436 100644
--- a/website/client/src/components/static/chatSunsetFaq.vue
+++ b/website/client/src/components/static/chatSunsetFaq.vue
@@ -404,6 +404,7 @@
     font-weight: bold;
     line-height: 1.71;
     margin-bottom: 8px;
+    color: $gray-10;
   }
 
   .staff {
@@ -415,20 +416,21 @@
     }
 
     .title {
+      height: 24px;
       color: $purple-300;
       font-weight: bold;
-      line-height: 1.71;
-      display: inline-block;
+       display: inline-block;
       margin-bottom: 4px;
     }
   }
 
   .player-header {
+    height: 24px;
     font-size: 0.875em;
     font-weight: bold;
-    line-height: 1.71;
-    margin-top: 24px;
-    margin-bottom: 8px;
+    margin-top: 20px;
+    margin-bottom: 4px;
+    color: $gray-10;
   }
     .tier-list {
     list-style-type: none;
@@ -436,11 +438,11 @@
     width: 282px;
 
     li {
+      height: 40px;
       border-radius: 4px;
       border: solid 1px $gray-500;
       text-align: center;
-      padding-top: 8px;
-      padding-bottom: 8px;
+      padding: 8px 0;
       margin-bottom: 8px;
       margin-right: 4px;
       font-weight: bold;
diff --git a/website/common/locales/en/faq.json b/website/common/locales/en/faq.json
index 9a921088fb..76ea9c223e 100644
--- a/website/common/locales/en/faq.json
+++ b/website/common/locales/en/faq.json
@@ -182,7 +182,7 @@
 
   "sunsetFaqHeader10": "Where will players go when they have questions about how to use Habitica?",
   "sunsetFaqList8": "Our existing <a href='https://habitica.com/static/faq'>FAQ</a> is a great resource and can be found from the Help menu, or Support on mobile. We are in the process of creating a more comprehensive and improved FAQ to help guide players moving forward.",    
-  "sunsetFaqList9": "This blog post [NEED ACTUAL URL] also provides a handy guide for new players.",
+  "sunsetFaqList9": "This <a href='https://habitica.wordpress.com/beginning-adventurers-guide/'>blog post</a> also provides a handy guide for new players.",
   "sunsetFaqList10": "Players are also encouraged to email <a href='mailto:admin@habitica.com'>admin@habitica.com</a> with any questions for which they cannot find answers in the above links.",
 
   "sunsetFaqHeader11": "How does this affect Habitica’s Community Guidelines and Terms of Service?",

From 973fa2edc29bbf2ed9d2b6a3ae198f196a57bfe4 Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Wed, 14 Jun 2023 16:43:18 -0400
Subject: [PATCH 2/3] WIP(faq): update spacing and font size

---
 .../src/components/static/chatSunsetFaq.vue   | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/website/client/src/components/static/chatSunsetFaq.vue b/website/client/src/components/static/chatSunsetFaq.vue
index 8c04bbb436..7ac4755310 100644
--- a/website/client/src/components/static/chatSunsetFaq.vue
+++ b/website/client/src/components/static/chatSunsetFaq.vue
@@ -289,7 +289,7 @@
             </div>
 
             <!-- Daniel in sweet, sweet retirement with Jorts -->
-            <div class="row">
+            <div class="row daniel-width">
               <div class="gradient">
               </div>
               <div
@@ -336,7 +336,7 @@
   }
 
   p {
-    margin-bottom: 1.5em;
+    margin-bottom: 21px;
   }
 
   ul {
@@ -347,23 +347,19 @@
     size: 0.5em;
   }
 
-  #app {
-    background-color: $white !important;
-  }
-
-  .main-bg {
-    font-size: 16px !important;
+  li {
+    padding-bottom: 16px;
   }
 
   .headings {
-    font-size: 1em;
+    font-size: 1.15em;
     font-weight: 400;
     line-height: 1.75;
     color: $purple-200;
   }
 
   .body-text {
-    font-size: 0.875em;
+    font-size: 1em;
     color: $gray-10;
     line-height: 1.71;
   }
@@ -400,7 +396,7 @@
   }
 
   .staff-header {
-    font-size: 0.875em;
+    font-size: 1em;
     font-weight: bold;
     line-height: 1.71;
     margin-bottom: 8px;
@@ -408,7 +404,7 @@
   }
 
   .staff {
-    font-size: 0.875em;
+    font-size: 1em;
 
     .staff-icon {
       width: 10px;
@@ -426,7 +422,7 @@
 
   .player-header {
     height: 24px;
-    font-size: 0.875em;
+    font-size: 1em;
     font-weight: bold;
     margin-top: 20px;
     margin-bottom: 4px;
@@ -436,6 +432,7 @@
     list-style-type: none;
     padding: 0;
     width: 282px;
+    font-size: 1em !important;
 
     li {
       height: 40px;
@@ -446,7 +443,6 @@
       margin-bottom: 8px;
       margin-right: 4px;
       font-weight: bold;
-      font-size: 0.875em;
       line-height: 1.71;
     }
 
@@ -492,11 +488,16 @@
     }
   }
 
+  .daniel-width {
+    max-width: 100%;
+    margin-top: 24px;
+  }
+
   .gradient {
     position: absolute;
     width: 330px;
     height: 100px;
-    margin: 0 0 116px;
+    margin: -1px 0 116px;
     background-image: linear-gradient(to bottom, $gray-700 0%, rgba(249, 249, 249, 0) 100%);
   }
 
@@ -518,12 +519,11 @@
     height: 30px;
     background-repeat: no-repeat;
     position: absolute;
-    z-index: 0;
     margin-top: -30px;
   }
 
   .question {
-    font-size: 0.875em;
+    font-size: 1em;
     font-weight: bold;
     line-height: 1.71;
     color: $gray-10;
@@ -531,7 +531,7 @@
   }
 
   .contact p {
-    font-size: 0.875em;
+    font-size: 1em;
     margin-bottom: 0px;
   }
 </style>

From 8b5ff7c2f97490b35026e4f1a46cb02d0def0152 Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Thu, 15 Jun 2023 11:40:12 -0400
Subject: [PATCH 3/3] WIP(faq): working on Dan'l

---
 website/client/src/components/static/chatSunsetFaq.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/client/src/components/static/chatSunsetFaq.vue b/website/client/src/components/static/chatSunsetFaq.vue
index 7ac4755310..7b7a2b909d 100644
--- a/website/client/src/components/static/chatSunsetFaq.vue
+++ b/website/client/src/components/static/chatSunsetFaq.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="col-12 col-sm-8 container-fluid d-flex mx-auto main-bg">
-    <div class="col-12 col-sm-8">
+  <div class="col-sm-8 container-fluid d-flex mx-auto">
+    <div class="col-sm-8">
       <div class="row">
         <!-- title goes here -->
         <div class="title-details">