79 lines
2.2 KiB
Cheetah
79 lines
2.2 KiB
Cheetah
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>YellowCab</title>
|
|
{{ template "partials/head" }}
|
|
<link rel="stylesheet" href="/css/page.css" />
|
|
<link rel="stylesheet" href="/css/create.css" />
|
|
<script defer src="/js/create-form.js"></script>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div id="preview-wrapper" class="preview-wrapper">
|
|
<iframe
|
|
frameborder="0"
|
|
width="510"
|
|
height="140"
|
|
src="/embed/fake/fake?force-theme=dark&autorefresh=0"
|
|
></iframe>
|
|
</div>
|
|
<div class="options-wrapper">
|
|
<div class="options-header">
|
|
<a href="/">Back</a>
|
|
</div>
|
|
<form id="create-form" class="options">
|
|
<label>
|
|
<span class="label-text">Service</span>
|
|
<select required autocomplete="off" name="service">
|
|
<option value="last">Last.fm</option>
|
|
<option value="listenbrainz">ListenBrainz</option>
|
|
<option value="spotify">Spotify (development)</option>
|
|
</select>
|
|
</label>
|
|
<label>
|
|
<span class="label-text">Username</span>
|
|
<input
|
|
required
|
|
autocomplete="off"
|
|
type="text"
|
|
name="username"
|
|
/>
|
|
</label>
|
|
<label>
|
|
<span class="label-text">Theme</span>
|
|
<select required name="theme">
|
|
<option value="auto">
|
|
Auto (Based on browser theme)
|
|
</option>
|
|
<option value="dark" selected>Dark theme</option>
|
|
<option value="light">Light theme</option>
|
|
</select>
|
|
</label>
|
|
<label>
|
|
<span class="label-text">Mini</span>
|
|
<select required name="mini">
|
|
<option value="true">True</option>
|
|
<option value="false" selected>False</option>
|
|
</select>
|
|
</label>
|
|
<label>
|
|
<span class="label-text">Auto refresh</span>
|
|
<select required name="autorefresh">
|
|
<option value="0">Off</option>
|
|
<option value="30" selected>
|
|
Every 30 seconds
|
|
</option>
|
|
<option value="60">Every minute</option>
|
|
</select>
|
|
</label>
|
|
<div class="code-sample-wrapper" style="display: none">
|
|
<span class="label-text">Code</span>
|
|
<code id="code-sample" class="code-sample"></code>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
{{ template "partials/footer" }}
|
|
</body>
|
|
</html>
|