Adding the code

author: Unknown <Alee14498@gmail.com> 2017-10-01 00:24:20 -0400
committer: Unknown <Alee14498@gmail.com> 2017-10-01 00:24:20 -0400
commit: 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a (patch)
tree: 8479930f9372a1e9998b6750651565cf52b81ca8 /apps/maps
parent: d8ba59582c137de474789690e777d8c029e08fe6 (diff)
download: windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.gz
windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.bz2
windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.zip
7 files changed, 456 insertions, 0 deletions
diff --git a/apps/maps/css/charms.css b/apps/maps/css/charms.css
new file mode 100644
index 0000000..b9d9db4
--- /dev/null
+++ b/apps/maps/css/charms.css
@@ -0,0 +1,98 @@
+body {
+	font-family:Segoe UI;
+	margin:0px;
+	padding:0px;
+}
+img, a {
+	outline:none;
+	border:none;
+}
+iframe {
+	position:absolute;
+	border:none;
+}
+#hoverarea {
+	cursor:pointer;
+	position:fixed;
+	top:0px;
+	right:0px;
+	width:15px;
+	height:15px;
+}
+#bottomhoverarea {
+	position:fixed;
+	bottom:0px;
+	right:0px;
+	width:15px;
+	height:15px;
+}
+#starthoverarea {
+	position:fixed;
+	bottom:0px;
+	left:0px;
+	width:15px;
+	height:15px;
+}
+#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;
+}
+#iconnetwork {
+	position:absolute;
+	top:35px;
+	left:25px;
+}
+#iconbattery {
+	position:absolute;
+	bottom:35px;
+	left:32px;
+}
+#datetime {
+	display:none;
+	position:fixed;
+	left:50px;
+	bottom:50px;
+	width:433px;
+	height:139px;
+	background-color: rgba(17,17,17,1);
+}
+#time {
+	position:absolute;
+	left:70px;
+	bottom:19px;
+	font-family: Segoe UI Light;
+	font-size: 64pt;
+	color:#FFFFFF;
+}
+#date {
+	margin-top:20px;
+	margin-right:20px;
+	float:right;
+	font-size:24pt;
+	font-family: Segoe UI;
+	color:#FFFFFF;
+}
diff --git a/apps/maps/img/print.png b/apps/maps/img/print.png
new file mode 100644
index 0000000..d07c7d6
--- /dev/null
+++ b/apps/maps/img/print.png
diff --git a/apps/maps/img/reload.png b/apps/maps/img/reload.png
new file mode 100644
index 0000000..5260f25
--- /dev/null
+++ b/apps/maps/img/reload.png
diff --git a/apps/maps/index.html b/apps/maps/index.html
new file mode 100644
index 0000000..5390883
--- /dev/null
+++ b/apps/maps/index.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Maps</title>
+<meta http-equiv="x-ua-compatible" content="IE=edge">
+<link rel="stylesheet" href="css/charms.css"/>
+<link rel="shortcut icon" href="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:#8C0095;
+	background-image:url(splashscreen.png);
+	background-position:center;
+	background-repeat:no-repeat;
+}
+</style>
+</head>
+<body onmouseover="clock()" onload="splash()">
+<div id="splashscreen"></div>
+<iframe src="map.html" width="100%" height="100%"></iframe>
+<div id="hoverarea" onmouseover="charms()" class="hotcorner">
+</div>
+<div id="charmsbar" onmouseover="charms()" onmouseout="destroycharms()">
+<img src="../../common/img/charmsbar/search.png" onmouseover="this.src='../../common/img/charmsbar/search-hover.png'" onmouseout="this.src='../../common/img/charmsbar/search.png'"/><br/>
+<img src="../../common/img/charmsbar/share.png" onmouseover="this.src='../../common/img/charmsbar/share-hover.png'" onmouseout="this.src='../../common/img/charmsbar/share.png'"/><br/>
+<a href="../../start/index.html"><img src="../../common/img/charmsbar/start.png" onmouseover="this.src='../../common/img/charmsbar/start-hover.png'" onmouseout="this.src='../../common/img/charmsbar/start.png'"/></a><br/>
+<img src="../../common/img/charmsbar/devices.png" onmouseover="this.src='../../common/img/charmsbar/devices-hover.png'" onmouseout="this.src='../../common/img/charmsbar/devices.png'"/><br/>
+<img src="../../common/img/charmsbar/settings.png" onmouseover="this.src='../../common/img/charmsbar/settings-hover.png'" onmouseout="this.src='../../common/img/charmsbar/settings.png'" onclick="settingsc()"/><br/>
+</div>
+<div id="datetime">
+<img src="../../common/img/network.png" id="iconnetwork" height="24px" width="24px"/>
+<img src="../../common/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="../../common/img/charmsbar/startbutton.png"/></a>
+</div>
+</body>
+</html>
+
diff --git a/apps/maps/map.html b/apps/maps/map.html
new file mode 100644
index 0000000..19bf1bf
--- /dev/null
+++ b/apps/maps/map.html
@@ -0,0 +1,116 @@
+  <!DOCTYPE html>
+    <html lang="en">
+    <head>
+     <title>Maps</title>
+     <meta http-equiv="x-ua-compatible" content="IE=edge">
+     <meta charset="utf-8" />
+<link rel="stylesheet" href="style.css"/>
+<link rel="shortcut icon" href="favicon.ico"/>
+
+<script type="text/javascript">
+function printpage()
+{
+window.print();
+}
+function showbar(){
+document.getElementById('commands').style.display='inline';
+}
+function hidebar(){
+document.getElementById('commands').style.display='none';
+}
+</script>
+    </head>
+
+    <body onload="GetMap()">
+<div id="splashscreen"></div>
+     <div id="mapDiv" style="" oncontextmenu="showbar();return false;" onclick="hidebar()"></div>
+
+        <div class="commands" id="commands">
+            <ul class="commands-list place-left">
+
+
+                <li>
+                    <a class="command" onclick="document.location.reload()">
+                        <img src="img/reload.png" alt="Refresh"/>
+                        <span>Refresh</span>
+                    </a>
+
+                </li>
+                <li>
+                    <a class="command" onclick="printpage();hidebar();">
+                        <img src="img/print.png" alt="Print"/>
+                        <span>Print</span>
+                    </a>
+                </li>
+
+            </ul>
+        </div>
+     <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
+     <script type="text/javascript">
+     var map = null;
+     function GetMap() {
+     /* Replace YOUR_BING_MAPS_KEY with your own credentials.
+     Obtain a key by signing up for a developer account at
+     http://www.microsoft.com/maps/developers/ */
+     var cred = "AlGKiCV2-DPhuwAoWfDfBPLg4VEnsHDLkrLWbNmsAXJ5c6KEVPgubMg47GeGkHDt";
+     // Initialize map
+     map = new Microsoft.Maps.Map(document.getElementById("mapDiv"),
+     { credentials: cred });
+     // Check if browser supports geolocation
+     if (navigator.geolocation) {
+     navigator.geolocation.getCurrentPosition(locateSuccess, locateFail);
+     }
+     else {
+     alert('I\'m sorry, but Geolocation is not supported in your current browser. Have you tried running this demo in IE9?');
+     }
+     }
+     // Successful geolocation
+     function locateSuccess(loc) {
+     // Set the user's location
+     var userLocation = new Microsoft.Maps.Location(loc.coords.latitude, loc.coords.longitude);
+     // Zoom in on user's location on map
+     map.setView({ center: userLocation, zoom: 17 });
+     // Draw circle of area where user is located
+     var locationArea = drawCircle(userLocation);
+     map.entities.push(locationArea);
+     }
+     // Unsuccessful geolocation
+     function locateFail(geoPositionError) {
+     switch (geoPositionError.code) {
+     case 0: // UNKNOWN_ERROR
+     alert('An unknown error occurred, sorry');
+     break;
+     case 1: // PERMISSION_DENIED
+     alert('Permission to use Geolocation was denied');
+     break;
+     case 2: // POSITION_UNAVAILABLE
+     alert('Couldn\'t find you...');
+     break;
+     case 3: // TIMEOUT
+     alert('The Geolocation request took too long and timed out');
+     break;
+     default:
+     }
+     }
+     // Draw blue circle on top of user's location
+     function drawCircle(loc) {
+     var radius = 100;
+     var R = 6378137;
+     var lat = (loc.latitude * Math.PI) / 180;
+     var lon = (loc.longitude * Math.PI) / 180;
+     var d = parseFloat(radius) / R;
+     var locs = new Array();
+     for (x = 0; x <= 360; x++) {
+     var p = new Microsoft.Maps.Location();
+     brng = x * Math.PI / 180;
+     p.latitude = Math.asin(Math.sin(lat) * Math.cos(d) + Math.cos(lat) * Math.sin(d) * Math.cos(brng));
+     p.longitude = ((lon + Math.atan2(Math.sin(brng) * Math.sin(d) * Math.cos(lat), Math.cos(d) - Math.sin(lat) * Math.sin(p.latitude))) * 180) / Math.PI;
+     p.latitude = (p.latitude * 180) / Math.PI;
+     locs.push(p);
+     }
+     return new Microsoft.Maps.Polygon(locs, { fillColor: new Microsoft.Maps.Color(125, 0, 0, 255), strokeColor: new Microsoft.Maps.Color(0, 0, 0, 255) });
+     }
+     </script>
+
+    </body>
+    </html>
+\ No newline at end of file
diff --git a/apps/maps/splashscreen.png b/apps/maps/splashscreen.png
new file mode 100644
index 0000000..1b16c9e
--- /dev/null
+++ b/apps/maps/splashscreen.png
diff --git a/apps/maps/style.css b/apps/maps/style.css
new file mode 100644
index 0000000..12e8051
--- /dev/null
+++ b/apps/maps/style.css
@@ -0,0 +1,143 @@
+body {
+	margin:0px;
+	padding:0px;
+}
+#splashscreen {
+	position:fixed;
+	width:100%;
+	height:100%;
+	color:#FFFFFF;
+	background-image:url('splashscreen.png');
+	background-size:contain;
+	animation:splash 4s;
+	-ms-animation:splash 4s;
+	-webkit-animation:splash 4s;
+	-o-animation:splash 4s;
+	opacity:0;
+	z-index:-1;
+}
+@keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+@-webkit-keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+@-ms-keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+@-o-keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+.commands {
+	background: #1e1e1e !important;
+	position:fixed;
+	bottom:0px;
+	width:100%;
+}
+.commands span {
+	line-height:14pt;
+	padding-bottom:20px;
+}
+#commands {
+	display:none;
+	color:#FFFFFF;
+}
+.commands-list {
+	margin:0;
+	padding:0;
+	margin-top:20px;
+	list-style:none;
+}
+.commands-list li{
+	display:inline-block;
+	float:left;
+	margin-right:20px;
+	margin-left:20px;
+}
+.commands-list li .command{
+	display:block;
+	text-align:center;
+	float:left;
+	cursor:pointer;
+	text-decoration:none;
+}
+.commands-list li .command img{
+	height:32px;
+	width:32px;
+}
+.commands-list li .command span{
+	display:block;
+	font-size:9pt;
+	font-family:'Segoe UI',sans-serif;
+}
+.commands-list li.divider{
+	width:1px;
+	border-right:1px #c3c3c3 solid;
+	height:48px;
+}
+.commands-list.margin-10 li{
+	margin-left:5px;
+	margin-right:5px;
+}
+.commands-list.margin-20 li{
+	margin-left:10px;
+	margin-right:10px;
+}
+.commands-list.margin-30 li{
+	margin-left:15px;
+	margin-right:15px;
+}
+.commands-list.margin-40 li{
+	margin-left:20px;
+	margin-right:20px;
+}
+.commands-list.place-left{
+	margin-left:20px;
+}
+.commands-list.place-right{
+	margin-right:20px;
+}
+\ No newline at end of file
author	Unknown <Alee14498@gmail.com>	2017-10-01 00:24:20 -0400
committer	Unknown <Alee14498@gmail.com>	2017-10-01 00:24:20 -0400
commit	78f3c0e9893d36e0ce039c2b79ede8a92ebe468a (patch)
tree	8479930f9372a1e9998b6750651565cf52b81ca8 /apps/maps
parent	d8ba59582c137de474789690e777d8c029e08fe6 (diff)
download	windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.gz windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.bz2 windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.zip