<!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>