17 files changed, 247 insertions, 0 deletions
diff --git a/store/comingsoon.png b/store/comingsoon.png
new file mode 100644
index 0000000..affa3f5
--- /dev/null
+++ b/store/comingsoon.png
diff --git a/store/css/charms.css b/store/css/charms.css
new file mode 100644
index 0000000..abfb09f
--- /dev/null
+++ b/store/css/charms.css
@@ -0,0 +1,165 @@
+body {
+font-family:Segoe UI;
+margin:0px;
+padding:0px;
+}
+img, a {
+	outline:none;
+	border:none;
+}
+#splashscreen {
+position:fixed;
+width:100%;
+height:100%;
+color:#FFFFFF;
+background-image:url('../splashscreen.png');
+background-repeat:no-repeat;
+background-color:#008A00;
+background-position:center;
+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;
+}
+}
+#hoverarea {
+	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:490px;
+	height:139px;
+	background-color: rgba(17,17,17,1);
+}
+#ctime {
+	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/store/img/charmsbar/battery.png b/store/img/charmsbar/battery.png
new file mode 100644
index 0000000..07b1b4d
--- /dev/null
+++ b/store/img/charmsbar/battery.png
diff --git a/store/img/charmsbar/devices-hover.png b/store/img/charmsbar/devices-hover.png
new file mode 100644
index 0000000..ad3fa8e
--- /dev/null
+++ b/store/img/charmsbar/devices-hover.png
diff --git a/store/img/charmsbar/devices.png b/store/img/charmsbar/devices.png
new file mode 100644
index 0000000..1a81a90
--- /dev/null
+++ b/store/img/charmsbar/devices.png
diff --git a/store/img/charmsbar/network.png b/store/img/charmsbar/network.png
new file mode 100644
index 0000000..5dc5ef7
--- /dev/null
+++ b/store/img/charmsbar/network.png
diff --git a/store/img/charmsbar/search-hover.png b/store/img/charmsbar/search-hover.png
new file mode 100644
index 0000000..16a48f9
--- /dev/null
+++ b/store/img/charmsbar/search-hover.png
diff --git a/store/img/charmsbar/search.png b/store/img/charmsbar/search.png
new file mode 100644
index 0000000..d5cea8e
--- /dev/null
+++ b/store/img/charmsbar/search.png
diff --git a/store/img/charmsbar/settings-hover.png b/store/img/charmsbar/settings-hover.png
new file mode 100644
index 0000000..c8f9820
--- /dev/null
+++ b/store/img/charmsbar/settings-hover.png
diff --git a/store/img/charmsbar/settings.png b/store/img/charmsbar/settings.png
new file mode 100644
index 0000000..b63fbc3
--- /dev/null
+++ b/store/img/charmsbar/settings.png
diff --git a/store/img/charmsbar/share-hover.png b/store/img/charmsbar/share-hover.png
new file mode 100644
index 0000000..bd3a423
--- /dev/null
+++ b/store/img/charmsbar/share-hover.png
diff --git a/store/img/charmsbar/share.png b/store/img/charmsbar/share.png
new file mode 100644
index 0000000..b743bf0
--- /dev/null
+++ b/store/img/charmsbar/share.png
diff --git a/store/img/charmsbar/start-hover.png b/store/img/charmsbar/start-hover.png
new file mode 100644
index 0000000..6cc3144
--- /dev/null
+++ b/store/img/charmsbar/start-hover.png
diff --git a/store/img/charmsbar/start.png b/store/img/charmsbar/start.png
new file mode 100644
index 0000000..6cf722c
--- /dev/null
+++ b/store/img/charmsbar/start.png
diff --git a/store/img/charmsbar/startbutton.png b/store/img/charmsbar/startbutton.png
new file mode 100644
index 0000000..db9726d
--- /dev/null
+++ b/store/img/charmsbar/startbutton.png
diff --git a/store/index.html b/store/index.html
new file mode 100644
index 0000000..1c5cd7e
--- /dev/null
+++ b/store/index.html
@@ -0,0 +1,82 @@
+<!--DO NOT REMOVE THE CODE GIVEN HERE, THAT CODE POWERS THE CHARMS AND START MENU !!! -->
+<html>
+  <head>
+    <!--Title of the app -->
+    <title>Store</title>
+    <meta http-equiv="x-ua-compatible" content="IE=edge">
+    <!--Stylesheet that styles the charms bar and the startbutton -->
+    <link rel="stylesheet" href="css/charms.css"/>
+
+    <!--Script that powers the charms bar-->
+    <script>
+    function visibility(visibility , target) {
+        document.getElementById(target).style.display=visibility;
+    }
+    </script>
+    <script>
+    function doublevisibility(visibility , target , target2) {
+        document.getElementById(target).style.display=visibility;
+        document.getElementById(target2).style.display=visibility;
+    }
+    </script>
+  </head>
+  <body>
+    <!--PLACE YOUR CONTENT HERE -->
+<style type="text/css">
+body {
+	background-image: url(comingsoon.png);
+	background-repeat: no-repeat;
+}
+</style>
+   <div id="splashscreen"></div>
+   <!-- CHARMS BAR CODE -->
+    <div id="charmsbar" onmouseover="doublevisibility('inline','charmsbar','datetime')" onmouseout="doublevisibility('none','charmsbar','datetime')" >
+    <img src="img/charmsbar/search.png" onclick="visibility('block','searchcharms')" onmouseover="this.src='img/charmsbar/search-hover.png'" onmouseout="this.src='img/charmsbar/search.png'"/><br/>
+    <img src="img/charmsbar/share.png" onclick="visibility('block','sharecharms')" 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" onclick="visibility('block','settingscharms')" onmouseover="this.src='img/charmsbar/settings-hover.png'" onmouseout="this.src='img/charmsbar/settings.png'"/><br/>
+    </div>
+    <div id="datetime">
+    <img src="img/charmsbar/network.png" id="iconnetwork" height="24px" width="24px"/>
+    <img src="img/charmsbar/battery.png" id="iconbattery"/>
+    <span id="ctime"></span>
+    <script>
+    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('ctime').innerHTML = dispTime;
+        setTimeout("clock()", 1000);
+    }
+    window.onload=clock;
+    </script>
+    <div id="date">
+      <script>
+
+ 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="startbutton" onmouseout="visibility('none','startbutton')">
+    <a href="../start/index.html"><img src="img/charmsbar/startbutton.png"/></a>
+    </div>
+    <div id="hoverarea" onmouseover="doublevisibility('inline','charmsbar','datetime')" class="hotcorner"></div>
+    <div id="bottomhoverarea" onmouseover="doublevisibility('inline','charmsbar','datetime')" class="hotcorner"></div>
+    <div id="starthoverarea" onmouseover="visibility('inline','startbutton')" class="hotcorner"></div>
+  </body>
+</html>
diff --git a/store/splashscreen.png b/store/splashscreen.png
new file mode 100644
index 0000000..8acd252
--- /dev/null
+++ b/store/splashscreen.png