113 lines
3 KiB
HTML
113 lines
3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>DremJS Terminal</title>
|
|
|
|
<link rel="stylesheet" type="text/css" title="dark" href="css/dark.css">
|
|
<!--<link rel="alternate stylesheet" type="text/css" title="lite" href="css/lite.css">-->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
|
<title>DremJS</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Inconsolata"
|
|
rel="stylesheet" type="text/css" />
|
|
</head>
|
|
<body onload="getTheme();">
|
|
<script>
|
|
|
|
function getTheme() {
|
|
var path = $('script[src*=terminal]').attr('src').replace('terminal.js', '');
|
|
jQuery.get(path + 'configs/theme.conf', function(data) {
|
|
if(data == "1") {
|
|
var cssLink = $('link[href*="/css/dark.css"]');
|
|
cssLink.replaceWith('<link href="' + path + 'css/lite.css" type="text/css" rel="stylesheet">');
|
|
} else {
|
|
var cssLink = $('link[href*="css/lite.css"]');
|
|
cssLink.replaceWith('<link href="' + path + 'css/dark.css" type="text/css" rel="stylesheet">');
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
<!--<script> old script
|
|
function setTheme() {
|
|
if (checkCookie('terminalTheme') == false) {
|
|
document.cookie = "terminalTheme=0";
|
|
} else {
|
|
theme = getCookie('terminalTheme');
|
|
if (theme == 1) {
|
|
/*var stylesheet = document.getElementById("stylesheet");
|
|
stylesheet.setAttribute('href', 'css/lite.css');*/
|
|
var cssLink = $('link[href*="css/dark.css"]');
|
|
cssLink.replaceWith('<link href="css/lite.css" type="text/css" rel="stylesheet">');
|
|
}
|
|
}
|
|
}
|
|
|
|
function checkCookie(cname) {
|
|
var cookie = getCookie(cname);
|
|
if (cookie != "") {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function getCookie(cname) {
|
|
var name = cname + "=";
|
|
var decodedCookie = decodeURIComponent(document.cookie);
|
|
var ca = decodedCookie.split(';');
|
|
for(var i = 0; i <ca.length; i++) {
|
|
var c = ca[i];
|
|
while (c.charAt(0) == ' ') {
|
|
c = c.substring(1);
|
|
}
|
|
if (c.indexOf(name) == 0) {
|
|
return c.substring(name.length, c.length);
|
|
}
|
|
}
|
|
return "";
|
|
}
|
|
</script>-->
|
|
<div id="container">
|
|
<output></output>
|
|
<div id="input-line" class="input-line">
|
|
<div class="prompt"></div><div><input class="cmdline" autofocus /></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<script src="http://www.codehelper.io/api/ips/?js"></script>-->
|
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
|
<script src="./terminal/terminal.js"></script>
|
|
|
|
<div class="clock-container">
|
|
<svg viewBox="0 0 100 100">
|
|
<circle cx="50" cy="50" r="45"/>
|
|
<g>
|
|
<rect class="hour" x="47.5" y="12.5" width="5" height="40" rx="2.5" ry="2.55" />
|
|
<rect class="min" x="48.5" y="12.5" width="3" height="40" rx="2" ry="2"/>
|
|
<line class="sec" x1="50" y1="50" x2="50" y2="16" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
<script src="./terminal/index.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|