peach-workspace/peach-web/static/index.html

40 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<title>PeachCloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/tachyons.min.css">
<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/js/forms.js"></script>
<script src="/js/websockets.js"></script>
<script src="/js/status.js"></script>
<header class="pa4 bg-near-black">
<img src="peach-icon.png" class="w3 fl pa2" /><h1 class="f3 pa2 fl near-white">Welcome to PeachCloud!</h1>
</header>
<body class="fl bg-near-black">
<article class="pa4 black-80">
<form id="wifiCreds">
<fieldset class="ba b--transparent ph0 mh0">
<legend class="ph0 mh0 fw6 clip">Configure WiFi</legend>
<div class="mt3">
<label class="db fw4 lh-copy f6 near-white" for="ssid">SSID</label>
<input class="near-white pa2 input-reset ba bg-transparent w-100 measure" type="text" name="ssid" id="ssid">
</div>
<div class="mt3">
<label class="db fw4 lh-copy f6 near-white" for="password">Password</label>
<input class="near-white b pa2 input-reset ba bg-transparent" type="password" name="pass" id="pass">
</div>
<div class="mt3">
<input class="b ph3 pv2 input-reset ba b--near-white near-white bg-transparent grow pointer f6" type="submit" value="Submit">
</div>
</fieldset>
</form>
</article>
</body>
<footer class="bg-near-black">
<p class="pt5 pt6-l ph4 f5 near-white" id="ap0_addr"></p>
<p class="ph4 f5 near-white" id="wlan0_addr"></p>
<p class="ph4 f5 near-white" id="ssid_name"></p>
</footer>
</html>