Fix body overflow issues and add some forgotten i18n keys.

src/components/ProxyRegistrar.astro

@@ -58,12 +58,14 @@
       iframe.style.opacity = 1;
       topbar.style.opacity = 1;
       topbar.style.pointerEvents = "auto";
+      document.body.style.overflow = "hidden";
 
       closeButton.onclick = () => {
         iframe.style.opacity = 0;
         topbar.style.opacity = 0;
         iframe.style.pointerEvents = "none";
         topbar.style.pointerEvents = "none";
+        document.body.style.overflow = "auto";
         iframe.removeEventListener("load", boundIFrameLoad);
 
         setTimeout(() => {

src/components/SettingsTablist.astro

@@ -491,7 +491,7 @@ const t = useTranslations(lang);
     }
   }
   .setting {
-    width: 140px
+    width: 140px;
   }
   .marker {
     position: absolute;

src/i18n/en.json

@@ -17,6 +17,12 @@
 
   "faq.whyIsAluSoSlow": "Why is Alu so slow?",
   "faq.whyIsAluSoSlow.answer": "This could be for a number of reasons, but it is most likely due to the proxy you are using. If you are far away from where Alu is hosted, it will take longer for the request to be sent and received. If the proxy you are using is congested with traffic, it will also be slower.",
+
+  "faq.contributeToAlu": "How can I contribute to Alu?",
+  "faq.contributeToAlu.answer.segment1": "Spreading the word of Alu is a great start, but if you really enjoy Alu, and want private links, consider supporting me through Patreon!",
+  "faq.contributeToAlu.answer.patreonLinkText": "You can support me here!",
+  "faq.contributeToAlu.answer.segment2": "Thank you for helping to make Alu great!",
+
   "footer.brand": "Alu",
   "footer.madeWithLove": "Made with ❤️ by wearr",
   "footer.poweredBy": "Powered by Ultraviolet",

src/i18n/jp.json

@@ -18,6 +18,11 @@
   "faq.whyIsAluSoSlow": "なぜアルーは遅いのですか？",
   "faq.whyIsAluSoSlow.answer": "アルーは、プロキシを使用してウェブサイトにアクセスするため、ウェブサイトの読み込みに時間がかかることがあります。また、アルーはまだ開発中のため、パフォーマンスが低いことがあります。",
 
+  "faq.contributeToAlu": "アルーの発展にどのように貢献できますか?",
+  "faq.contributeToAlu.answer.segment1": "アルーの言葉を広めることは素晴らしいスタートですが、Alu が本当に好きで、プライベート リンクが必要な場合は、Patreon を通じて私をサポートすることを検討してください。",
+  "faq.contributeToAlu.answer.patreonLinkText": "ここで私をサポートできます",
+  "faq.contributeToAlu.answer.segment2": "アルーを素晴らしいものにするのにご協力いただき、ありがとうございます。",
+
   "footer.brand": "アルー",
   "footer.madeWithLove": "wearrによる❤️で作られました",
   "footer.poweredBy": "「ウルトラバイオレット」による駆動",

src/pages/[lang]/index.astro

@@ -43,12 +43,15 @@ export function getStaticPaths() {
         <p>{t("faq.whyIsAluSoSlow.answer")}</p>
       </div>
       <div class="faq-card faq-large">
-        <h2>How can I contribute to the development of Alu?</h2>
+        <h2>{t("faq.contributeToAlu")}</h2>
         <p>
-          Spreading the word of Alu is a great start, but if you really enjoy Alu, and want private
+          {t("faq.contributeToAlu.answer.segment1")}
-          links, consider supporting me through Patreon! You can support me
+          <Link
-          <Link href="https://www.patreon.com/wearr/membership" newTab content="Here!" />, thank you
+            href="https://www.patreon.com/wearr"
-          for helping to make Alu great!
+            newTab
+            content={t("faq.contributeToAlu.answer.patreonLinkText")}
+          />
+          {t("faq.contributeToAlu.answer.segment2")}
         </p>
       </div>
     </div>