From 484ba2488bed908aa21a8bd5ff975c0817d3c7be Mon Sep 17 00:00:00 2001
From: Sheng Fan <fredtools999@gmail.com>
Date: Sun, 11 Jun 2023 21:55:32 +0800
Subject: [PATCH] feat: optimize folder structures

Co-authored-by: Monet Joe <george-chou@users.noreply.github.com>
---
 index.html                                    |  23 +-
 {audio => static/audio}/cn/gululu.mp3         | Bin
 {audio => static/audio}/cn/gururu.mp3         | Bin
 ...1\345\235\217\346\216\211\344\272\206.mp3" | Bin
 .../\350\275\254\345\234\210\345\234\210.mp3" | Bin
 ...4\345\234\210\345\234\210\345\222\257.mp3" | Bin
 {audio => static/audio}/ja/kuru1.mp3          | Bin
 {audio => static/audio}/ja/kuru2.mp3          | Bin
 {audio => static/audio}/ja/kuruto.mp3         | Bin
 credits.json => static/credits/credits.json   |   0
 .../credits/credits.rawiconurl.json           |   0
 ...f43cf0c42c4b55db91a1f258beeb1b249d747e.jpg | Bin
 ...55609f3d0917631ac693802a0dd366c2d3556c.jpg | Bin
 ...24cb8ee772fe67f44ccc67ee002bdca3242064.jpg | Bin
 ...4915e50f36cd01283127ff1edd4b77d679c3a1.jpg | Bin
 ...6a01f9a9a75d6db4cda0a6af0f64668035c408.jpg | Bin
 ...87ed3947711ace1d350b806990a9640eb52757.jpg | Bin
 ...f10e69275761caab0892eea60589997bffa6b5.jpg | Bin
 ...c4726c2704ca7397a23ff8dfee50eb460622e7.jpg | Bin
 ...5c87bcadbdd8a8b55278746561ff835ceb9565.jpg | Bin
 ...a7f481e5a39e10c47c196afacf13a68e2037f0.jpg | Bin
 ...82e0e4562cac10e2f1e4f3021ebbdacb299210.jpg | Bin
 ...f98a1e38b58b7d0e772b29969ce41dba8a2817.jpg | Bin
 ...e4acdeb90c016909e531ecbdfab2fe3eb6f65f.jpg | Bin
 ...3a2f34d8ce0053323cda9b1d112bae7aea3602.jpg | Bin
 style.css => static/css/style.css             |   2 +-
 {img => static/img}/card_cn.jpg               | Bin
 {img => static/img}/card_en.jpg               | Bin
 {img => static/img}/card_id.jpg               | Bin
 {img => static/img}/card_ja.jpg               | Bin
 {img => static/img}/card_kr.jpg               | Bin
 {img => static/img}/card_pt.jpg               | Bin
 {img => static/img}/favicon.ico               | Bin
 {img => static/img}/favicon.png               | Bin
 {img => static/img}/hertaa1.gif               | Bin
 {img => static/img}/hertaa2.gif               | Bin
 {img => static/img}/hertaa_github.gif         | Bin
 script.js => static/js/script.js              | 326 +++++++++---------
 38 files changed, 166 insertions(+), 185 deletions(-)
 rename {audio => static/audio}/cn/gululu.mp3 (100%)
 rename {audio => static/audio}/cn/gururu.mp3 (100%)
 rename "audio/cn/\350\246\201\345\235\217\346\216\211\344\272\206.mp3" => "static/audio/cn/\350\246\201\345\235\217\346\216\211\344\272\206.mp3" (100%)
 rename "audio/cn/\350\275\254\345\234\210\345\234\210.mp3" => "static/audio/cn/\350\275\254\345\234\210\345\234\210.mp3" (100%)
 rename "audio/cn/\350\275\254\345\234\210\345\234\210\345\222\257.mp3" => "static/audio/cn/\350\275\254\345\234\210\345\234\210\345\222\257.mp3" (100%)
 rename {audio => static/audio}/ja/kuru1.mp3 (100%)
 rename {audio => static/audio}/ja/kuru2.mp3 (100%)
 rename {audio => static/audio}/ja/kuruto.mp3 (100%)
 rename credits.json => static/credits/credits.json (100%)
 rename credits.rawiconurl.json => static/credits/credits.rawiconurl.json (100%)
 rename {credits => static/credits}/images/05f43cf0c42c4b55db91a1f258beeb1b249d747e.jpg (100%)
 rename {credits => static/credits}/images/0d55609f3d0917631ac693802a0dd366c2d3556c.jpg (100%)
 rename {credits => static/credits}/images/1324cb8ee772fe67f44ccc67ee002bdca3242064.jpg (100%)
 rename {credits => static/credits}/images/154915e50f36cd01283127ff1edd4b77d679c3a1.jpg (100%)
 rename {credits => static/credits}/images/5f6a01f9a9a75d6db4cda0a6af0f64668035c408.jpg (100%)
 rename {credits => static/credits}/images/6387ed3947711ace1d350b806990a9640eb52757.jpg (100%)
 rename {credits => static/credits}/images/68f10e69275761caab0892eea60589997bffa6b5.jpg (100%)
 rename {credits => static/credits}/images/71c4726c2704ca7397a23ff8dfee50eb460622e7.jpg (100%)
 rename {credits => static/credits}/images/785c87bcadbdd8a8b55278746561ff835ceb9565.jpg (100%)
 rename {credits => static/credits}/images/93a7f481e5a39e10c47c196afacf13a68e2037f0.jpg (100%)
 rename {credits => static/credits}/images/9882e0e4562cac10e2f1e4f3021ebbdacb299210.jpg (100%)
 rename {credits => static/credits}/images/b8f98a1e38b58b7d0e772b29969ce41dba8a2817.jpg (100%)
 rename {credits => static/credits}/images/cee4acdeb90c016909e531ecbdfab2fe3eb6f65f.jpg (100%)
 rename {credits => static/credits}/images/d43a2f34d8ce0053323cda9b1d112bae7aea3602.jpg (100%)
 rename style.css => static/css/style.css (99%)
 rename {img => static/img}/card_cn.jpg (100%)
 rename {img => static/img}/card_en.jpg (100%)
 rename {img => static/img}/card_id.jpg (100%)
 rename {img => static/img}/card_ja.jpg (100%)
 rename {img => static/img}/card_kr.jpg (100%)
 rename {img => static/img}/card_pt.jpg (100%)
 rename {img => static/img}/favicon.ico (100%)
 rename {img => static/img}/favicon.png (100%)
 rename {img => static/img}/hertaa1.gif (100%)
 rename {img => static/img}/hertaa2.gif (100%)
 rename {img => static/img}/hertaa_github.gif (100%)
 rename script.js => static/js/script.js (53%)

diff --git a/index.html b/index.html
index 78dab0e..056a5e3 100644
--- a/index.html
+++ b/index.html
@@ -5,10 +5,10 @@
     <meta charset="utf-8" />
     <title id="doc-title">Kuru Kuru~</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="static/css/style.css" type="text/css" />
     <link rel="stylesheet" href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css">
     <link rel="stylesheet" href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css" />
-    <link href="img/favicon.ico" rel="shortcut icon">
+    <link href="static/img/favicon.ico" rel="shortcut icon">
 </head>
 
 <body class="mdui-theme-primary-purple mdui-theme-accent-blue">
@@ -19,21 +19,8 @@
             <div id="content">
                 <div id="title-container">
                     <h1 id="page-title">Welcome to herta kuru</h1>
-                    <img id="title-img" alt="img of herta" src="img/favicon.ico">
+                    <img id="title-img" alt="img of herta" src="static/img/favicon.png">
                 </div>
-                <!-- <div id="language-selector-container">
-                        <select id="language-selector" class="mdui-select">
-                            <option value="en" selected>English</option>
-                            <option value="cn">中文</option>
-                            <option value="ja">日本語</option>
-                            <option value="kr">한국어</option>
-                            <option value="id">Bahasa Indonesia</option>
-                        </select>
-                        <select id="vo-language-selector" class="mdui-select">
-                            <option value="ja" selected>日本語</option>
-                            <option value="cn">中文</option>
-                        </select>
-                </div> -->
 
                 <h2 id="page-descriptions">
                     The website for Herta, the <del>annoying</del> cutest genius Honkai:
@@ -59,7 +46,7 @@ <h3 id="counter-descriptions">The kuru~ has been squished</h3>
             </div>
         </main>
         <div id="footer">
-            <img id="herta-card" loading="lazy" src="img/card_en.jpg" class="img-autocdn" alt="" />
+            <img id="herta-card" loading="lazy" src="static/img/card_en.jpg" class="img-autocdn" alt="" />
             <div id="footer-text">
                 <div class="mdui-list"><a href="javascript:void(0);" class="mdui-list-item mdui-ripple"
                         id="show-credits-opt">
@@ -88,7 +75,7 @@ <h3 id="counter-descriptions">The kuru~ has been squished</h3>
         </div>
     </div>
     <script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>
-    <script src="script.js" async></script>
+    <script src="static/js/script.js" async></script>
 
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-T303QPC9L9"></script>
diff --git a/audio/cn/gululu.mp3 b/static/audio/cn/gululu.mp3
similarity index 100%
rename from audio/cn/gululu.mp3
rename to static/audio/cn/gululu.mp3
diff --git a/audio/cn/gururu.mp3 b/static/audio/cn/gururu.mp3
similarity index 100%
rename from audio/cn/gururu.mp3
rename to static/audio/cn/gururu.mp3
diff --git "a/audio/cn/\350\246\201\345\235\217\346\216\211\344\272\206.mp3" "b/static/audio/cn/\350\246\201\345\235\217\346\216\211\344\272\206.mp3"
similarity index 100%
rename from "audio/cn/\350\246\201\345\235\217\346\216\211\344\272\206.mp3"
rename to "static/audio/cn/\350\246\201\345\235\217\346\216\211\344\272\206.mp3"
diff --git "a/audio/cn/\350\275\254\345\234\210\345\234\210.mp3" "b/static/audio/cn/\350\275\254\345\234\210\345\234\210.mp3"
similarity index 100%
rename from "audio/cn/\350\275\254\345\234\210\345\234\210.mp3"
rename to "static/audio/cn/\350\275\254\345\234\210\345\234\210.mp3"
diff --git "a/audio/cn/\350\275\254\345\234\210\345\234\210\345\222\257.mp3" "b/static/audio/cn/\350\275\254\345\234\210\345\234\210\345\222\257.mp3"
similarity index 100%
rename from "audio/cn/\350\275\254\345\234\210\345\234\210\345\222\257.mp3"
rename to "static/audio/cn/\350\275\254\345\234\210\345\234\210\345\222\257.mp3"
diff --git a/audio/ja/kuru1.mp3 b/static/audio/ja/kuru1.mp3
similarity index 100%
rename from audio/ja/kuru1.mp3
rename to static/audio/ja/kuru1.mp3
diff --git a/audio/ja/kuru2.mp3 b/static/audio/ja/kuru2.mp3
similarity index 100%
rename from audio/ja/kuru2.mp3
rename to static/audio/ja/kuru2.mp3
diff --git a/audio/ja/kuruto.mp3 b/static/audio/ja/kuruto.mp3
similarity index 100%
rename from audio/ja/kuruto.mp3
rename to static/audio/ja/kuruto.mp3
diff --git a/credits.json b/static/credits/credits.json
similarity index 100%
rename from credits.json
rename to static/credits/credits.json
diff --git a/credits.rawiconurl.json b/static/credits/credits.rawiconurl.json
similarity index 100%
rename from credits.rawiconurl.json
rename to static/credits/credits.rawiconurl.json
diff --git a/credits/images/05f43cf0c42c4b55db91a1f258beeb1b249d747e.jpg b/static/credits/images/05f43cf0c42c4b55db91a1f258beeb1b249d747e.jpg
similarity index 100%
rename from credits/images/05f43cf0c42c4b55db91a1f258beeb1b249d747e.jpg
rename to static/credits/images/05f43cf0c42c4b55db91a1f258beeb1b249d747e.jpg
diff --git a/credits/images/0d55609f3d0917631ac693802a0dd366c2d3556c.jpg b/static/credits/images/0d55609f3d0917631ac693802a0dd366c2d3556c.jpg
similarity index 100%
rename from credits/images/0d55609f3d0917631ac693802a0dd366c2d3556c.jpg
rename to static/credits/images/0d55609f3d0917631ac693802a0dd366c2d3556c.jpg
diff --git a/credits/images/1324cb8ee772fe67f44ccc67ee002bdca3242064.jpg b/static/credits/images/1324cb8ee772fe67f44ccc67ee002bdca3242064.jpg
similarity index 100%
rename from credits/images/1324cb8ee772fe67f44ccc67ee002bdca3242064.jpg
rename to static/credits/images/1324cb8ee772fe67f44ccc67ee002bdca3242064.jpg
diff --git a/credits/images/154915e50f36cd01283127ff1edd4b77d679c3a1.jpg b/static/credits/images/154915e50f36cd01283127ff1edd4b77d679c3a1.jpg
similarity index 100%
rename from credits/images/154915e50f36cd01283127ff1edd4b77d679c3a1.jpg
rename to static/credits/images/154915e50f36cd01283127ff1edd4b77d679c3a1.jpg
diff --git a/credits/images/5f6a01f9a9a75d6db4cda0a6af0f64668035c408.jpg b/static/credits/images/5f6a01f9a9a75d6db4cda0a6af0f64668035c408.jpg
similarity index 100%
rename from credits/images/5f6a01f9a9a75d6db4cda0a6af0f64668035c408.jpg
rename to static/credits/images/5f6a01f9a9a75d6db4cda0a6af0f64668035c408.jpg
diff --git a/credits/images/6387ed3947711ace1d350b806990a9640eb52757.jpg b/static/credits/images/6387ed3947711ace1d350b806990a9640eb52757.jpg
similarity index 100%
rename from credits/images/6387ed3947711ace1d350b806990a9640eb52757.jpg
rename to static/credits/images/6387ed3947711ace1d350b806990a9640eb52757.jpg
diff --git a/credits/images/68f10e69275761caab0892eea60589997bffa6b5.jpg b/static/credits/images/68f10e69275761caab0892eea60589997bffa6b5.jpg
similarity index 100%
rename from credits/images/68f10e69275761caab0892eea60589997bffa6b5.jpg
rename to static/credits/images/68f10e69275761caab0892eea60589997bffa6b5.jpg
diff --git a/credits/images/71c4726c2704ca7397a23ff8dfee50eb460622e7.jpg b/static/credits/images/71c4726c2704ca7397a23ff8dfee50eb460622e7.jpg
similarity index 100%
rename from credits/images/71c4726c2704ca7397a23ff8dfee50eb460622e7.jpg
rename to static/credits/images/71c4726c2704ca7397a23ff8dfee50eb460622e7.jpg
diff --git a/credits/images/785c87bcadbdd8a8b55278746561ff835ceb9565.jpg b/static/credits/images/785c87bcadbdd8a8b55278746561ff835ceb9565.jpg
similarity index 100%
rename from credits/images/785c87bcadbdd8a8b55278746561ff835ceb9565.jpg
rename to static/credits/images/785c87bcadbdd8a8b55278746561ff835ceb9565.jpg
diff --git a/credits/images/93a7f481e5a39e10c47c196afacf13a68e2037f0.jpg b/static/credits/images/93a7f481e5a39e10c47c196afacf13a68e2037f0.jpg
similarity index 100%
rename from credits/images/93a7f481e5a39e10c47c196afacf13a68e2037f0.jpg
rename to static/credits/images/93a7f481e5a39e10c47c196afacf13a68e2037f0.jpg
diff --git a/credits/images/9882e0e4562cac10e2f1e4f3021ebbdacb299210.jpg b/static/credits/images/9882e0e4562cac10e2f1e4f3021ebbdacb299210.jpg
similarity index 100%
rename from credits/images/9882e0e4562cac10e2f1e4f3021ebbdacb299210.jpg
rename to static/credits/images/9882e0e4562cac10e2f1e4f3021ebbdacb299210.jpg
diff --git a/credits/images/b8f98a1e38b58b7d0e772b29969ce41dba8a2817.jpg b/static/credits/images/b8f98a1e38b58b7d0e772b29969ce41dba8a2817.jpg
similarity index 100%
rename from credits/images/b8f98a1e38b58b7d0e772b29969ce41dba8a2817.jpg
rename to static/credits/images/b8f98a1e38b58b7d0e772b29969ce41dba8a2817.jpg
diff --git a/credits/images/cee4acdeb90c016909e531ecbdfab2fe3eb6f65f.jpg b/static/credits/images/cee4acdeb90c016909e531ecbdfab2fe3eb6f65f.jpg
similarity index 100%
rename from credits/images/cee4acdeb90c016909e531ecbdfab2fe3eb6f65f.jpg
rename to static/credits/images/cee4acdeb90c016909e531ecbdfab2fe3eb6f65f.jpg
diff --git a/credits/images/d43a2f34d8ce0053323cda9b1d112bae7aea3602.jpg b/static/credits/images/d43a2f34d8ce0053323cda9b1d112bae7aea3602.jpg
similarity index 100%
rename from credits/images/d43a2f34d8ce0053323cda9b1d112bae7aea3602.jpg
rename to static/credits/images/d43a2f34d8ce0053323cda9b1d112bae7aea3602.jpg
diff --git a/style.css b/static/css/style.css
similarity index 99%
rename from style.css
rename to static/css/style.css
index 4e307a0..40aacb3 100644
--- a/style.css
+++ b/static/css/style.css
@@ -24,7 +24,7 @@ body {
     position: absolute;
     width: 100%;
     height: 100%;
-    background-image: url("img/hertaa1.gif");
+    background-image: url("../img/hertaa1.gif");
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: contain;
diff --git a/img/card_cn.jpg b/static/img/card_cn.jpg
similarity index 100%
rename from img/card_cn.jpg
rename to static/img/card_cn.jpg
diff --git a/img/card_en.jpg b/static/img/card_en.jpg
similarity index 100%
rename from img/card_en.jpg
rename to static/img/card_en.jpg
diff --git a/img/card_id.jpg b/static/img/card_id.jpg
similarity index 100%
rename from img/card_id.jpg
rename to static/img/card_id.jpg
diff --git a/img/card_ja.jpg b/static/img/card_ja.jpg
similarity index 100%
rename from img/card_ja.jpg
rename to static/img/card_ja.jpg
diff --git a/img/card_kr.jpg b/static/img/card_kr.jpg
similarity index 100%
rename from img/card_kr.jpg
rename to static/img/card_kr.jpg
diff --git a/img/card_pt.jpg b/static/img/card_pt.jpg
similarity index 100%
rename from img/card_pt.jpg
rename to static/img/card_pt.jpg
diff --git a/img/favicon.ico b/static/img/favicon.ico
similarity index 100%
rename from img/favicon.ico
rename to static/img/favicon.ico
diff --git a/img/favicon.png b/static/img/favicon.png
similarity index 100%
rename from img/favicon.png
rename to static/img/favicon.png
diff --git a/img/hertaa1.gif b/static/img/hertaa1.gif
similarity index 100%
rename from img/hertaa1.gif
rename to static/img/hertaa1.gif
diff --git a/img/hertaa2.gif b/static/img/hertaa2.gif
similarity index 100%
rename from img/hertaa2.gif
rename to static/img/hertaa2.gif
diff --git a/img/hertaa_github.gif b/static/img/hertaa_github.gif
similarity index 100%
rename from img/hertaa_github.gif
rename to static/img/hertaa_github.gif
diff --git a/script.js b/static/js/script.js
similarity index 53%
rename from script.js
rename to static/js/script.js
index 3103ed4..dcd121d 100644
--- a/script.js
+++ b/static/js/script.js
@@ -1,141 +1,165 @@
-(() => {
-    const $ = mdui.$;
-    let firstSquish = true;
-
-    const LANGUAGES = {
-        "_": { defaultLanguage: "en", defaultVOLanguage: "ja" },
-        "en": {
-            audioList: null,
-            texts: {
-                "page-title": "Welcome to herta kuru~",
-                "doc-title": "Kuru Kuru~",
-                "page-descriptions": "The website for Herta, the <del>annoying</del> cutest genius Honkai: Star Rail character out there.",
-                "counter-descriptions": ["The kuru~ has been squished for", "Herta has been kuru~ed for"],
-                "counter-unit": "times",
-                "counter-button": ["Squish the kuru~!", "Kuru kuru~!"],
-                "access-via-pages": "You're currently accessing via GitHub Pages. For users in China (Mainland) or some other regions, click <a href='https://herta.ft2.ltd/'>here to access the mirror on Netlify</a>. ",
-                "access-via-mirror": "Congratulations! You are using a mirror site, which should speed up access within China (Mainland) and some regions. Click here to <a href='https://duiqt.github.io/herta_kuru/'>visit the source site on GitHub Pages</a>.",
-                "show-credits-text": "Show Credits",
-                "repository-desc": "GitHub Repo",
-                "options-txt-vo-lang": "Voice-Over Language",
-                "options-txt-lang": "Page Language",
-                "dialogs-close": "Close",
-                "dialogs-credits-title": "Credits"
-            },
-            cardImage: "img/card_en.jpg"
-        }, "cn": {
-            audioList: [
-                // TODO audio random weight
-                "audio/cn/gululu.mp3",
-                "audio/cn/gururu.mp3",
-                "audio/cn/转圈圈.mp3",
-                "audio/cn/转圈圈咯.mp3",
-                "audio/cn/要坏掉了.mp3"
-            ],
-            texts: {
-                "page-title": "黑塔转圈圈",
-                "doc-title": "咕噜噜~",
-                "page-descriptions": "给黑塔酱写的小网站，对，就是那个<del>烦人的</del>最可爱的《崩坏：星穹铁道》角色！",
-                "counter-descriptions": ["黑塔已经咕噜噜~了", "黑塔已经转了"],
-                "counter-unit": ["次", "次圈圈"],
-                "counter-button": ["转圈圈~", "咕噜噜！"],
-                "access-via-pages": "您目前是通过 GitHub Pages 访问。对于中国大陆或其他一些地区的用户，请<a href='https://herta.ft2.ltd/'>单击此处访问 Netlify 上的镜像</a>。",
-                "access-via-mirror": "恭喜！你正在使用镜像站，这应当会加速在中国大陆及部分地区境内的访问。点此<a href='https://duiqt.github.io/herta_kuru/'>访问 GitHub Pages 上的源站</a>。",
-                "show-credits-text": "查看感谢页",
-                "repository-desc": "GitHub 仓库",
-                "options-txt-vo-lang": "语音语言",
-                "options-txt-lang": "界面语言",
-                "dialogs-close": "关闭",
-                "dialogs-credits-title": "制作人员名单"
-            },
-            cardImage: "img/card_cn.jpg"
+const LANGUAGES = {
+    "_": { defaultLanguage: "en", defaultVOLanguage: "ja" },
+    "en": {
+        audioList: null,
+        texts: {
+            "page-title": "Welcome to herta kuru~",
+            "doc-title": "Kuru Kuru~",
+            "page-descriptions": "The website for Herta, the <del>annoying</del> cutest genius Honkai: Star Rail character out there.",
+            "counter-descriptions": ["The kuru~ has been squished for", "Herta has been kuru~ed for"],
+            "counter-unit": "times",
+            "counter-button": ["Squish the kuru~!", "Kuru kuru~!"],
+            "access-via-pages": "You're currently accessing via GitHub Pages. For users in China (Mainland) or some other regions, click <a href='https://herta.ft2.ltd/'>here to access the mirror on Netlify</a>. ",
+            "access-via-mirror": "Congratulations! You are using a mirror site, which should speed up access within China (Mainland) and some regions. Click here to <a href='https://duiqt.github.io/herta_kuru/'>visit the source site on GitHub Pages</a>.",
+            "show-credits-text": "Show Credits",
+            "repository-desc": "GitHub Repo",
+            "options-txt-vo-lang": "Voice-Over Language",
+            "options-txt-lang": "Page Language",
+            "dialogs-close": "Close",
+            "dialogs-credits-title": "Credits"
         },
-        "ja": {
-            audioList: [
-                "audio/ja/kuruto.mp3",
-                "audio/ja/kuru1.mp3",
-                "audio/ja/kuru2.mp3",
-            ],
-            texts: {
-                "page-title": "ヘルタクルへようこそ~",
-                "doc-title": "クル クル~",
-                "page-descriptions": "このサイトはヘルタのために作られた、 あの崩壊：スターレイルの <del>悩ましい</del> かわいい天才キャラー。",
-                "counter-descriptions": "全世界のクル再生数",
-                "counter-unit": "回",
-                "counter-button": "クル クル~!",
-                "access-via-pages": "今アクセスしてるページはぎGitHubです。中国大陸まだは他の地域のユーサーはNetlifyのミラーに入るために、<a href='https://herta.ft2.ltd/'>ここにクリックして</a>ください。",
-                "access-via-mirror": "おめでとうございます！今はもうミラーサイトを使っています、中国大陸まだは他の地域のアクセス速度が速くなります。サイトのソースを見たいなら、<a href='https://duiqt.github.io/herta_kuru/'>ここにクリックして</a>、GitHubページで見てください。",
-                "show-credits-text": "Show Credits",
-                "repository-desc": "GitHub Repo",
-                "options-txt-vo-lang": "Voice-Over Language",
-                "options-txt-lang": "Page Language",
-                "dialogs-close": "Close",
-                "dialogs-credits-title": "Credits"
-            },
-            cardImage: "img/card_ja.jpg"
+        cardImage: "img/card_en.jpg"
+    }, "cn": {
+        audioList: [
+            // TODO audio random weight
+            "audio/cn/gululu.mp3",
+            "audio/cn/gururu.mp3",
+            "audio/cn/转圈圈.mp3",
+            "audio/cn/转圈圈咯.mp3",
+            "audio/cn/要坏掉了.mp3"
+        ],
+        texts: {
+            "page-title": "黑塔转圈圈",
+            "doc-title": "咕噜噜~",
+            "page-descriptions": "给黑塔酱写的小网站，对，就是那个<del>烦人的</del>最可爱的《崩坏：星穹铁道》角色！",
+            "counter-descriptions": ["黑塔已经咕噜噜~了", "黑塔已经转了"],
+            "counter-unit": ["次", "次圈圈"],
+            "counter-button": ["转圈圈~", "咕噜噜！"],
+            "access-via-pages": "您目前是通过 GitHub Pages 访问。对于中国大陆或其他一些地区的用户，请<a href='https://herta.ft2.ltd/'>单击此处访问 Netlify 上的镜像</a>。",
+            "access-via-mirror": "恭喜！你正在使用镜像站，这应当会加速在中国大陆及部分地区境内的访问。点此<a href='https://duiqt.github.io/herta_kuru/'>访问 GitHub Pages 上的源站</a>。",
+            "show-credits-text": "查看感谢页",
+            "repository-desc": "GitHub 仓库",
+            "options-txt-vo-lang": "语音语言",
+            "options-txt-lang": "界面语言",
+            "dialogs-close": "关闭",
+            "dialogs-credits-title": "制作人员名单"
+        },
+        cardImage: "img/card_cn.jpg"
+    },
+    "ja": {
+        audioList: [
+            "audio/ja/kuruto.mp3",
+            "audio/ja/kuru1.mp3",
+            "audio/ja/kuru2.mp3",
+        ],
+        texts: {
+            "page-title": "ヘルタクルへようこそ~",
+            "doc-title": "クル クル~",
+            "page-descriptions": "このサイトはヘルタのために作られた、 あの崩壊：スターレイルの <del>悩ましい</del> かわいい天才キャラー。",
+            "counter-descriptions": "全世界のクル再生数",
+            "counter-unit": "回",
+            "counter-button": "クル クル~!",
+            "access-via-pages": "今アクセスしてるページはぎGitHubです。中国大陸まだは他の地域のユーサーはNetlifyのミラーに入るために、<a href='https://herta.ft2.ltd/'>ここにクリックして</a>ください。",
+            "access-via-mirror": "おめでとうございます！今はもうミラーサイトを使っています、中国大陸まだは他の地域のアクセス速度が速くなります。サイトのソースを見たいなら、<a href='https://duiqt.github.io/herta_kuru/'>ここにクリックして</a>、GitHubページで見てください。",
+            "show-credits-text": "Show Credits",
+            "repository-desc": "GitHub Repo",
+            "options-txt-vo-lang": "Voice-Over Language",
+            "options-txt-lang": "Page Language",
+            "dialogs-close": "Close",
+            "dialogs-credits-title": "Credits"
         },
-        "kr": {
-            audioList: null,
-            texts: {
-                "page-title": "헤르타빙글 환영합니다~",
-                "doc-title": "빙글 빙글~",
-                "page-descriptions": "이 웹사이트는 헤르타를 위해 만들어졌습니다, 붕괴: 스타레일 의 <del>귀찮은</del> 귀여운 천재 ",
-                "counter-descriptions": "전 세계 빙글 조회수",
-                "counter-unit": "번",
-                "counter-button": "빙글 빙글~!",
-                "access-via-pages": "당신은 GitHub를 통해 액세스하고 있습니다. 중국 또는 기타 지역 사용자의 경우 여기를 <a href='https://herta.ft2.ltd/'>클릭하여 Netlify의 미러 액세스하십시오</a>. ",
-                "access-via-mirror": "축하합니다. 당신은 미러 웹 사이트를 통해 액세스하고 있습니다, 이렇게 하면 중국 및 일부 다른 지역에서의 액세스 속도가 빨라집니다. 여기를 <a href='https://duiqt.github.io/herta_kuru/'> 클릭하여 GitHub의 소스 페이지에 액세스하십시오</a>. ",
-                "show-credits-text": "Show Credits",
-                "repository-desc": "GitHub Repo",
-                "options-txt-vo-lang": "Voice-Over Language",
-                "options-txt-lang": "Page Language",
-                "dialogs-close": "Close",
-                "dialogs-credits-title": "Credits"
-            },
-            cardImage: "img/card_kr.jpg"
+        cardImage: "img/card_ja.jpg"
+    },
+    "kr": {
+        audioList: null,
+        texts: {
+            "page-title": "헤르타빙글 환영합니다~",
+            "doc-title": "빙글 빙글~",
+            "page-descriptions": "이 웹사이트는 헤르타를 위해 만들어졌습니다, 붕괴: 스타레일 의 <del>귀찮은</del> 귀여운 천재 ",
+            "counter-descriptions": "전 세계 빙글 조회수",
+            "counter-unit": "번",
+            "counter-button": "빙글 빙글~!",
+            "access-via-pages": "당신은 GitHub를 통해 액세스하고 있습니다. 중국 또는 기타 지역 사용자의 경우 여기를 <a href='https://herta.ft2.ltd/'>클릭하여 Netlify의 미러 액세스하십시오</a>. ",
+            "access-via-mirror": "축하합니다. 당신은 미러 웹 사이트를 통해 액세스하고 있습니다, 이렇게 하면 중국 및 일부 다른 지역에서의 액세스 속도가 빨라집니다. 여기를 <a href='https://duiqt.github.io/herta_kuru/'> 클릭하여 GitHub의 소스 페이지에 액세스하십시오</a>. ",
+            "show-credits-text": "Show Credits",
+            "repository-desc": "GitHub Repo",
+            "options-txt-vo-lang": "Voice-Over Language",
+            "options-txt-lang": "Page Language",
+            "dialogs-close": "Close",
+            "dialogs-credits-title": "Credits"
         },
-        "id": {
-            audioList: null,
-            texts: {
-                "page-title": "Selamat datang di Herta kuru~",
-                "doc-title": "Kuru Kuru~",
-                "page-descriptions": "Situs web yang dipersembahkan kepada Herta, sang Karakter Jenius <del>ngeselin</del> dari Honkai: Star Rail.",
-                "counter-descriptions": ["Kuru nya telah dipencet sebanyak", "Herta telah ter-kuru-kan sebanyak"],
-                "counter-unit": "kali",
-                "counter-button": ["Pencet kuru nya~!", "Kuru kuru~!"],
-                "access-via-pages": "Kamu saat ini sedang mengakses melalui Laman GitHub. Untuk pengguna berdomisili di Tiongkok (Daratan) dan wilayah lainnya, silakan klik <a href='https://herta.ft2.ltd/'> di sini untuk mengakses mirror nya di Netlify</a>. ",
-                "access-via-mirror": "Selamat! Kamu sedang menggunakan situs mirror, yang mana seharusnya mempercepat akses untuk wilayah sekitar Tiongkok (daratan) dan wilayah lainnya . Silakan klik <a href='https://duiqt.github.io/herta_kuru/'> di sini untuk mengunjungi situs sumbernya pada Laman Github</a>.",
-                "show-credits-text": "Tampilkan Credit",
-                "repository-desc": "GitHub Repo",
-                "options-txt-vo-lang": "Voice-Over Language",
-                "options-txt-lang": "Page Language",
-                "dialogs-close": "Close",
-                "dialogs-credits-title": "Credits"
-            },
-            cardImage: "img/card_id.jpg"
+        cardImage: "img/card_kr.jpg"
+    },
+    "id": {
+        audioList: null,
+        texts: {
+            "page-title": "Selamat datang di Herta kuru~",
+            "doc-title": "Kuru Kuru~",
+            "page-descriptions": "Situs web yang dipersembahkan kepada Herta, sang Karakter Jenius <del>ngeselin</del> dari Honkai: Star Rail.",
+            "counter-descriptions": ["Kuru nya telah dipencet sebanyak", "Herta telah ter-kuru-kan sebanyak"],
+            "counter-unit": "kali",
+            "counter-button": ["Pencet kuru nya~!", "Kuru kuru~!"],
+            "access-via-pages": "Kamu saat ini sedang mengakses melalui Laman GitHub. Untuk pengguna berdomisili di Tiongkok (Daratan) dan wilayah lainnya, silakan klik <a href='https://herta.ft2.ltd/'> di sini untuk mengakses mirror nya di Netlify</a>. ",
+            "access-via-mirror": "Selamat! Kamu sedang menggunakan situs mirror, yang mana seharusnya mempercepat akses untuk wilayah sekitar Tiongkok (daratan) dan wilayah lainnya . Silakan klik <a href='https://duiqt.github.io/herta_kuru/'> di sini untuk mengunjungi situs sumbernya pada Laman Github</a>.",
+            "show-credits-text": "Tampilkan Credit",
+            "repository-desc": "GitHub Repo",
+            "options-txt-vo-lang": "Voice-Over Language",
+            "options-txt-lang": "Page Language",
+            "dialogs-close": "Close",
+            "dialogs-credits-title": "Credits"
         },
-        "pt": {
-            audioList: null,
-            texts: {
-                "page-title": "Bem-vindo ao kuru~ da herta",
-                "doc-title": "Kuru Kuru~",
-                "page-descriptions": "O site para a Herta, a personagem mais <del>irritante</del> fofa e gênia do Honkai: Star Rail que existe.",
-                "counter-descriptions": ["O kuru~ já  foi clicado", "Herta ja falou kuru~ "],
-                "counter-unit": "vezes",
-                "counter-button": "Kuru kuru~!",
-                "access-via-pages": "No momento, você está acessando por meio do GitHub Pages. Para usuários na China (continente) ou algumas regiões, clique <a href='https://herta.ft2.ltd/'>aqui pode acessar via Netlify</a>. ",
-                "access-via-mirror": "Parabéns! Você está usando um site espelho, o que deve acelerar o acesso na China (continente) e algumas regiões. Clique aqui para <a href='https://duiqt.github.io/herta_kuru/'>visitar o site de origem no GitHub Pages</a>.",
-                "show-credits-text": "Mostrar Créditos",
-                "repository-desc": "GitHub Repo",
-                "options-txt-vo-lang": "Idioma da voz",
-                "options-txt-lang": "Idioma da página",
-                "dialogs-close": "Fechar",
-                "dialogs-credits-title": "Créditos"
-            },
-            cardImage: "img/card_pt.jpg"
+        cardImage: "img/card_id.jpg"
+    },
+    "pt": {
+        audioList: null,
+        texts: {
+            "page-title": "Bem-vindo ao kuru~ da herta",
+            "doc-title": "Kuru Kuru~",
+            "page-descriptions": "O site para a Herta, a personagem mais <del>irritante</del> fofa e gênia do Honkai: Star Rail que existe.",
+            "counter-descriptions": ["O kuru~ já  foi clicado", "Herta ja falou kuru~ "],
+            "counter-unit": "vezes",
+            "counter-button": "Kuru kuru~!",
+            "access-via-pages": "No momento, você está acessando por meio do GitHub Pages. Para usuários na China (continente) ou algumas regiões, clique <a href='https://herta.ft2.ltd/'>aqui pode acessar via Netlify</a>. ",
+            "access-via-mirror": "Parabéns! Você está usando um site espelho, o que deve acelerar o acesso na China (continente) e algumas regiões. Clique aqui para <a href='https://duiqt.github.io/herta_kuru/'>visitar o site de origem no GitHub Pages</a>.",
+            "show-credits-text": "Mostrar Créditos",
+            "repository-desc": "GitHub Repo",
+            "options-txt-vo-lang": "Idioma da voz",
+            "options-txt-lang": "Idioma da página",
+            "dialogs-close": "Fechar",
+            "dialogs-credits-title": "Créditos"
         },
+        cardImage: "img/card_pt.jpg"
+    },
+};
+
+(() => {
+    const $ = mdui.$;
+
+    // initialize cachedObjects variable to store cached object URLs
+    var cachedObjects = {};
+
+    // function to try caching an object URL and return it if present in cache or else fetch it and cache it
+    function cacheStaticObj(origUrl) {
+        if (cachedObjects[origUrl]) {
+            return cachedObjects[origUrl];
+        } else {
+            setTimeout(() => {
+                fetch("static/" + origUrl)
+                    .then((response) => response.blob())
+                    .then((blob) => {
+                        const blobUrl = URL.createObjectURL(blob);
+                        cachedObjects[origUrl] = blobUrl;
+                    })
+                    .catch((error) => {
+                        console.error(`Error caching object from ${origUrl}: ${error}`);
+                    });
+            }, 1);
+            return origUrl;
+        }
     };
 
+    let firstSquish = true;
+
     // This code tries to retrieve the saved language 'lang' from localStorage. If it is not found or if its value is null, then it defaults to "en". 
     var current_language = localStorage.getItem("lang") || LANGUAGES._.defaultLanguage;
     var current_vo_language = localStorage.getItem("volang") || LANGUAGES._.defaultVOLanguage;
@@ -166,18 +190,11 @@
                     document.getElementById(textId).innerHTML = value; // replaces the innerHTML of the element with the given textId with its translated version.
         });
         refreshDynamicTexts()
-        document.getElementById("herta-card").src = curLang.cardImage; // sets the image of element with id "herta-card" to the translated version in the selected language.
+        document.getElementById("herta-card").src = "static/" + curLang.cardImage; // sets the image of element with id "herta-card" to the translated version in the selected language.
     };
 
     multiLangMutation() // the function multiLangMutation is called initially when the page loads.
 
-    // This adds an event listener on the language-selector element which updates the selected interface language, saves it on the localStorage and calls multiLangMutation to update all translations accordingly.
-    // $("#language-selector").on("change", (ev) => {
-    //     current_language = ev.target.value;
-    //     localStorage.setItem("lang", ev.target.value);
-    //     multiLangMutation();
-    // });
-
     // function that returns the list of audio files for the selected language
     function getLocalAudioList() {
         return LANGUAGES[current_vo_language].audioList;
@@ -204,32 +221,9 @@
         refreshDynamicTexts();
     });
 
-    // initialize cachedObjects variable to store cached object URLs
-    var cachedObjects = {};
-
-    // function to try caching an object URL and return it if present in cache or else fetch it and cache it
-    function tryCacheUrl(origUrl) {
-        if (cachedObjects[origUrl]) {
-            return cachedObjects[origUrl];
-        } else {
-            setTimeout(() => {
-                fetch(origUrl)
-                    .then((response) => response.blob())
-                    .then((blob) => {
-                        const blobUrl = URL.createObjectURL(blob);
-                        cachedObjects[origUrl] = blobUrl;
-                    })
-                    .catch((error) => {
-                        console.error(`Error caching object from ${origUrl}: ${error}`);
-                    });
-            }, 1);
-            return origUrl;
-        }
-    };
-
     // try caching the hertaa1.gif and hertaa2.gif images by calling the tryCacheUrl function
-    tryCacheUrl("img/hertaa1.gif");
-    tryCacheUrl("img/hertaa2.gif");
+    cacheStaticObj("img/hertaa1.gif");
+    cacheStaticObj("img/hertaa2.gif");
 
     // Define a function that takes an array as an argument and returns a random item from the array
     function randomChoice(myArr) {
@@ -266,7 +260,7 @@
         } else {
             audioUrl = getRandomAudioUrl();
         }
-        let audio = new Audio(tryCacheUrl(audioUrl));
+        let audio = new Audio(cacheStaticObj(audioUrl));
         audio.play();
         audio.addEventListener("ended", function () {
             this.remove();
@@ -277,7 +271,7 @@
         let id = null;
         const random = Math.floor(Math.random() * 2) + 1;
         const elem = document.createElement("img");
-        elem.src = tryCacheUrl(`img/hertaa${random}.gif`);
+        elem.src = cacheStaticObj(`img/hertaa${random}.gif`);
         elem.style.position = "absolute";
         elem.style.right = "-500px";
         elem.style.top = counterButton.getClientRects()[0].bottom + scrollY - 430 + "px"