Merge pull request #504 from true-runes/development

v16.6.0

components/common/LinkToEnglishTranslationDocument.tsx

@@ -0,0 +1,53 @@
+import type { NextPage } from 'next'
+import { InformationCircle } from '@/components/svg/InformationCircle'
+import ExternalLink from '@/components/svg/ExternalLink'
+
+export const LinkToEnglishTranslationDocument: NextPage = () => {
+  return (
+    <div className="bg-white text-black">
+      <div className="hero">
+        <div className="hero-content text-center">
+          <div className="max-w-md">
+            <h1 className="text-2xl font-bold pb-10 underline font-zen-old-mincho">
+              <span>
+                English translation
+                <span
+                  className="tooltip tooltip-success"
+                  data-tip="Thank you, anon!"
+                >
+                  <InformationCircle />
+                </span>
+              </span>
+            </h1>
+
+            <div>
+              <div className="text-base text-left mb-4">
+                The English translation on the site is not yet complete and we
+                prepared in text format (Google Docs).
+              </div>
+              <div className="text-base text-left mb-4">
+                Please note that it may not be up to date with the latest
+                information.
+              </div>
+              <div className="text-lg text-center">
+                <a
+                  href="https://docs.google.com/document/d/1AmM4-T9XqQ3HNFENICGCCFnoDTOp6z_1vKnksVoTGjo/edit?usp=sharing"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="link link-hover underline-offset-4"
+                >
+                  <span className="underline underline-offset-4 text-blue-500 hover:text-blue-900 pl-1 pr-1">
+                    English translation
+                  </span>
+                  <span className="pl-1">
+                    <ExternalLink />
+                  </span>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

components/svg/InformationCircle.tsx

@@ -0,0 +1,26 @@
+import type { NextPage } from 'next'
+
+export const InformationCircle: NextPage = () => {
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className="h-4 w-4"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        strokeWidth={2}
+        style={{
+          display: 'inline-block',
+          verticalAlign: 'text-top',
+        }}
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+        />
+      </svg>
+    </>
+  )
+}

pages/index.tsx

@@ -14,11 +14,13 @@ import { HallOfFame } from '@/components/votes/HallOfFame'
 import Onegai from '@/components/votes/Onegai'
 import { EventsInEventIndex } from '@/components/events-in-event/index'
 
+import { LinkToEnglishTranslationDocument } from '@/components/common/LinkToEnglishTranslationDocument'
 import { WhatIsGensosenkyo } from '@/components/votes/WhatIsGensosenkyo'
 import { IllustratedBy } from '@/components/common/IllustratedBy'
 import { SiteFooter } from '@/components/common/SiteFooter'
 
 import { useLocale } from '@/hooks/useLocale'
+import useTranslation from 'next-translate/useTranslation'
 
 // const nowSecond = () => {
 //   const time = new Date()
@@ -49,6 +51,7 @@ const Home: NextPage = () => {
   // )
 
   const { t } = useLocale()
+  const { lang } = useTranslation()
 
   return (
     <div className="bg-white text-black">
@@ -104,6 +107,13 @@ const Home: NextPage = () => {
           </div>
         </div> */}
 
+        {lang === 'en' && (
+          <div className="pt-4">
+            <LinkToEnglishTranslationDocument />
+            <div className="divider" />
+          </div>
+        )}
+
         <div className="pt-4">
           <div id="what-is-gensosenkyo" className="-mt-32 pt-32">
             <WhatIsGensosenkyo />