made-in-akira/webdev/Memory Hole Adventures/pages/stuck.html

96 lines
3.6 KiB
HTML
Raw Normal View History

2024-06-19 22:22:59 +00:00
<!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>