system-7/index.html

131 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>System 7</title>
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, width=device-width, height=device-height">
<link rel="manifest" href="manifest.json">
<script>window.archive_setup=[]</script>
<script src="index_files/jquery-1.js"></script>
<script src="index_files/bootstrap.js"></script>
<script src="index_files/jwplayer.js"></script>
<script src="index_files/react.js"></script>
<script src="index_files/react-dom.js"></script>
<script src="index_files/play8.js"></script>
<script src="index_files/playset.js"></script>
<script src="index_files/polyfill.js"></script>
<script src="index_files/archive.js"></script>
<script src="index_files/loader.js"></script>
<script src="index_files/browserfs.js"></script>
<script src="pressure-v2.1.2.js"></script>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="System 7">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<meta name="description" content="This pair of compilation hard drives contains a full copy of MacOS 7.0.1, along with a range of games, applications, utilities and toys to demonstrate the...">
<meta property="og:title" content="MacOS System 7.0.1 Compilation : Apple Computer : Free Download, Borrow, and Streaming : Internet Archive">
<meta property="og:description" content="This pair of compilation hard drives contains a full copy of MacOS 7.0.1, along with a range of games, applications, utilities and toys to demonstrate the...">
<meta property="og:site_name" content="Internet Archive">
<meta property="og:image" content="https://archive.org/services/img/mac_MacOS_7.0.1_compilation">
<meta property="og:url" content="https://archive.org/details/mac_MacOS_7.0.1_compilation">
<link rel="canonical" href="https://archive.org/details/mac_MacOS_7.0.1_compilation">
<link href="index_files/archive.css" rel="stylesheet" type="text/css">
</head>
<body class="navia embedded ia-module tiles">
<!-- Wraps all page content -->
<div id="wrap">
<!--HTML-->
<div id="emulate">
<div id="canvasholder">
<canvas id="canvas" style="width:100%;height:100%" width="300" height="150"></canvas>
<div id="gamepadtext"></div>
<button id="keyboardBtn" onclick="keyboardBtnClicked()">⌨️</button> <!-- keyboard emoji -->
<input id="keyboardInput" type="text">
</div>
</div><!--/#emulate-->
<style>
body.embedded {
background-color:black;
}
#emulate {
display: flex;
justify-content: center;
align-items: center;
}
#canvas {
/*cursor: none;*/
}
#keyboardBtn {
width: 20%;
float: right;
}
#keyboardInput {
visibility: hidden;
}
img.emularity-splash-image {
display: none !important;
}
</style>
<script>
"use strict";
if ("standalone" in navigator && !navigator.standalone) {
alert("Add to Home Screen to be able to use it!");
return;
}
AJS.emulate_setup({"url":"\/stream\/mac_MacOS_7.0.1_compilation?module=pce-macplus&scale=1","identifier":"mac_MacOS_7.0.1_compilation","module":"pce-macplus","scale":"1","screenshot":"\/serve\/mac_MacOS_7.0.1_compilation\/_screenshot.gif"});
AJS.emulate();
// prevIsDeep is to be saved by pce-macplus.js
var prevIsDeep = false, isDeep = false;
Pressure.set("#canvas", {
start: function(event){
// this is called on force start
},
end: function(){
// this is called on force end
},
startDeepPress: function(event) {
// this is called on "force click" / "deep press", aka once the force is greater than 0.5
console.log("deeeeeep");
isDeep = true;
},
endDeepPress: function(){
// this is called when the "force click" / "deep press" end
console.log("shalloooow");
isDeep = false;
},
change: function(force, event) {
// this is called every time there is a change in pressure
// force will always be a value from 0 to 1 on mobile and desktop
},
unsupported: function(){
// NOTE: this is only called if the polyfill option is disabled!
// this is called once there is a touch on the element and the device or browser does not support Force or 3D touch
}
});
function keyboardBtnClicked() {
document.getElementById("keyboardInput").focus();
}
</script>
</div>
</body>
</html>