aboutsummaryrefslogtreecommitdiff
path: root/apps/remotedesktop
diff options
context:
space:
mode:
authorUnknown <Alee14498@gmail.com>2017-10-01 00:24:20 -0400
committerUnknown <Alee14498@gmail.com>2017-10-01 00:24:20 -0400
commit78f3c0e9893d36e0ce039c2b79ede8a92ebe468a (patch)
tree8479930f9372a1e9998b6750651565cf52b81ca8 /apps/remotedesktop
parentd8ba59582c137de474789690e777d8c029e08fe6 (diff)
downloadwindows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.gz
windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.bz2
windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.zip
Adding the code
Diffstat (limited to 'apps/remotedesktop')
-rw-r--r--apps/remotedesktop/bg.jpgbin0 -> 88656 bytes
-rw-r--r--apps/remotedesktop/css/charms.css167
-rw-r--r--apps/remotedesktop/index.html156
-rw-r--r--apps/remotedesktop/splashscreen.pngbin0 -> 8419 bytes
4 files changed, 323 insertions, 0 deletions
diff --git a/apps/remotedesktop/bg.jpg b/apps/remotedesktop/bg.jpg
new file mode 100644
index 0000000..d241d88
--- /dev/null
+++ b/apps/remotedesktop/bg.jpg
Binary files differ
diff --git a/apps/remotedesktop/css/charms.css b/apps/remotedesktop/css/charms.css
new file mode 100644
index 0000000..1aadee9
--- /dev/null
+++ b/apps/remotedesktop/css/charms.css
@@ -0,0 +1,167 @@
+html, body {
+font-family:Segoe UI;
+margin:0px;
+padding:0px;
+}
+img, a {
+ outline:none;
+ border:none;
+}
+#splashscreen {
+margin:0;
+position:fixed;
+width:100%;
+height:100%;
+top:0;
+color:#FFFFFF;
+background-image:url('../splashscreen.png');
+background-position:center;
+background-color:#FFD500;
+background-repeat:no-repeat;
+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);
+}
+#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/remotedesktop/index.html b/apps/remotedesktop/index.html
new file mode 100644
index 0000000..0530d10
--- /dev/null
+++ b/apps/remotedesktop/index.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Remote Desktop</title>
+ <!--Stylesheet that styles the charms bar and the startbutton -->
+ <link rel="stylesheet" href="css/charms.css"/>
+ <meta http-equiv="x-ua-compatible" content="IE=edge">
+ <!--Script that powers the charms bar-->
+ <script>
+function charms(){
+ document.getElementById('charmsbar').style.display='block';
+ document.getElementById('datetime').style.display='block';
+ document.getElementById('time').style.display='block';
+}
+function destroycharms() {
+ document.getElementById('charmsbar').style.display='none';
+ document.getElementById('datetime').style.display='none';
+ document.getElementById('time').style.display='none';
+}
+function start(){
+ document.getElementById('startbutton').style.display='block';
+}
+function destroystart() {
+ document.getElementById('startbutton').style.display='none';
+}
+ </script>
+<style>
+body {
+ background-image: url(bg.jpg);
+ background-repeat: no-repeat;
+ background-size: 100%;
+ background-color: #515151;
+ font-family: Segoe UI Light, Segoe UI, Open Sans, Microsoft Jheng Hei;
+}
+#connect {
+ padding:10px;
+ height: 40px;
+ color: white;
+ font-weight:normal;
+ background:#212121;
+ border:2px solid white;
+ margin-left:10px;
+ font-family:Segoe UI Semibold;
+}
+
+#connect:hover {
+ background:#3e3e3e;
+ cursor:pointer;
+}
+#connect:active {
+ background: white;
+ color: black;
+ cursor:pointer;
+}
+#text {
+ font-family:Segoe UI;
+ padding: 10px;
+ width: 1000px;
+ max-height: 50px;
+ background-color: #d3d3d3;
+ border: 0px;
+ margin-left: 100px;
+ margin-top: 15px;
+ margin-bottom: 15px;
+ color: #555555;
+}
+#text:focus {
+ background: white;
+ color: black;
+ cursor:pointer;
+}
+</style>
+</head>
+<body>
+<div id="splashscreen"></div>
+<div style="margin-left: 100px; margin-top: 40px;">
+<span style="color:white; font-size:72px;">Remote Desktop</span>
+</div>
+<div style="margin-left: 100px; margin-top: 50px;">
+<span style="color:white;">To connect to a PC enter the PC name below.</span>
+</div>
+<div style="margin-left: 100px; margin-top: 10px;">
+<span style="color:white;">With Remote Desktop, you can do more than connect to other PCs.</span>
+<ul>
+<span style="color:white;">
+<li>Work with apps and desktops that the administrator has set up for you.</li>
+</span>
+<span style="color:#2e93c3">
+Access RemoteApp and Desktop Connections
+</span>
+<span style="color:white;">
+<li>Connect to PCs on your corporate network without setting up a VPN.</li>
+</span>
+<span style="color:#2e93c3">
+Use a Remote Desktop Gateway server
+</span>
+</ul>
+</div>
+<div style="height: 70px; width: 100%; background-color: #212121; position:absolute; left: 0; bottom:0;">
+<input id="text" value="PC name" onFocus="this.value=''">
+<input type="button" id="connect" value="Connect">
+<!-- CHARMS BAR CODE -->
+ <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="img/charmsbar/start.png" onmouseover="this.src='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/charmsbar/network.png" id="iconnetwork" height="24px" width="24px"/>
+ <img src="../../common/img/charmsbar/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);
+}
+window.onmouseover=clock;
+// End -->
+ </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="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>
+</div> \ No newline at end of file
diff --git a/apps/remotedesktop/splashscreen.png b/apps/remotedesktop/splashscreen.png
new file mode 100644
index 0000000..ac93a5b
--- /dev/null
+++ b/apps/remotedesktop/splashscreen.png
Binary files differ
generated by cgit v1.2.3 (git 2.46.0) at 2026-06-04 03:30:54 +0000