diff options
Diffstat (limited to 'xp/navigator/index.html')
| -rw-r--r-- | xp/navigator/index.html | 133 |
1 files changed, 133 insertions, 0 deletions
diff --git a/xp/navigator/index.html b/xp/navigator/index.html new file mode 100644 index 0000000..6ae2586 --- /dev/null +++ b/xp/navigator/index.html @@ -0,0 +1,133 @@ +<!DOCTYPE HTML> +<html> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +<meta name="viewport" content="width=device-width"> +<title>Chrisoft::Navigator</title> +<link rel="icon" href="/favicon.png"> +<link rel="stylesheet" type="text/css" href="/common.css"> +<link rel="stylesheet" type="text/css" href="/panel.css"> +<style> +input[type=text],input[type=password]{ + margin-left:5px; + display:table-cell; + max-width:40%; + border:none; + border-bottom:2px solid #4A4; + outline:none !important; + background-color:rgba(0,0,0,0) !important; +} +button{ + border:none; + color:white; + padding:0.5em 2em; + text-align:center; + background-color:#4A4; + -webkit-transition-duration:0.4s; + transition-duration:0.4s; +} +ul#container li{ + padding:1em; +} +.ghost{ + opacity:0.4; +} +a.listitem{ + padding-left:160px !important; + margin-left:-160px; +} +ul#folderlist{ + list-style-type:none; +} +</style> +</head> +<!-- +The source code of this site, including all HTML, JavaScript and CSS +files, are licensed under the terms of the Expat(MIT) License. +Contents are licensed under the CC BY-SA 4.0 license. +--> +<body onload="init()"> +<script type="text/javascript" src="/panel.js"></script> +<script type="text/javascript" src="main.js"></script> +<script type="text/javascript" src="sha256.js"></script> +<script type="text/javascript"> +function changeImage(img,e){ + document.getElementById(e).src=img; +} +function changeTheme(thm){ + document.cookie="thm="+thm; +} +var x1,y1,x2,y2; +var link=document.createElement("link"); +var thm=document.cookie.replace(new RegExp("(?:(?:^|.*;\\s*)thm\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"); +switch(thm) +{ + case "day": + link.href="/colors-day.css"; + break; + case "night": + link.href="/colors-night.css"; + break; + case "auto": + default: + var c=new Date(); + if(c.getHours()>=6&&c.getHours()<18) + link.href = "/colors-day.css"; + else + link.href = "/colors-night.css"; + break; +} +link.type="text/css"; +link.rel="stylesheet"; +document.getElementsByTagName("head")[0].appendChild(link); +</script> + <div id="panel" class="TText"> + <ul id="panellist"> + <li><a href="/"><h1>Chrisoft</h1></a></li> + <li><a href="#" onclick="">Navigator</a></li> + <ul id="folderlist"> + </ul> + <li><a href="#settings" onclick="showsettings()">Settings</a></li> + </ul> + </div> + <div id="content" class="TText"> + <div class="block" id="login"> + <h2>Login</h2><hr> + <form style="text-align:center;" class="TText"> + <input class="TText" type="text" placeholder="Username" id="usrname"></input><br><br> + <input class="TText" type="password" placeholder="Password" id="passwd"></input><br><br> + <input class="TText" type="text" placeholder="Session name" id="session"></input><br><br> + <span id="loginerr" style="color:red;"></span><br><br> + <button class="TText" type="button" onclick="login()">Login</button> + </form> + </div> + <div class="block" id="main"> + <ul id="container" style="list-style:none;"> + </ul> + </div> + <div class="block" id="settings"> + <h2>Sessions</h2> + <table style="text-align:center;"> + <thead> + <tr> + <th>Session name</th> + <th>Login date</th> + <th>Invalidate session</th> + </tr> + </thead> + <tbody id="sessions"> + </tbody> + </table> + </div> + </div> + <div id="templates" style="display:none;"> + <div id="_lnkmod"> + <input class="TText" type="text" placeholder="Name" id="_lnkname" style="max-width:auto;width:45%;" onkeypress="kp(event)"></input> + <input class="TText" type="text" placeholder="URL" id="_lnkhref" style="max-width:auto;width:45%;" onkeypress="kp(event)"></input> + </div> + <div id="_fdrmod"> + <input class="TText" type="text" placeholder="Name" id="_fdrname" style="max-width:auto;width:90%;" onkeypress="kp(event)"></input> + </div> + </div> +</body> +</html> |