luxick/randopix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve web client styling

Browse Source
This commit is contained in:
luxick
2020-06-08 19:09:44 +02:00
parent 9d9285df23
commit edf33e2afd
4 changed files with 113 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/resources/index.html
View File

@@ -7,29 +7,39 @@
<title>randopix</title>
<link rel="stylesheet" type="text/css" href="/style">
<link rel="stylesheet" type="text/css" href="/site.css">
<script src="/pixctrl" type="text/javascript"></script>
<script src="/script" type="text/javascript"></script>
<script src="/pixctrl.js" type="text/javascript"></script>
<script src="/script.js" type="text/javascript"></script>
</head>
<body>
<h1>randopix web control</h1>
<body class="star-bg">
<main>
<h1 class="center">Randopix Remote</h1>
<p>
<div class="control">
<div class="control-info">Load the next image</div>
<div class="control-body">
<button type="button" class="btn" onclick="refresh()">Refresh Image Now!</button>
</p>
</div>
</div>
<div>Switch the image mode</div>
<p>
<div class="control">
<div class="control-info">Switch the image mode</div>
<div class="control-body">
<select id="modeselect"></select>
<button type="button" class="btn" onclick="js_setMode()">Set Mode</button>
</p>
</div>
</div>
<div>Adjust timespan between images</div>
<p>
<div class="control">
<div class="control-info">Adjust timespan between images</div>
<div class="control-body">
<input id="timeout" type="number">
<button type="button" class="btn" onclick="js_setTimeout()">Set Timeout</button>
</p>
</div>
</div>
</main>
</body>
</html>

1
src/resources/script.js
View File

@@ -21,6 +21,7 @@ function js_setTimeout() {
return;
}
setTimeout(timeout.toString());
elem.value = null;
}
function js_setMode() {

84
src/resources/site.css
View File

File diff suppressed because one or more lines are too long

6
src/server.nim
View File

@@ -25,13 +25,13 @@ router randopixRouter:
get "/":
resp index
get "/style":
get "/site.css":
resp(style, contentType="text/css")
get "/pixctrl":
get "/pixctrl.js":
resp(pixctrlJs, contentType="text/javascript")
get "/script":
get "/script.js":
resp(script, contentType="text/javascript")
post "/":