Saddle/templates/index.html
2019-11-01 12:25:59 -04:00

51 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Saddle</title>
<link rel="stylesheet" type="text/css" href="/static/saddle.css">
<script type="text/javascript" src="/static/saddle.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A file upload service.">
</head>
<body>
<header>
{% include 'header.html' %}
</header>
<main>
<section>
<form method="POST" enctype="multipart/form-data">
<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>
<input type="checkbox" name="rand_name" id="rand_name" checked>
<label for="rand_name">Generate random filename.</label><br>
<input type="hidden" name="response_type" value="html">
<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">
</form>
</section>
</main>
</body>
</html>