mirror of
https://github.com/boramalper/system-7.git
synced 2024-11-21 23:31:25 +00:00
131 lines
4.9 KiB
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>
|