Change title to Map of Japan

jp7io · Dec 23, 2023 · 2f26844 · 2f26844
1 parent 7512806
commit 2f26844
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 4 deletions.
diff --git a/data/dict.js b/data/dict.js
@@ -0,0 +1,12 @@
+export const dict = {
+  japan: {
+    ja: ['日', '本'],
+    furigana: ['に', 'ほん'],
+    en: 'Japan',
+  },
+  mapOfJapan: {
+    ja: ['日', '本', 'の', '地', '図'],
+    furigana: ['に', 'ほん', '', 'ち', 'ず'],
+    en: 'Map of Japan',
+  }
+}
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="ja">
 
 <head>
-  <title>日本 (Japan)</title>
+  <title>日本の地図 (Map of Japan)</title>
   <meta name="keywords" content="日本, 日本の地域, 都道府県, 地図, 北海道, 東北, 関東, 中部, 関西, 中国, 四国, 九州">
   <meta name="description" content="地域、都道府県、東京都の市区町村を含む日本のインタラクティブな地図。">
   <meta charset="UTF-8">
@@ -22,14 +22,20 @@ <h1>
             <rtc>
               <rt>に</rt>
               <rt>ほん</rt>
+              <rt></rt>
+              <rt>ち</rt>
+              <rt>ず</rt>
             </rtc>
             <rbc>
               <rb>日</rb>
               <rb>本</rb>
+              <rb>の</rb>
+              <rb>地</rb>
+              <rb>図</rb>
             </rbc>
           </div>
           <rtc class="annotation">
-            <rt xml:lang="en">Japan</rt>
+            <rt xml:lang="en">Map of Japan</rt>
           </rtc>
         </ruby>
       </h1>

diff --git a/js/info.js b/js/info.js
@@ -1,5 +1,6 @@
 // @ts-check
 
+import { dict } from '../data/dict.js';
 import { regions } from '../data/regions.js';
 import { furigana } from './furigana.js';
 import { extractPrefectures, replaceSpecialCharactersWithAscii } from './utils.js';
@@ -11,6 +12,7 @@ import { extractPrefectures, replaceSpecialCharactersWithAscii } from './utils.j
 export function setInfo(type, data) {
   const info = document.getElementById('info');
   const infoSelected = document.getElementById('info-data');
+  const h1 = document.querySelector('#title h1');
   const h2 = document.querySelector('#title h2');
   const h2Pre = document.querySelector('.h2-pre');
   const h3 = document.querySelector('#title h3');
@@ -25,6 +27,8 @@ export function setInfo(type, data) {
     return;
   }
   if (data) {
+    h1 && (h1.innerHTML = furigana(dict.japan));
+
     const { name } = data;
 
     /** @type {any[]} */
@@ -94,5 +98,6 @@ export function setInfo(type, data) {
   } else {
     info.classList.remove('active');
     infoSelected.innerHTML = '';
+    h1 && (h1.innerHTML = furigana(dict.mapOfJapan));
   }
 }
diff --git a/js/init.js b/js/init.js
@@ -56,7 +56,7 @@ function setActiveData() {
       if (cityData) {
         setLayer('capitals');
         setActiveCity(cityData);
-      } else {
+      } else if (prefectureData) {
         setLayer('prefectures');
         setActivePrefecture(prefectureData);
       }

diff --git a/js/map/regions.js b/js/map/regions.js
@@ -79,7 +79,7 @@ export function clearRegion() {
   drawPrefectures(parseDataForPrefectures(regions));
   drawCities(parseDataForCities(regions));
   drawClickableArea(parseData(regions), colors);
-  document.title = '日本 (Japan)';
+  document.title = '日本の地図 (Map of Japan)';
   document.location.hash = '';
 }