55 lines
2.4 KiB
HTML
55 lines
2.4 KiB
HTML
|
<!doctype html>
|
||
|
|
<html class="no-js" lang="en" dir="ltr">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>FREMO Fastclock Server</title>
|
||
|
|
<link rel="stylesheet" href="css_foundation.min.css">
|
||
|
|
<link rel="stylesheet" href="css_app.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="row">
|
||
|
|
<div class="small-12 large-6 columns">
|
||
|
|
<h1>FREMO Fastclock Server</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="small-3 large-3 columns">
|
||
|
|
<h1 id="currentClock">00:00</h1>
|
||
|
|
<span class="success label" id="clockRunningLabel"><i class="fi-clock"></i>Running at 1:4,5</span><br/>
|
||
|
|
<span class="alert label" id="clockStoppedLabel"><i class="fi-x-circle"></i>Stopped</span>
|
||
|
|
</div>
|
||
|
|
<div class="small-3 large-3 columns">
|
||
|
|
<a href="#" class="success button" onclick="javascript:startClock();">Start Clock</a><br/>
|
||
|
|
<a href="#" class="alert button" onclick="javascript:stopClock();">Stop Clock</a><br/>
|
||
|
|
</div>
|
||
|
|
<div class="small-6 large-6 columns">
|
||
|
|
<div class="input-group"><span class="input-group-label">Name</span>
|
||
|
|
<input class="input-group-field" type="text" placeholder="Clock Name" id="clockName" />
|
||
|
|
<div class="input-group-button"><input type="image" src="fi-save.svg" id="submitClockNameButton" class="button" value="Submit"></div>
|
||
|
|
</div>
|
||
|
|
<label>Clock Speed</label>
|
||
|
|
<div class="input-group"><span class="input-group-label">1:</span>
|
||
|
|
<input class="input-group-field" type="number" min="1" max="10" step="0.1" placeholder="1,0" id="clockSpeed" />
|
||
|
|
<div class="input-group-button"><input type="image" src="fi-like.svg" id="submitClockNameButton" class="button" value="Submit"></div>
|
||
|
|
</div>
|
||
|
|
<label>Clock Message</label>
|
||
|
|
<div class="input-group">
|
||
|
|
<input class="input-group-field" type="text" placeholder="Enter your message to be shown on clock clients" id="clockMessage" />
|
||
|
|
<div class="input-group-button"><input type="image" src="fi-check.svg" id="submitClockNameButton" class="button" value="Submit"></div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!--<script src="js/v/jquery.js"></script>
|
||
|
|
<script src="js/v/what-input.js"></script>
|
||
|
|
<script src="js/v/foundation.js"></script>-->
|
||
|
|
<script src="js_v_jall.js"></script>
|
||
|
|
<script src="js_app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|