75 lines
2.6 KiB
HTML
75 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="windows95">
|
|
|
|
<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/vendor/95css.css">
|
|
<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="setup">
|
|
<section id="section-start" class="visible">
|
|
<div class="btn btn-start" id="win95">
|
|
Start Windows 95
|
|
<br />
|
|
|
|
<small>Hit ESC to lock or unlock your mouse</small>
|
|
</div>
|
|
</section>
|
|
<section id="section-floppy">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h2 class="card-title">Floppy Drive</h2>
|
|
</div class="card-header">
|
|
<div class="card-body">
|
|
<input id="floppy-input" type='file' style="display: none">
|
|
<p>windows95 comes with a virtual floppy drive. If you have floppy disk images in the "img" format, you can
|
|
mount them here.</p>
|
|
<p>Back in the 90s and before CD-ROM became a popular format, software was typically distributed on floppy
|
|
disks. Some developers have since released their apps or games for free, usually on virtual floppy disks
|
|
using the "img" format.</p>
|
|
<p>Once you've mounted a disk image, you might have to reboot your virtual windows95 machine from scratch.</p>
|
|
<p id="floppy-path">No floppy mounted</p>
|
|
<button id="floppy-select" class="btn">Mount floppy disk</button>
|
|
<button id="floppy-reboot" class="btn">Reboot from scratch</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="section-state">
|
|
|
|
</section>
|
|
<section id="section-disk">
|
|
|
|
</section>
|
|
|
|
<nav class="nav nav-bottom">
|
|
<a href="#" id="start" class="nav-logo">
|
|
<img src="style/start.png" alt=""><span>Start</span>
|
|
</a>
|
|
<div class="nav-menu">
|
|
<a href="#" id="floppy" class="nav-link">Floppy Disk</a>
|
|
<a href="#" id="state" class="nav-link">Reset Machine</a>
|
|
<a href="#" id="disk" class="nav-link">Modify C: Drive</a>
|
|
</div>
|
|
</nav>
|
|
</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> |