JS非対応表示部分に説明を追加してみるなど (#17)

* JS非対応エリアに説明を追加
Minori-Akizuki · Mar 9, 2024 · eb60fe3 · eb60fe3
1 parent 6d9286c
commit eb60fe3
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,18 @@
   </head>
   <body>
     <noscript>
+      <strong>
+        このページは「銀河麻雀」ルール上であがり牌を検索するためのサイトです。通常の牌だけを使用すれば通常ルールのあがり判定もできます。
+        ただ、お使いのブラウザは JavaScript をオンにしていないようです。 <a href="https://youtu.be/IDaKM7eU7zE?si=818JZrXrHoDIZ7lu">この</a> Youtube 動画から銀河麻雀について勉強しましょう。
+      </strong>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <h2>クレジット</h2>
+      <ul>
+        <li>元ネタ: <a href="https://youtu.be/IDaKM7eU7zE" target="_blank">麻雀星人からの挑戦状!?銀河麻雀！</a></li>
+        <li>牌画像: <a href="https://majandofu.com/mahjong-images" target="_blank">豆腐麻雀</a></li>
+        <li>ページ作者: <a href="https://twitter.com/Real_analysis">じつかいせき</a></li>
+        <li>リポジトリ: <a href="https://github.com/Minori-Akizuki/Galaxy_Mahjong">こちら</a></li>
+      </ul>
     </noscript>
     <div id="app" class="container"></div>
     <!-- built files will be auto injected -->