From a71a2a389cb154080f988b2f320a2b80941762ed Mon Sep 17 00:00:00 2001
From: Ren Tatsumoto <tatsu@autistici.org>
Date: Mon, 21 Aug 2023 07:56:32 +0300
Subject: [PATCH] update japanese words

---
 .../Japanese words/Recognition/back.html      | 22 ++++++++++++++++++-
 templates/Japanese words/template.css         | 17 +++++++++++++-
 2 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/templates/Japanese words/Recognition/back.html b/templates/Japanese words/Recognition/back.html
index 115b948..f0ec14b 100644
--- a/templates/Japanese words/Recognition/back.html	
+++ b/templates/Japanese words/Recognition/back.html	
@@ -7,15 +7,35 @@
         <div class="definition">{{edit:furigana:VocabDef}}</div>
     {{/VocabDef}}
     {{#Image}}
+    <details id="details">
+    <summary>Image</summary>
         <div class="images">{{Image}}</div>
+    </details>
     {{/Image}}
     {{#VocabAudio}}
-    <div class="pronunciation">{{VocabAudio}}</div>
+    <div class="pronunciation" id="pronunciation">{{VocabAudio}}</div>
     {{/VocabAudio}}
     <hr>
     <footer><a href="https://jisho.org/search/{{kanji:text:VocabKanji}}">Jisho</a><a href="https://duckduckgo.com/?q={{kanji:text:VocabKanji}}&iax=images&ia=images&kp=-2&kl=jp-jp">Images</a><a href="http://www.weblio.jp/content/{{kanji:text:VocabKanji}}">Weblio</a><a href="https://wadoku.de/search/?q={{kanji:text:VocabKanji}}">Wadoku</a><a href="https://chan.sankakucomplex.com/post/index?tags={{kanji:text:VocabKanji}} order:popular solo rating:safe">Sankaku</a></footer>
 </div>
 
 <script>
+    function removeAudioIfMarkedX() {
+        const pr = document.getElementById("pronunciation");
+        if (pr && pr.innerText.match(/^[x×]/i)) {
+            pr.style.display = "none";
+        }
+    }
+    function isMobile() {
+        return document.getElementsByTagName("html")[0].classList.contains("mobile");
+    }
+    function toggleDetails() {
+        const detailsElement = document.getElementById("details");
+        if (detailsElement) {
+            detailsElement.toggleAttribute("open", !isMobile());
+        }
+    }
     reformatMultiFurigana();
+    removeAudioIfMarkedX();
+    toggleDetails();
 </script>
diff --git a/templates/Japanese words/template.css b/templates/Japanese words/template.css
index 0c22d40..b451be4 100644
--- a/templates/Japanese words/template.css	
+++ b/templates/Japanese words/template.css	
@@ -155,7 +155,6 @@ header .tags {
 .definition,
 .notes {
     text-align: left;
-    margin: 10px 0;
     line-height: 1.5;
     font-weight: 300;
 }
@@ -385,3 +384,19 @@ ol li+li {
 .japanese.question:hover ruby rt {
     opacity: 1;
 }
+
+/* Details */
+
+details, .definition {
+    background-color: hsl(0deg 80% 50% / 3%);
+    border-radius: 4px;
+    padding: 3px;
+    margin-block-end: 0.4rem;
+    border: 1px solid hsl(0deg 80% 50% / 15%);;
+}
+summary {
+    font-size: 18px;
+    color: hsl(0 80% 10% / 70%);
+    font-weight: 500;
+    user-select: none;
+}