Add CTA for community guides (#116)

Universalis-FFXIV · Apr 10, 2023 · 17d248f · 17d248f
1 parent 9447c23
commit 17d248f
Show file tree

Hide file tree

Showing 13 changed files with 133 additions and 15 deletions.
diff --git a/components/Home/HomeGuides/HomeGuides.tsx b/components/Home/HomeGuides/HomeGuides.tsx
@@ -0,0 +1,24 @@
+import { Trans } from '@lingui/macro';
+
+export default function HomeGuides() {
+  return (
+    <div className="home-guides">
+      <h4>
+        <Trans>Check out the guides!</Trans>
+      </h4>
+
+      <p>
+        <Trans>
+          If you&apos;re new to the site, have a look at the{' '}
+          <a href="https://github.com/Universalis-FFXIV/guides/wiki">wiki</a> to read our
+          community-contributed guides for making the most of Universalis and the broader ecosystem
+          around it.
+        </Trans>
+      </p>
+
+      <a className="cta" href="https://github.com/Universalis-FFXIV/guides/wiki">
+        <Trans>Read the guides here</Trans>
+      </a>
+    </div>
+  );
+}
diff --git a/i18n/de/messages.js b/i18n/de/messages.js
diff --git a/i18n/de/messages.po b/i18n/de/messages.po
@@ -348,6 +348,10 @@ msgstr "Billigste %s"
 #~ msgid "Check entire Data Center"
 #~ msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:7
+msgid "Check out the guides!"
+msgstr ""
+
 #: components/Home/HomeUserList/HomeUserList.tsx:90
 msgid "Click on the list title to view market information for this list."
 msgstr "Klicke auf den Listennamen um Marktinformationen für diese Liste abzurufen."
@@ -677,6 +681,10 @@ msgstr "Wenn du bei <strong>Universalis</strong> mit deiner eigenen Anwendung mi
 #~ msgid "If you wish to contribute to <strong>Universalis</strong> with your own application, please contact us on our <a href=\"%s\">Discord</a>. Let\\'s work together!"
 #~ msgstr "Wenn du bei <strong>Universalis</strong> mit deiner eigenen Anwendung mit machen möchtest, kontaktiere uns doch bitte auf unserem <a href=\"%s\">Discord</a. Lass uns zusammen arbeiten!"
 
+#: components/Home/HomeGuides/HomeGuides.tsx:11
+msgid "If you're new to the site, have a look at the <0>wiki</0> to read our community-contributed guides for making the most of Universalis and the broader ecosystem around it."
+msgstr ""
+
 #: pages/account/characters.tsx:236
 msgid "In the text box, enter in your <strong>AUTH CODE</strong>, then click on Confirm (twice)."
 msgstr "Trage deinen <strong>AUTH CODE</strong> in der Textbox ein, und bestätige (zwei mal)."
@@ -1002,11 +1010,15 @@ msgstr "Anzahl"
 msgid "REMOVE"
 msgstr "ENTFERNEN"
 
+#: components/Home/HomeGuides/HomeGuides.tsx:20
+msgid "Read the guides here"
+msgstr ""
+
 #: components/SalesTable/SalesTable.tsx:191
 msgid "Really rare!?"
 msgstr "Sehr selten!?"
 
-#: pages/index.tsx:184
+#: pages/index.tsx:186
 msgid "Recent Updates"
 msgstr "Letzte Updates"
 
@@ -1215,7 +1227,7 @@ msgstr "Besonderer Dank"
 msgid "Stack:"
 msgstr "Stapel:"
 
-#: pages/index.tsx:194
+#: pages/index.tsx:196
 msgid "Thank you!"
 msgstr "Danke!"
 

diff --git a/i18n/en/messages.js b/i18n/en/messages.js
diff --git a/i18n/en/messages.po b/i18n/en/messages.po
@@ -205,6 +205,10 @@ msgstr ""
 msgid "Cheapest %s"
 msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:7
+msgid "Check out the guides!"
+msgstr ""
+
 #: components/Home/HomeUserList/HomeUserList.tsx:90
 msgid "Click on the list title to view market information for this list."
 msgstr ""
@@ -429,6 +433,10 @@ msgstr ""
 #~ msgid "If you wish to contribute to <strong>Universalis</strong> with your own application, please contact us on our <a href=\"%s\">Discord</a>. Let\\'s work together!"
 #~ msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:11
+msgid "If you're new to the site, have a look at the <0>wiki</0> to read our community-contributed guides for making the most of Universalis and the broader ecosystem around it."
+msgstr ""
+
 #: pages/account/characters.tsx:236
 msgid "In the text box, enter in your <strong>AUTH CODE</strong>, then click on Confirm (twice)."
 msgstr ""
@@ -644,11 +652,15 @@ msgstr ""
 msgid "REMOVE"
 msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:20
+msgid "Read the guides here"
+msgstr ""
+
 #: components/SalesTable/SalesTable.tsx:191
 msgid "Really rare!?"
 msgstr ""
 
-#: pages/index.tsx:184
+#: pages/index.tsx:186
 msgid "Recent Updates"
 msgstr ""
 
@@ -787,7 +799,7 @@ msgstr ""
 msgid "Stack:"
 msgstr ""
 
-#: pages/index.tsx:194
+#: pages/index.tsx:196
 msgid "Thank you!"
 msgstr ""
 

diff --git a/i18n/fr/messages.js b/i18n/fr/messages.js
diff --git a/i18n/fr/messages.po b/i18n/fr/messages.po
@@ -348,6 +348,10 @@ msgstr "Moins cher %s"
 #~ msgid "Check entire Data Center"
 #~ msgstr "Surveiller le centre de données"
 
+#: components/Home/HomeGuides/HomeGuides.tsx:7
+msgid "Check out the guides!"
+msgstr ""
+
 #: components/Home/HomeUserList/HomeUserList.tsx:90
 msgid "Click on the list title to view market information for this list."
 msgstr "Clique sur le titre de la liste pour voir les informations du marché pour cette liste."
@@ -677,6 +681,10 @@ msgstr "Si tu veux contribuer à <strong>Universalis</strong> grâce à ta propr
 #~ msgid "If you wish to contribute to <strong>Universalis</strong> with your own application, please contact us on our <a href=\"%s\">Discord</a>. Let\\'s work together!"
 #~ msgstr "Si tu veux contribuer à <strong>Universalis</strong> grâce à ta propre application, n'hésite pas à nous contacter sur notre <a href=\"%s\">Discord</a>. Allons-y ensemble !"
 
+#: components/Home/HomeGuides/HomeGuides.tsx:11
+msgid "If you're new to the site, have a look at the <0>wiki</0> to read our community-contributed guides for making the most of Universalis and the broader ecosystem around it."
+msgstr ""
+
 #: pages/account/characters.tsx:236
 msgid "In the text box, enter in your <strong>AUTH CODE</strong>, then click on Confirm (twice)."
 msgstr "Dans le champ de texte, entre ton <strong>CODE D'AUTHENTIFICATION</strong>, puis clique sur Confirmer (deux fois)."
@@ -1002,11 +1010,15 @@ msgstr "Quantité"
 msgid "REMOVE"
 msgstr "RETIRER"
 
+#: components/Home/HomeGuides/HomeGuides.tsx:20
+msgid "Read the guides here"
+msgstr ""
+
 #: components/SalesTable/SalesTable.tsx:191
 msgid "Really rare!?"
 msgstr "Vraiment rare!?"
 
-#: pages/index.tsx:184
+#: pages/index.tsx:186
 msgid "Recent Updates"
 msgstr "Mises à jour récentes"
 
@@ -1215,7 +1227,7 @@ msgstr "Remerciements particuliers"
 msgid "Stack:"
 msgstr "Pile :"
 
-#: pages/index.tsx:194
+#: pages/index.tsx:196
 msgid "Thank you!"
 msgstr "Merci !"
 

diff --git a/i18n/ja/messages.js b/i18n/ja/messages.js
diff --git a/i18n/ja/messages.po b/i18n/ja/messages.po
@@ -342,6 +342,10 @@ msgstr ""
 #~ msgid "Check entire Data Center"
 #~ msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:7
+msgid "Check out the guides!"
+msgstr ""
+
 #: components/Home/HomeUserList/HomeUserList.tsx:90
 msgid "Click on the list title to view market information for this list."
 msgstr ""
@@ -671,6 +675,10 @@ msgstr ""
 #~ msgid "If you wish to contribute to <strong>Universalis</strong> with your own application, please contact us on our <a href=\"%s\">Discord</a>. Let\\'s work together!"
 #~ msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:11
+msgid "If you're new to the site, have a look at the <0>wiki</0> to read our community-contributed guides for making the most of Universalis and the broader ecosystem around it."
+msgstr ""
+
 #: pages/account/characters.tsx:236
 msgid "In the text box, enter in your <strong>AUTH CODE</strong>, then click on Confirm (twice)."
 msgstr ""
@@ -996,11 +1004,15 @@ msgstr "分量"
 msgid "REMOVE"
 msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:20
+msgid "Read the guides here"
+msgstr ""
+
 #: components/SalesTable/SalesTable.tsx:191
 msgid "Really rare!?"
 msgstr "レアってマジか？？"
 
-#: pages/index.tsx:184
+#: pages/index.tsx:186
 msgid "Recent Updates"
 msgstr ""
 
@@ -1209,7 +1221,7 @@ msgstr "スペシャルサンクス"
 msgid "Stack:"
 msgstr ""
 
-#: pages/index.tsx:194
+#: pages/index.tsx:196
 msgid "Thank you!"
 msgstr "ありがとうございました！"
 

diff --git a/i18n/zh-HANS/messages.js b/i18n/zh-HANS/messages.js
diff --git a/i18n/zh-HANS/messages.po b/i18n/zh-HANS/messages.po
@@ -349,6 +349,10 @@ msgstr "%s 最低价"
 #~ msgid "Check entire Data Center"
 #~ msgstr ""
 
+#: components/Home/HomeGuides/HomeGuides.tsx:7
+msgid "Check out the guides!"
+msgstr ""
+
 #: components/Home/HomeUserList/HomeUserList.tsx:90
 msgid "Click on the list title to view market information for this list."
 msgstr "单击清单标题以查看此清单的市场信息。"
@@ -678,6 +682,10 @@ msgstr "如果您希望使用自己的应用程序为 <strong>Universalis</stron
 #~ msgid "If you wish to contribute to <strong>Universalis</strong> with your own application, please contact us on our <a href=\"%s\">Discord</a>. Let\\'s work together!"
 #~ msgstr "如果您希望使用自己的应用程序为 <strong>Universalis</strong> 做出贡献，请通过我们的 <a href=\"%s\">Discord</a> 与我们联系。一起搞事吧！"
 
+#: components/Home/HomeGuides/HomeGuides.tsx:11
+msgid "If you're new to the site, have a look at the <0>wiki</0> to read our community-contributed guides for making the most of Universalis and the broader ecosystem around it."
+msgstr ""
+
 #: pages/account/characters.tsx:236
 msgid "In the text box, enter in your <strong>AUTH CODE</strong>, then click on Confirm (twice)."
 msgstr "在文本框中，输入您的<strong>认证码</strong>，然后单击“确认”（两次）。"
@@ -1003,11 +1011,15 @@ msgstr "数量"
 msgid "REMOVE"
 msgstr "删除"
 
+#: components/Home/HomeGuides/HomeGuides.tsx:20
+msgid "Read the guides here"
+msgstr ""
+
 #: components/SalesTable/SalesTable.tsx:191
 msgid "Really rare!?"
 msgstr "十分稀有！？"
 
-#: pages/index.tsx:184
+#: pages/index.tsx:186
 msgid "Recent Updates"
 msgstr "最近更新"
 
@@ -1216,7 +1228,7 @@ msgstr "特别感谢"
 msgid "Stack:"
 msgstr "每组个数："
 
-#: pages/index.tsx:194
+#: pages/index.tsx:196
 msgid "Thank you!"
 msgstr "感谢您！"
 

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -25,6 +25,7 @@ import useSWRImmutable from 'swr/immutable';
 import { useSession } from 'next-auth/react';
 import useDataCenters from '../hooks/useDataCenters';
 import ErrorBoundary from '../components/ErrorBoundary/ErrorBoundary';
+import HomeGuides from '../components/Home/HomeGuides/HomeGuides';
 
 function sum(arr: number[], start: number, end: number) {
   return arr.slice(start, end).reduce((a, b) => a + b, 0);
@@ -164,6 +165,7 @@ const Home: NextPage = () => {
         />
         <div>
           <HomeNews />
+          <HomeGuides />
           {selectedList && <HomeUserList dcs={dcs ?? []} list={selectedList} />}
           <LoggedOut hasSession={sessionStatus === 'authenticated'}>
             <HomeLoggedOut />

diff --git a/styles/page_home.scss b/styles/page_home.scss
@@ -271,6 +271,38 @@
   }
 }
 
+.home-guides {
+  border-radius: 3px;
+  background-color: var(--dark-blue);
+  box-shadow: 0 1px 3px #000;
+  margin-bottom: 15px;
+  padding: 25px 10px;
+  text-align: center;
+
+  h4 {
+    font-size: 22px;
+    font-weight: 500;
+  }
+
+  > p {
+    max-width: 1000px;
+    margin: 0 auto;
+    margin-bottom: 20px;
+  }
+
+  a.cta {
+    font-weight: bold;
+    font-size: 17px;
+    background-color: rgba(0, 0, 0, 0.25);
+    padding: 8px 14px;
+    border-radius: 3px;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.35);
+    }
+  }
+}
+
 .home-logged-out {
   border-radius: 5px;
   padding: 150px 30%;