prettier upload page

This commit is contained in:
daniel-j
2020-03-04 13:18:40 +01:00
parent 358d3f554d
commit a2af6ba59e
4 changed files with 83 additions and 54 deletions

View File

@@ -4,17 +4,31 @@
<title>Send To Kobo</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="/style.css"/>
</head>
<body>
<h1>Send to Kobo</h1>
<div class="wrapper">
<h1 class="center">Send to Kobo</h1>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="text" name="key" autocomplete="off" placeholder="Key" size="6" required /><br/>
<input type="file" name="file" accept=".epub,application/epub+zip" required /><br/>
<label><input type="checkbox" name="kepubify" checked /> Kepubify</label><br/>
<input type="submit" value="Upload" />
</form>
<form action="/upload" method="post" enctype="multipart/form-data">
<table style="margin: 0 auto;" cellpadding=10 cellspacing=0>
<tr><td class="right">Unique key</td><td><input type="text" name="key" id="keyinput" autocomplete="off" inputmode="numeric" pattern="\d\d\d\d" placeholder="- - - -" required /></td></tr>
<tr><td class="right">EPUB file</td><td><input type="file" name="file" accept=".epub,application/epub+zip" required /></td></tr>
<tr><td class="right"><label for="kepubify">Kepubify</label></td><td><input type="checkbox" name="kepubify" id="kepubify" checked /></td></tr>
<tr><td></td><td><input type="submit" value="Upload" /></td></tr>
</table>
</form>
<br/>
<div style="padding: 15px; text-align: justify;">
<p>Go this this page on your Kobo ereader and you see a unique key. Enter it in this form and upload an ebook and it will appear as a download link on the ereader. Your ebook will be stored on the server as long as the Kobo is viewing the unique key and is connected to wifi. It will be deleted when the key expires about 30 seconds after you close the browser/generate a new key/disable wifi on your Kobo.</p>
<p>By using this tool you agree that the ebook you upload is processed on the server and stored for a short time.</p>
</div>
<hr/>
<div class="center">
Created by djazz. Powered by <a href="https://koajs.com/" target="_blank">Koa</a> and <a href="https://pgaskin.net/kepubify/" target="_blank">Kepubify</a>.
</div>
</div>
</body>
</html>