fastclockClient/fs/index.htm

55 lines
2.5 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.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/svgs/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/svgs/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/svgs/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_jall.js"></script>
<script src="js_app.js"></script>
</body>
</html>