Saddle/templates/index.html

51 lines
1.9 KiB
HTML
Raw Normal View History

2019-10-01 23:06:51 -04:00
<!DOCTYPE html>
<html lang="en">
<head>
<title>Saddle</title>
<link rel="stylesheet" type="text/css" href="/static/saddle.css">
2019-11-01 12:25:59 -04:00
<script type="text/javascript" src="/static/saddle.js"></script>
2019-10-01 23:06:51 -04:00
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A file upload service.">
</head>
<body>
<header>
2019-10-08 16:25:02 -04:00
{% include 'header.html' %}
2019-10-01 23:06:51 -04:00
</header>
<main>
2019-10-02 18:44:06 -04:00
<section>
<form method="POST" enctype="multipart/form-data">
2019-11-01 12:25:59 -04:00
<div id="fileSelection">
<div id="fileTabs">
<span class="tab tabSelected" title="File" onclick="switchFileTab(this, 'fileTabWindow')">File</span>
<span class="tab" title="URL" onclick="switchFileTab(this, 'urlTabWindow')">URL</span>
<span class="tab" title="Text" onclick="switchFileTab(this, 'textTabWindow')">Text</span>
</div>
<div id="fileTabWindow" class="tabWindow tabWindowSelected">
<input type="file" name="files" multiple><br>
</div>
<div id="urlTabWindow" class="tabWindow">
<input type="url" name="url" placeholder="URL"><br>
</div>
<div id="textTabWindow" class="tabWindow">
Imagine actually using this feature.
</div>
</div>
2019-10-02 19:47:27 -04:00
<input type="checkbox" name="rand_name" id="rand_name" checked>
<label for="rand_name">Generate random filename.</label><br>
2019-10-25 07:35:13 -04:00
<input type="hidden" name="response_type" value="html">
2019-10-02 19:47:27 -04:00
<input type="checkbox" name="delete_this" id="delete_this">
<label for="delete_this">Delete this file in</label>
<input type="number" name="delete_num" min="1" max="59" value="1">
<select name="delete_type">
<option value="minutes">Minute</option>
<option value="hours">Hour</option>
<option value="days" selected="selected">Day</option>
<option value="weeks">Week</option>
</select>
<p><input type="submit" value="Submit">
2019-10-02 18:44:06 -04:00
</form>
</section>
2019-10-01 23:06:51 -04:00
</main>
</body>
</html>