<div style="font-size: 1.7em; text-align: center">
<img style="width: 100%" src="assets/plaque1.jpg"/>
<br/>
</div>
<div id="dialogbox" style="font-size: 1.2em">
I couldn't understand it then.|
It said:
</div>
<div style="font-family: Display1; position: absolute; visibility: hidden" aria-hidden="true">Make fonts available.</div>
<%
$(function () {
mainScript.globalScript();
mainScript.addDialogue("story1");
});
%><div id="translation1" class="translationDiv"></div>
<br/>
<div id="translation2" class="translationDiv hidden"></div>
<br/>
<button class="hidden" id="toNext" type="button" onClick="window.story.show('story2')"><img style="width: 16px" src="assets/arrow.png"></button>
<%
$(function () {
mainScript.globalScript();
mainScript.addTranslation1();
mainScript.addTranslation2();
});
%><div id="dialogbox" style="font-size: 1.2em">
I heard Chinese.|
Parents calling me.|
I left the plaque behind|
somewhere in Wuhan.
</div>
<%
$(function () {
mainScript.globalScript();
mainScript.addDialogue("end");
});
%><div style="text-align: center">
<img style="width: 70%; max-width: 675px; border: 4px double #ff8833; border-radius: 15px; margin: 10px;" src="assets/cover.jpg">
<br/>
<button id="toNext" type="button" onClick="window.story.show('story0')"><img style="width: 16px" src="assets/refresh.png"></button>
</div>
<%
$(function () {
mainScript.globalScript();
});
%>