Delete link to blog.yude.jp

ページのリロード時に変更ボタンがずれる

i18n.json

@@ -5,7 +5,7 @@
       "*": ["common"],
       "/": ["index", "minecraft", "common"],
       "/profile": ["profile", "common"],
-      "/status": ["status", "common"],
+      "/server": ["server", "common"],
       "/house": ["house", "common"],
       "/tos": ["tos", "common"],
       "/hcunews": ["hcunews", "common"],

locales/en/common.json

@@ -6,5 +6,5 @@
     "listening": "Listening to {{listening}}",
     "close": "Close",
     "mutual": "Mutual links",
-    "status": "Service status"
+    "status": "Service Status"
 }

pages/components/ThemeSelector.js

@@ -22,11 +22,11 @@ const ThemeSelector = (props) => {
   };
   return (
       <button className="inline-flex rounded-md border border-gray-300 dark:border-gray-800 shadow-sm px-2 bg-white font-medium text-gray-700 hover:bg-gray-50 dark:bg-gray-700 dark:text-white my-3 py-1 text-2xl focus:outline-none" onClick={switchTheme}>
-        {theme === 'light' ? (
+        {theme !== undefined && (theme === "light" ? (
           <FontAwesomeIcon icon={faMoon} className="w-10 h-7" />
         ) : (
           <FontAwesomeIcon icon={faSun} className="w-10 h-7" />
-        )}
+        ))}
       </button>
   )
 }

pages/index.js

@@ -26,8 +26,7 @@ export default function Index(props) {
         </div>
         <div className="grid grid-cols-4 gap-10">
         <div><Link href="/profile"><a><FontAwesomeIcon icon={faUser} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
+        <div><Link href="/server"><a><FontAwesomeIcon icon={faServer} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div><Link href="/status"><a><FontAwesomeIcon icon={faServer} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
         <div><Link href="/house"><a><FontAwesomeIcon icon={faHouseUser} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
         <div><Link href="https://scrapbox.io/yude"><a><FontAwesomeIcon icon={faBook} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
         <div><Link href="https://discord.gg/X6srY7X"><a><FontAwesomeIcon icon={faDiscord} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
@@ -50,6 +49,26 @@ export default function Index(props) {
         </a></Link></div>
         <div><Link href="/mutual"><a><FontAwesomeIcon icon={faHeart} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
         </div>
+        <div className="mx-auto mt-10">
+          <Link href="https://www.eff.org/pages/blue-ribbon-campaign">
+            <a>
+              <Image
+                src="/static/images/brstrip.gif"
+                width={150}
+                height={41}
+              />
+            </a>
+          </Link>
+          <Link href="https://sites.google.com/site/happybusy/">
+            <a>
+              <Image
+                src="/static/images/busy_banner.png"
+                width={200}
+                height={42}
+              />
+            </a>
+          </Link>
+        </div>
       </div>
     </Layout>
   )

pages/minecraft.js

@@ -46,13 +46,13 @@ export default function About(props) {
                   </button>
                 </p>
                 <p>{t('version')}: 1.17</p>
-                <Link href="https://dynmap.yude.jp">
+                <Link href="https://bluemap.yude.jp">
                 <a>
                 <button
                 className="bg-pink-600 text-white active:bg-pink-600 mt-3 font-bold text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1       ease-linear transition-all duration-150"
                 type="button"
               >
-                <FontAwesomeIcon icon={faMap} className="w-5 h-5 inline"/> Dynmap
+                <FontAwesomeIcon icon={faMap} className="w-5 h-5 inline"/> BlueMap
               </button>
               </a>
               </Link>

pages/profile.js

@@ -28,7 +28,7 @@ export default function About(props) {
         <div>
           <div className="flex mb-10 justify-center">
           <Image
-            className   = "rounded-full hover:animate-rumble z-0"
+            className   = "rounded-full hover:animate-rumble z-0 p-15"
             src         = "/static/images/avatar.png"
             alt         = "yude's avatar"
             width       = {200}
@@ -142,7 +142,7 @@ export default function About(props) {
           <div className="hover:underline">
             <Link href="#">
             <a>
-            <svg version="1.0" xmlns="http://www.w3.org/2000/svg" className="w-12 h-12 inline lg:w-12 lg:h-12 md:w-12 md:h-12 fill-current text-white" viewBox="0 0 700 700">
+            <svg version="1.0" xmlns="http://www.w3.org/2000/svg" className="w-12 h-12 inline lg:w-12 lg:h-12 md:w-12 md:h-12 fill-current text-black dark:text-white" viewBox="0 0 700 700">
             <g transform="translate(-100.000000,900.000000) scale(0.100000,-0.100000)" fill="#FFFFF">
             <path d="M2965 8314 c-481 -86 -868 -442 -990 -910 -44 -169 -47 -268 -42
             -1579 3 -1204 4 -1232 24 -1325 111 -501 467 -858 973 -976 66 -15 150 -18

pages/server.js

@@ -3,10 +3,10 @@ import useTranslation from 'next-translate/useTranslation'
 
 import { useRouter } from 'next/router'
 
-export default function About(props) {
+export default function Server(props) {
   const router = useRouter()
   const { locale, locales, defaultLocale, pathname } = router
-  const { t, lang } = useTranslation("status")
+  const { t, lang } = useTranslation("server")
 
   return (