site/www/index.html

82 lines
2.3 KiB
HTML

<!doctype html>
<!-- Ref: https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title>have you tried crying more?</title>
<script src="js/main.js" type="module"></script>
<!-- Theming -->
<link type="text/css" rel="stylesheet" href="css/themes/themes/rose-pine.css" media="all" id="theme_css">
<!-- Styling -->
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/ppty.css">
</head>
<body>
<!-- ShadeMyCanvas (background) -->
<canvas id="bg-canvas"></canvas>
<!-- Psuedo-Pseudo-Terminal -->
<div class="centered-container">
<div class="ppty centered cryframe" id="boot-ppty">
<div class="ppty-block">
<div class="ppty-prompt">
grub>
</div>
<div class="ppty-command">
boot
</div>
<div class="ppty-output theme-tty-warning">
ERROR: Root device mounted successfully, but /sbin/init does not exist.<br/><br/>
<i class="theme-tty-error">
Bailing out, you are on your own.<br/>
Good luck<br/><br/>
</i>
sh: can't access tty; job control turned off<br/><br/>
</div>
</div>
<div class="ppty-block">
<div class="ppty-prompt">
[rootfs ]#
</div>
<div class="ppty-command">
do butterflies cry when they're sad?
</div>
<div class="ppty-output">
<i class="theme-tty-error">
Segmentation fault (core dumped)
</i>
</div>
</div>
</div>
</div>
<main>
<audio autoplay>
<!-- <source src="audio/UNREGISTERED_FIREARM.mpeg" type="audio/mpeg"> -->
<source src="audio/UNDO_UNDO.mpeg" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div class="centered-container">
<div class="centered cryframe" style="display: flex; flex-direction: row; gap: 20px;">
<img src="baked/avatar.png" loading="eager" height="150">
<p>hi!! i'm cry (they/them)</p>
</div>
</div>
</main>
</body>
</html>