Innovation/dremjs-old
1
0
Fork 0
Code Issues Pull requests Projects Releases 8 Wiki Activity

Update index-open.html

Browse source
This commit is contained in:
Innovation Inc 2019-12-13 17:13:48 -06:00 committed by GitHub
parent b216689291
commit 131029c5b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 102 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

160
index-open.html
View file

@ -1,76 +1,98 @@
<html> <html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
<!-- classes were from SparrOS Developer Team --> <!-- classes were from SparrOS Developer Team -->
<title>DremJS</title> <title>DremJS</title>
<!--<embed src="mopen.mp3" width="0" height="0" loop="false" autostart="true" hidden="true" /> <!--<embed src="mopen.mp3" width="0" height="0" loop="false" autostart="true" hidden="true" />
<audio loop autoplay> <audio loop autoplay>
Aw fiddle sticks. What now? (ERROR: 1040-0001) Aw fiddle sticks. What now? (ERROR: 1040-0001)
Your browser doesn't support the AUDIO tag! Get a newer browser or update it Your browser doesn't support the AUDIO tag! Get a newer browser or update it
<source src="ambient.mp3" type="audio/mp3"> <source src="ambient.mp3" type="audio/mp3">
</audio>--> </audio>-->
<style> <style>
.start { .framewrap {
position: absolute; width:500px;
left: 0px; height:300px;
bottom: 0px; padding:10px;
} position: fixed;
.astart { top: 10px;
position: absolute; left: 10px;
left: 0px; background-color:#87CEEB;
bottom: 50px;
} }
.cwhite { .appFrame {
color: white; width:99%;
height:93%;
background-color:#FFFFFF;
}
.start {
position: absolute;
left: 0px;
bottom: 0px;
}
.astart {
position: absolute;
left: 0px;
bottom: 50px;
}
.cwhite {
color: white;
}
.br1 {
position: absolute;
bottom: 8px;
right: 16px;
font-size: 12px;
}
.br2 {
position: absolute;
bottom: 22px;
right: 16px;
font-size: 12px;
}
.br3 {
position: absolute;
bottom: 36px;
right: 16px;
font-size: 12px;
} }
.br1 {
position: absolute;
bottom: 8px;
right: 16px;
font-size: 12px;
}
.br2 {
position: absolute;
bottom: 22px;
right: 16px;
font-size: 12px;
}
.br3 {
position: absolute;
bottom: 36px;
right: 16px;
font-size: 12px;
}
html { html {
background: url(DremJS-Background.png) no-repeat center center fixed; background: url(DremJS-Background.png) no-repeat center center fixed;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
} }
a:link { a:link {
color: black;
text-decoration: none;
}
a:visited {
color: black; color: black;
text-decoration: none; text-decoration: none;
} }
a:visited { div {
color: black; background-color: gray;
text-decoration: none; padding: 300px;
} border: 5px solid gray;
div { margin: 0;
background-color: gray; }
padding: 300px;
border: 5px solid gray;
margin: 0;
}
</style> </style>
<body> </head>
<p class="cwhite br3">DremJS Version 0.1.1b</p> <body onload="makeDraggable()">
<p class="cwhite br2">Build 25</p> <div id="appContainer">
<p class="cwhite br1">&copy; Innovation Inc.</p>
</div>
<p class="cwhite br3">DremJS Version 0.1.1b</p>
<p class="cwhite br2">Build 25</p>
<p class="cwhite br1">&copy; Innovation Inc.</p>
<div class="start"> <div class="start">
<ul class="astart"> <ul class="astart">
<dt><a onclick="openApplication(APP-About)" href="apps/About/index.html"><p><img src="apps/About/about.png" align="top"> About DremJS</p></a></dt> <dt><a onclick="openApplication('About')"><p><img src="apps/About/about.png" align="top"> About DremJS</p></a></dt>
<dt><a onclick="openApplication(APP-HowTo)" href="apps/HowTo/index.html"><p><img src="apps/HowTo/howto.png" align="top"> How to Install Applications</p></a></dt> <dt><a onclick="openApplication('HowTo')"><p><img src="apps/HowTo/howto.png" align="top"> How to Install Applications</p></a></dt>
<dt><a onclick="openApplication(APP-DremJS_Market)" href="https://sparrdrem.github.io/DremJS-Market"><p><img src="apps/Market/market.png" align="top"> DremJS Market</p></a></dt> <dt><a onclick="openApplication('Market')"><p><img src="apps/Market/market.png" align="top"> DremJS Market</p></a></dt>
<dt><a onclick="openApplication(APP-Debug)" href="apps/debug/debug.html"><p><img src="apps/debug/debug.png" align="top"> Report a Bug</p></a></dt> <dt><a onclick="openApplication('Debug')"><p><img src="apps/debug/debug.png" align="top"> Report a Bug</p></a></dt>
<!--Below is where remotely installed apps will start --> <!--Below is where remotely installed apps will start -->
<hr /> <hr />
@ -78,5 +100,27 @@
</ul> </ul>
<a href="#"><p class="start" style="left:12px;">Start</p></a> <a href="#"><p class="start" style="left:12px;">Start</p></a>
</div> </div>
<script>
function makeDraggable() {
$(".framewrap")
.draggable()
.resizable();
}
function moveToFront(app) {
$('.framewrap').css('z-index', 1);
$('#' + app).css('z-index', 9999);
}
function openApplication(app) {
var newElement="<div onclick=\"moveToFront(" + app + ")\" id=\"" + app + "\" class=\"framewrap\"><input type=\"button\" onclick=\"closeApplication(" + app + ")\" value=\"X\" /><iframe class=\"appFrame\" src=\"apps/" + app + "/\"></iframe></div>";
var parent=document.getElementById('appContainer');
parent.innerHTML+=newElement;
makeDraggable();
}
function closeApplication(app) {
var element = document.getElementById(app);
element.parentNode.removeChild(element);
}
</script>
</body> </body>
</html> </html>