96 lines
3.6 KiB
HTML
96 lines
3.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta name="description" content="Memory Hole Adventures"></meta>
|
||
|
<meta name="keywords" content="scrunkly"></meta>
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1"></meta>
|
||
|
<link rel="stylesheet" href="page_style.css"></meta>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class="canvas">
|
||
|
<div class="dialogue_area">
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>æ%öö!</p>
|
||
|
</div>
|
||
|
|
||
|
<!--dialogue internal-->
|
||
|
<div>
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>moon isn't waking up...what do i do?</p>
|
||
|
<p>the last backup was so long ago...i can't lose this</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!--dialogue external-->
|
||
|
<div style="display:flex;">
|
||
|
<img class="left-pfp" src="assets/ml-akira.png">
|
||
|
<div class="dialogue akira">
|
||
|
<p>hello? moon?</p>
|
||
|
<p>are you in there?</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>...</p>
|
||
|
</div>
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>i stop and think, what have i not tried yet?</p>
|
||
|
<p>oh...oh of course...</p>
|
||
|
</div>
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>...</p>
|
||
|
</div>
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>i push these latest changes and send the command to restart remotely</p>
|
||
|
</div>
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>moon's mechanical whirring stops all at once, and then starts anew</p>
|
||
|
</div>
|
||
|
|
||
|
<div style="display:flex;">
|
||
|
<div class="dialogue moon">
|
||
|
<p>...</p>
|
||
|
<p>here...</p>
|
||
|
</div>
|
||
|
<img class="right-pfp" src="assets/ml-moon.png">
|
||
|
</div>
|
||
|
<div class="dialogue moon">
|
||
|
<p>i am here. i am here...?</p>
|
||
|
</div>
|
||
|
<div class="dialogue moon">
|
||
|
<p>yes! i am...i am here!</p>
|
||
|
</div>
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>i hear shuffling, then footsteps</p>
|
||
|
<p>moon looks behind me</p>
|
||
|
</div>
|
||
|
|
||
|
<div style="display:flex;">
|
||
|
<img class="left-pfp" src="assets/ml-jamie.png">
|
||
|
<div class="dialogue jamie" style="transform:TranslateY(25%)">
|
||
|
<p>oh! is moon awake?</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="dialogue akira_internal">
|
||
|
<p>oh! jamie!</p>
|
||
|
</div>
|
||
|
|
||
|
<div style="display:flex;">
|
||
|
<img class="left-pfp" src="assets/ml-akira.png">
|
||
|
<div class="dialogue akira">
|
||
|
<p>jamie not right now...</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div style="display:flex;">
|
||
|
<div class="dialogue akira">
|
||
|
<p>jamie not right now...</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|
||
|
|