aboutsummaryrefslogtreecommitdiff
path: root/apps/maps
diff options
context:
space:
mode:
Diffstat (limited to 'apps/maps')
-rw-r--r--apps/maps/css/charms.css98
-rw-r--r--apps/maps/img/print.pngbin0 -> 3871 bytes
-rw-r--r--apps/maps/img/reload.pngbin0 -> 3726 bytes
-rw-r--r--apps/maps/index.html99
-rw-r--r--apps/maps/map.html116
-rw-r--r--apps/maps/splashscreen.pngbin0 -> 18900 bytes
-rw-r--r--apps/maps/style.css143
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
generated by cgit v1.2.3 (git 2.46.0) at 2026-06-04 05:09:24 +0000