macintosh.js/src/renderer/index.html
2020-07-27 10:33:55 -07:00

53 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>macintosh.js</title>
<link rel="stylesheet" href="style/index.css">
</head>
<body class="emulator_loading">
<canvas id="canvas" width="800" height="600" oncontextmenu="event.preventDefault()"></canvas>
<div id="disk_saving" class="dialog absolute_center hidden">
<p>Saving virtual machine disk and files.</p>
<p>We'll quit once done.</p>
<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>
<div id="progress" class="dialog absolute_center">
<p>Loading emulator dependencies...</p>
<progress id="progressbar" value="0" max="100"></progress>
</div>
<div class="controls garamond">
<div class="clear">
<a id="close" href="#">Quit</a>
<a id="credits" href="#" onclick="window.open('credits.html')">Credits</a>
<a id="help" href="#" onclick="window.open('help.html')">Help</a>
<a id="devtools" href="#" class="hidden">Toggle DevTools</a>
</div>
</div>
<div id="warning" class="dialog hidden absolute_center">
<div>
<h1><img src="images/important_note.png" /> Don't lose your data!</h1>
<p>
Warning: <strong>All changes to your virtual Macintosh will be lost</strong>
unless you shut down the virtual machine.
</p>
<p>
Click on the <img width="17" src="images/finder_icon.png" /> icon
in the upper right and select "Finder". Then, in the menu bar at the
top of the screen, click on "Special" and select "Shut Down".
</p>
<button id="warning-quit">
Quit anyway
</button>
<button id="warning-cancel">
Cancel
</button>
</div>
</div>
<script src="./controls.js"></script>
<script src="./emulator.js"></script>
</body>
</html>