create 08 apartment stub

This commit is contained in:
Михаил Капелько
2025-08-03 08:30:43 +03:00
parent 7d6d981c4c
commit f86f63b297
5 changed files with 112 additions and 24 deletions

View File

@@ -290,14 +290,6 @@
zh: "它会找到你", zh: "它会找到你",
tr: "ta hui zhaodao ni", tr: "ta hui zhaodao ni",
}, },
/*
99: {
who: "?",
en: "?",
zh: "?",
tr: "?",
},
*/
}; };
</script> </script>

View File

@@ -470,14 +470,6 @@
zh: "见鬼", zh: "见鬼",
tr: "jiangui", tr: "jiangui",
}, },
/*
99: {
who: "?",
en: "?",
zh: "?",
tr: "?",
},
*/
}; };
</script> </script>

View File

@@ -332,14 +332,6 @@
zh: "不管你愿意不愿意", zh: "不管你愿意不愿意",
tr: "buguan ni yuanyi bu yuanyi", tr: "buguan ni yuanyi bu yuanyi",
}, },
/*
99: {
who: "?",
en: "?",
zh: "?",
tr: "?",
},
*/
}; };
</script> </script>

111
08.Apartment.html Normal file
View File

@@ -0,0 +1,111 @@
<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 = {
/*
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>

View File

@@ -13,3 +13,4 @@ Table of contents:
* 05.Club.html * 05.Club.html
* 06.Office.html * 06.Office.html
* 07.Interrogation.html * 07.Interrogation.html
* 08.Apartment.html