diff options
Diffstat (limited to 'iframeapps')
43 files changed, 1520 insertions, 0 deletions
diff --git a/iframeapps/agent8ball.html b/iframeapps/agent8ball.html new file mode 100644 index 0000000..270cdda --- /dev/null +++ b/iframeapps/agent8ball.html @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Agent 008 Ball</title> +<link rel="stylesheet" href="common.css"/> +<link rel="shortcut icon" href="http://agent8ball.com/favicon.ico"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#1E2018; + background-image:url(splashscreens/agent8ball.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onmouseover="clock();" onload="splash()"> +<div id="splashscreen"></div> +<iframe src="http://agent8ball.com" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> diff --git a/iframeapps/angrybirds.html b/iframeapps/angrybirds.html new file mode 100644 index 0000000..b423b89 --- /dev/null +++ b/iframeapps/angrybirds.html @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Angry Birds</title> +<link rel="stylesheet" href="common.css"/> +<link rel="shortcut icon" href="http://chrome.angrybirds.com/favicon.ico"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#F62233; + background-image:url(splashscreens/angrybirds.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onmouseover="clock();" onload="splash()"> +<div id="splashscreen"></div> +<iframe src="http://chrome.angrybirds.com" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> diff --git a/iframeapps/camera.html b/iframeapps/camera.html new file mode 100644 index 0000000..9fdc6d5 --- /dev/null +++ b/iframeapps/camera.html @@ -0,0 +1,97 @@ +<!DOCTYPE html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Camera</title> +<link rel="shortcut icon" href="favicons/camera.ico"/> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#8F0098; + background-image:url(splashscreens/camera.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"></div> +<iframe src="http://link6155.kodingen.com/Metroshoot" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/captainforever.html b/iframeapps/captainforever.html new file mode 100644 index 0000000..9fa9fc5 --- /dev/null +++ b/iframeapps/captainforever.html @@ -0,0 +1,98 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>[CPF: CAPTFOREVER.BAT]</title> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-image:url(splashscreens/captainforever.png); + background-position:center; + background-repeat:no-repeat; + background-color:#010101; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"> +</div> +<iframe src="http://www.captainforever.com/captainforever.php" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/common.css b/iframeapps/common.css new file mode 100644 index 0000000..2a11d2f --- /dev/null +++ b/iframeapps/common.css @@ -0,0 +1,150 @@ +body { + font-family:Segoe UI; + color:#FFFFFF; + margin:0px; + padding:0px; +} +iframe { + display:block; + border:none; + position:absolute; + z-index:-1; +} +object { + position:absolute; + z-index:-1; +} +img, a { + outline:none; + border:none; +} +@keyframes splash { + from { + opacity: 1; + } + to { + opacity:0; + display:none; + } +} +@-ms-keyframes splash { + from { + opacity: 1; + } + to { + opacity:0; + display:none; + } +} +@-webkit-keyframes splash { + from { + opacity: 1; + } + to { + opacity:0; + display:none; + } +} +@-o-keyframes splash { + from { + opacity: 1; + } + to { + opacity:0; + display:none; + } +} +#splashscreen { + position:fixed; + width:100%; + height:100%; + color:#FFFFFF; + z-index:1; +} +#hoverarea { + position:fixed; + top:0px; + right:0px; + width:15px; + height:15px; + z-index:999; +} +#bottomhoverarea { + position:fixed; + bottom:0px; + right:0px; + width:15px; + height:15px; + z-index:999; +} +#starthoverarea { + position:fixed; + bottom:0px; + left:0px; + width:15px; + height:15px; + z-index:999; +} +#charmsbar { + display:none; + background-color:#111111; + position:fixed; + padding:5% 0; + top:0px; + right:0px; + height:100%; + width: 86px; + +} +#settingscharms { + padding : 40px; + display:none; + background-color:#3B66AD; + position:fixed; + top:0px; + right:0px; + height:100%; + width: 345px; + +} +#startbutton { + display:none; + position:fixed; + left:0px; + bottom:0px; + z-index:999; +} +#iconnetwork { + position:absolute; + top:35px; + left:25px; +} +#iconbattery { + position:absolute; + bottom:35px; + left:32px; +} +#datetime { + display:none; + position:fixed; + left:50px; + bottom:50px; + width:490px; + height:139px; + background-color: rgba(17,17,17,1); +} +#time { + position:absolute; + left:70px; + bottom:19px; + font-family: Segoe UI Light; + font-size: 64pt; +} +#date { + margin-top:20px; + margin-right:20px; + float:right; + font-size:24pt; + font-family: Segoe UI; + color:#FFFFFF; +} diff --git a/iframeapps/contrejour.html b/iframeapps/contrejour.html new file mode 100644 index 0000000..e76391a --- /dev/null +++ b/iframeapps/contrejour.html @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Contre Jour</title> +<link rel="stylesheet" href="common.css"/> +<link rel="shortcut icon" href="http://contrejour.ie/favicon.ico"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#000000; + background-image:url(splashscreens/contrejour.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onmouseover="clock();" onload="splash()"> +<div id="splashscreen"></div> +<iframe src="http://contrejour.ie" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> diff --git a/iframeapps/cuttherope.html b/iframeapps/cuttherope.html new file mode 100644 index 0000000..32b36b8 --- /dev/null +++ b/iframeapps/cuttherope.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Cut the Rope</title> +<link rel="stylesheet" href="common.css"/> +<link rel="shortcut icon" href="http://cuttherope.ie/favicon.ico"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#FFFFFF; + background-image:url(splashscreens/cuttherope.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onmouseover="clock()" onload="splash()"> +<div id="splashscreen"></div> +<iframe src="http://cuttherope.ie" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} + +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html> + diff --git a/iframeapps/fruitninja.html b/iframeapps/fruitninja.html new file mode 100644 index 0000000..7ae8ed5 --- /dev/null +++ b/iframeapps/fruitninja.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Fruit Ninja</title> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#FFFFFF; + background-image:url(splashscreens/fruitninja.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"></div> +<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" + codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" + WIDTH="100%" HEIGHT="100%" id="animation/transparency" ALIGN=""> + <PARAM NAME=movie VALUE="http://static.onlinegamesbazar.com/ogb_9387Fruit_Slasher_s.swf"> <PARAM NAME=quality VALUE=high><PARAM NAME=wmode VALUE=opaque> <PARAM NAME=bgcolor VALUE=#000000> + <EMBED src="http://static.onlinegamesbazar.com/ogb_9387Fruit_Slasher_s.swf" wmode="opaque" quality=high bgcolor=#000000 WIDTH="100%" HEIGHT="100%" NAME="transparency" ALIGN="" + TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/grooveshark.html b/iframeapps/grooveshark.html new file mode 100644 index 0000000..34be6f7 --- /dev/null +++ b/iframeapps/grooveshark.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Grooveshark</title> +<link rel="shortcut icon" href="http://grooveshark.com/favicon.ico"/> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-image:url(splashscreens/grooveshark.png); + background-position:center; + background-repeat:no-repeat; + background-color:#F78500; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"> +</div> +<iframe src="http://html5.grooveshark.com" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/img/battery.png b/iframeapps/img/battery.png Binary files differnew file mode 100644 index 0000000..07b1b4d --- /dev/null +++ b/iframeapps/img/battery.png diff --git a/iframeapps/img/charmsbar/devices-hover.png b/iframeapps/img/charmsbar/devices-hover.png Binary files differnew file mode 100644 index 0000000..ad3fa8e --- /dev/null +++ b/iframeapps/img/charmsbar/devices-hover.png diff --git a/iframeapps/img/charmsbar/devices.png b/iframeapps/img/charmsbar/devices.png Binary files differnew file mode 100644 index 0000000..1a81a90 --- /dev/null +++ b/iframeapps/img/charmsbar/devices.png diff --git a/iframeapps/img/charmsbar/search-hover.png b/iframeapps/img/charmsbar/search-hover.png Binary files differnew file mode 100644 index 0000000..16a48f9 --- /dev/null +++ b/iframeapps/img/charmsbar/search-hover.png diff --git a/iframeapps/img/charmsbar/search.png b/iframeapps/img/charmsbar/search.png Binary files differnew file mode 100644 index 0000000..d5cea8e --- /dev/null +++ b/iframeapps/img/charmsbar/search.png diff --git a/iframeapps/img/charmsbar/settings-hover.png b/iframeapps/img/charmsbar/settings-hover.png Binary files differnew file mode 100644 index 0000000..c8f9820 --- /dev/null +++ b/iframeapps/img/charmsbar/settings-hover.png diff --git a/iframeapps/img/charmsbar/settings.png b/iframeapps/img/charmsbar/settings.png Binary files differnew file mode 100644 index 0000000..b63fbc3 --- /dev/null +++ b/iframeapps/img/charmsbar/settings.png diff --git a/iframeapps/img/charmsbar/share-hover.png b/iframeapps/img/charmsbar/share-hover.png Binary files differnew file mode 100644 index 0000000..bd3a423 --- /dev/null +++ b/iframeapps/img/charmsbar/share-hover.png diff --git a/iframeapps/img/charmsbar/share.png b/iframeapps/img/charmsbar/share.png Binary files differnew file mode 100644 index 0000000..b743bf0 --- /dev/null +++ b/iframeapps/img/charmsbar/share.png diff --git a/iframeapps/img/charmsbar/start-hover.png b/iframeapps/img/charmsbar/start-hover.png Binary files differnew file mode 100644 index 0000000..6cc3144 --- /dev/null +++ b/iframeapps/img/charmsbar/start-hover.png diff --git a/iframeapps/img/charmsbar/start.png b/iframeapps/img/charmsbar/start.png Binary files differnew file mode 100644 index 0000000..6cf722c --- /dev/null +++ b/iframeapps/img/charmsbar/start.png diff --git a/iframeapps/img/network.png b/iframeapps/img/network.png Binary files differnew file mode 100644 index 0000000..5dc5ef7 --- /dev/null +++ b/iframeapps/img/network.png diff --git a/iframeapps/img/start.png b/iframeapps/img/start.png Binary files differnew file mode 100644 index 0000000..db9726d --- /dev/null +++ b/iframeapps/img/start.png diff --git a/iframeapps/img/startbutton.png b/iframeapps/img/startbutton.png Binary files differnew file mode 100644 index 0000000..db9726d --- /dev/null +++ b/iframeapps/img/startbutton.png diff --git a/iframeapps/instazine.html b/iframeapps/instazine.html new file mode 100644 index 0000000..5dc731e --- /dev/null +++ b/iframeapps/instazine.html @@ -0,0 +1,98 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Instazine</title> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#517EA4; + background-image:url(splashscreens/instazine.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"> +</div> +<iframe src="http://link6155.koding.com/instazine/" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/metroie.html b/iframeapps/metroie.html new file mode 100644 index 0000000..54e1b4d --- /dev/null +++ b/iframeapps/metroie.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Internet Explorer</title> +<link rel="shortcut icon" href="favicons/metroie.ico"/> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-image:url(splashscreens/metroie.png); + background-position:center; + background-repeat:no-repeat; + background-color:#2672EC; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"> +</div> +<iframe src="http://metroie.prplninja.kodingen.com/" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/pacman.html b/iframeapps/pacman.html new file mode 100644 index 0000000..5158482 --- /dev/null +++ b/iframeapps/pacman.html @@ -0,0 +1,96 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Pacman</title> +<link rel="stylesheet" href="common.css"/> +<link rel="shortcut icon" href="http://worldsbiggestpacman.com/favicon.ico"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 0.7s';},1200); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},1900); +} +</script> +<style> +#splashscreen { + background-image: url(splashscreens/pacman.png); + background-color:#000; + background-repeat:no-repeat; + background-position:center; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"> +</div> +<iframe src="http://worldsbiggestpacman.com" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/photos.html b/iframeapps/photos.html new file mode 100644 index 0000000..aeb346a --- /dev/null +++ b/iframeapps/photos.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Photos</title> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { +background-image:url(splashscreens/photos.jpg); +background-size:contain; +background-repeat:no-repeat; +background-position:center; +background-color:#008298; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"> +</div> +<iframe src="http://link6155.kodingen.com/photos" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/portal.html b/iframeapps/portal.html new file mode 100644 index 0000000..8ef3f91 --- /dev/null +++ b/iframeapps/portal.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Portal</title> +<link rel="stylesheet" href="common.css"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 2s';},2000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-color:#FFFFFF; + background-image:url(splashscreens/portal.png); + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"></div> +<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" + codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" + WIDTH="100%" HEIGHT="100%" id="animation/transparency" ALIGN=""> + <PARAM NAME=movie VALUE="http://static.onlinegamesbazar.com/ogb_9387Fruit_Slasher_s.swf"> <PARAM NAME=quality VALUE=high><PARAM NAME=wmode VALUE=opaque> <PARAM NAME=bgcolor VALUE=#000000> + <EMBED src="http://portal.wecreatestuff.com/Portal_wcs2.swf" wmode="opaque" quality=high bgcolor=#000000 WIDTH="100%" HEIGHT="100%" NAME="transparency" ALIGN="" + TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file diff --git a/iframeapps/splashscreens/agent8ball.png b/iframeapps/splashscreens/agent8ball.png Binary files differnew file mode 100644 index 0000000..b2b3f0b --- /dev/null +++ b/iframeapps/splashscreens/agent8ball.png diff --git a/iframeapps/splashscreens/angrybirds.png b/iframeapps/splashscreens/angrybirds.png Binary files differnew file mode 100644 index 0000000..ecdb398 --- /dev/null +++ b/iframeapps/splashscreens/angrybirds.png diff --git a/iframeapps/splashscreens/camera.png b/iframeapps/splashscreens/camera.png Binary files differnew file mode 100644 index 0000000..b9b9667 --- /dev/null +++ b/iframeapps/splashscreens/camera.png diff --git a/iframeapps/splashscreens/captainforever.png b/iframeapps/splashscreens/captainforever.png Binary files differnew file mode 100644 index 0000000..cdc91a4 --- /dev/null +++ b/iframeapps/splashscreens/captainforever.png diff --git a/iframeapps/splashscreens/contrejour.png b/iframeapps/splashscreens/contrejour.png Binary files differnew file mode 100644 index 0000000..25153fe --- /dev/null +++ b/iframeapps/splashscreens/contrejour.png diff --git a/iframeapps/splashscreens/cuttherope.png b/iframeapps/splashscreens/cuttherope.png Binary files differnew file mode 100644 index 0000000..a99aaa7 --- /dev/null +++ b/iframeapps/splashscreens/cuttherope.png diff --git a/iframeapps/splashscreens/fruitninja.png b/iframeapps/splashscreens/fruitninja.png Binary files differnew file mode 100644 index 0000000..1c7c5c2 --- /dev/null +++ b/iframeapps/splashscreens/fruitninja.png diff --git a/iframeapps/splashscreens/grooveshark.png b/iframeapps/splashscreens/grooveshark.png Binary files differnew file mode 100644 index 0000000..8df7126 --- /dev/null +++ b/iframeapps/splashscreens/grooveshark.png diff --git a/iframeapps/splashscreens/instazine.png b/iframeapps/splashscreens/instazine.png Binary files differnew file mode 100644 index 0000000..ec139b0 --- /dev/null +++ b/iframeapps/splashscreens/instazine.png diff --git a/iframeapps/splashscreens/metroie.png b/iframeapps/splashscreens/metroie.png Binary files differnew file mode 100644 index 0000000..bcfe372 --- /dev/null +++ b/iframeapps/splashscreens/metroie.png diff --git a/iframeapps/splashscreens/pacman.png b/iframeapps/splashscreens/pacman.png Binary files differnew file mode 100644 index 0000000..a7a2e20 --- /dev/null +++ b/iframeapps/splashscreens/pacman.png diff --git a/iframeapps/splashscreens/photos.jpg b/iframeapps/splashscreens/photos.jpg Binary files differnew file mode 100644 index 0000000..0044e07 --- /dev/null +++ b/iframeapps/splashscreens/photos.jpg diff --git a/iframeapps/splashscreens/portal.png b/iframeapps/splashscreens/portal.png Binary files differnew file mode 100644 index 0000000..0d2be4a --- /dev/null +++ b/iframeapps/splashscreens/portal.png diff --git a/iframeapps/splashscreens/weather.png b/iframeapps/splashscreens/weather.png Binary files differnew file mode 100644 index 0000000..a1807c8 --- /dev/null +++ b/iframeapps/splashscreens/weather.png diff --git a/iframeapps/weather.html b/iframeapps/weather.html new file mode 100644 index 0000000..151c624 --- /dev/null +++ b/iframeapps/weather.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html> +<head> +<meta http-equiv="x-ua-compatible" content="IE=edge"> +<title>Weather</title> +<link rel="stylesheet" href="common.css"/> +<link rel="shortcut icon" href="favicons/weather.ico"/> +<script> +function charms(){ + document.getElementById('charmsbar').style.display='block'; + document.getElementById('datetime').style.display='block'; +} +function destroycharms() { + document.getElementById('charmsbar').style.display='none'; + document.getElementById('datetime').style.display='none'; +} +function start(){ + document.getElementById('startbutton').style.display='block'; +} +function destroystart() { + document.getElementById('startbutton').style.display='none'; +} +</script> +<script> +function splash() { +setTimeout(function() {document.getElementById('splashscreen').style.animation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.oAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.webkitAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.msAnimation='splash 1s';},1000); +setTimeout(function() {document.getElementById('splashscreen').style.display='none';},2000); +} +</script> +<style> +#splashscreen { + background-image:url(splashscreens/weather.png); + background-color:#2776EC; + background-position:center; + background-repeat:no-repeat; +} +</style> +</head> +<body onload="splash()"> +<div id="splashscreen"> +</div> +<iframe src="http://link6155.kodingen.com/mWeather" width="100%" height="100%"></iframe> +<div id="hoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()"> +<img src="img/charmsbar/search.png" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/> +<img src="img/charmsbar/share.png" onmouseover="this.src='img/charmsbar/share-hover.png'" onmouseout="this.src='img/charmsbar/share.png'"/><br/> +<a href="../start/index.html"><img src="img/charmsbar/start.png" onmouseover="this.src='img/charmsbar/start-hover.png'" onmouseout="this.src='img/charmsbar/start.png'"/></a><br/> +<img src="img/charmsbar/devices.png" onmouseover="this.src='img/charmsbar/devices-hover.png'" onmouseout="this.src='img/charmsbar/devices.png'"/><br/> +<img src="img/charmsbar/settings.png" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'" onclick="settingsc()"/><br/> +</div> +<div id="datetime"> +<img src="img/network.png" id="iconnetwork" height="24px" width="24px"/> +<img src="img/battery.png" id="iconbattery"/> +<span id="time"></span> +<script language="javascript" type="text/javascript"> +<!-- Begin +function clock() { +var digital = new Date(); +var hours = digital.getHours(); +var minutes = digital.getMinutes(); +var seconds = digital.getSeconds(); +var amOrPm = "AM"; +if (hours > 11) amOrPm = "PM"; +if (hours > 12) hours = hours - 12; +if (hours == 0) hours = 12; +if (minutes <= 9) minutes = "0" + minutes; +if (seconds <= 9) seconds = "0" + seconds; +dispTime = hours + ":" + minutes ; +document.getElementById('time').innerHTML = dispTime; +setTimeout("clock()", 1000); +} +window.onmouseover=clock; +// End --> +</script> +<div id="date"><script language="Javascript"> + + var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") + + var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") + + var now = new Date + + document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"") + </script> +</div> +</div> +<div id="bottomhoverarea" onmouseover="charms()" class="hotcorner"> +</div> +<div id="starthoverarea" onmouseover="start()" class="hotcorner"> +</div> +<div id="startbutton" onmouseout="destroystart()"> +<a href="../start/index.html"><img src="img/start.png"/></a> +</div> +</body> +</html>
\ No newline at end of file |
