From 89404f1faca073e09b534a5157c09f9050b88a02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9C=D0=B8=D1=85=D0=B0=D0=B8=D0=BB=20=D0=9A=D0=B0=D0=BF?=
 =?UTF-8?q?=D0=B5=D0=BB=D1=8C=D0=BA=D0=BE?= <m.kapelko@iva-tech.ru>
Date: Sun, 29 Jun 2025 07:31:23 +0300
Subject: [PATCH] start 07

---
 07.Interrogation.html | 117 ++++++++++++++++++++++++++++++++++++++++++
 README.md             |   1 +
 2 files changed, 118 insertions(+)
 create mode 100644 07.Interrogation.html
diff --git a/07.Interrogation.html b/07.Interrogation.html
new file mode 100644
index 0000000..507e5da
--- /dev/null
+++ b/07.Interrogation.html
@@ -0,0 +1,117 @@
+<html>
+    <head>
+        <style>
+            img {
+                width: 480px;
+            }
+            .item {
+                border: 1px solid lightgrey;
+                padding: 8px;
+                margin-left: 8px;
+                margin-bottom: 50px;
+            }
+            /* Blur transcript by default */
+            .transcript {
+                filter: blur(2px);
+            }
+            /* Show transcript when holding the mouse over */
+            .transcript:active {
+                filter: blur(0px);
+            }
+            body {
+                font-family: sans-serif;
+            }
+        </style>
+    </head>
+    <body>
+    </body>
+
+    <p><a href="https://www.matrixfans.net/movies/the-matrix/transcript/" target="_blank">Matrix 1 full transcript</a></p>
+
+    <!-- Templates -->
+    <script>
+        var itemTemplate = `
+<div class = "item">
+    <h1><span id="who-%ID%"></span>: <a id="zh-%ID%" href="https://www.archchinese.com/chinese_english_dictionary.html?find=%ZH%" target="_blank"><a></h1>
+    <img id="img-%ID%" />
+    <p id="en-%ID%"></p>
+    <p id="tr-%ID%" class="transcript"></p>
+    <p><audio id="audio-%ID%" style="display: none" controls autoplay></audio></p>
+</div>
+`
+    </script>
+
+    <!-- English, Chinese, and transcription -->
+    <script>
+        var texts = {
+            1: {
+                who: "Agent Smith",
+                en: "?",
+                zh: "?",
+                tr: "?",
+            },
+            /*
+            99: {
+                who: "?",
+                en: "?",
+                zh: "?",
+                tr: "?",
+            },
+            */
+        };
+    </script>
+
+    <!-- Base64 encoded audio files -->
+    <script>
+        var b64Audios = {
+        };
+    </script>
+
+    <!-- Base64 encoded image files -->
+    <script>
+        var b64Images = {
+        };
+    </script>
+
+    <!-- Configure the page -->
+    <script>
+        // Create items in HTML.
+        for (var i in texts) {
+            document.body.innerHTML += itemTemplate
+              .replaceAll("%ID%", i)
+              .replaceAll("%ZH%", texts[i]["zh"]);
+        }
+
+        // Assign texts.
+        for (var i in texts) {
+            var whoId = "who-" + i;
+            var enId = "en-" + i;
+            var zhId = "zh-" + i;
+            var trId = "tr-" + i;
+            var who = document.getElementById(whoId);
+            var en = document.getElementById(enId);
+            var zh = document.getElementById(zhId);
+            var tr = document.getElementById(trId);
+            who.textContent = i + '. ' + texts[i]["who"];
+            zh.textContent = texts[i]["zh"];
+            en.textContent = texts[i]["en"];
+            tr.textContent = texts[i]["tr"];
+        }
+
+        // Assign audios.
+        for (var i in b64Audios) {
+            var id = "audio-" + i;
+            var elem = document.getElementById(id);
+            elem.src = "data:audio/aac;base64," + b64Audios[i];
+            // Make item visible to work around default state of being hidden.
+            elem.style.display = "block";
+        }
+
+        // Assign images.
+        for (var i in b64Images) {
+            var id = "img-" + i;
+            var elem = document.getElementById(id);
+            elem.src = "data:image/jpeg;base64," + b64Images[i];
+        }
+    </script>
+</html>
diff --git a/README.md b/README.md
index ac93b46..3d17809 100644
--- a/README.md
+++ b/README.md
@@ -12,3 +12,4 @@ Table of contents:
 * 04.Apartment.html
 * 05.Club.html
 * 06.Office.html
+* 07.Interrogation.html
