55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Windows</title>
|
|
<script src="./lib/libv86.js"></script>
|
|
<link rel="stylesheet" href="style/style.css">
|
|
</head>
|
|
|
|
<body class="paused">
|
|
<div id="status">
|
|
Disk: <span id="disk-status">Idle</span>
|
|
| CPU Speed: <span id="cpu-status">0</span>
|
|
| <a href="#" id="toggle-status">Hide</a>
|
|
</div>
|
|
<div id="buttons">
|
|
<div id="start-buttons">
|
|
<!-- <div class="btn" id="win98">Windows 98</div> -->
|
|
<div class="btn btn-start" id="win95">
|
|
Start Windows 95
|
|
<br />
|
|
|
|
<small>Hit ESC to lock or unlock your mouse</small>
|
|
</div>
|
|
<!-- <div class="btn" id="win1">Windows 1</div> -->
|
|
</div>
|
|
<div id="other-buttons">
|
|
<div class="btn" id="reset">Reset Machine & Delete State</div>
|
|
<div class="btn" id="floppy">Insert Floppy Disk</div>
|
|
<div class="btn" id="discard-state">Discard State & Boot From Scratch</div>
|
|
<div class="btn" id="show-disk-image">Show Disk Image</div>
|
|
<input id="file-input" type='file'>
|
|
</div>
|
|
<div id="information">
|
|
<p id="floppy-path"></p>
|
|
<p>You can insert a floppy disk image with the ".img" format.</p>
|
|
<p>
|
|
Boot the machine from scratch if you've inserted a new floppy disk
|
|
or if you've changed the disk image.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="emulator" style="height: 100vh; width: 100vw">
|
|
<div style="white-space: pre; font: 14px monospace; line-height: 14px"></div>
|
|
<canvas style="display: none"></canvas>
|
|
</div>
|
|
<script type="module">
|
|
import("es6://renderer.js")
|
|
</script>
|
|
</body>
|
|
|
|
</html> |