improve download code UI, tidy up URL structure

This commit is contained in:
xenofem 2022-05-01 05:11:23 -04:00
parent 86bdac20af
commit 8275b940ac
5 changed files with 87 additions and 34 deletions

View file

@ -16,9 +16,6 @@
<img src="images/site-icons/transbeam.svg" height="128">
<h1>transbeam</h1>
</div>
<noscript>This page requires Javascript :(</noscript>
<div id="message"></div>
<div id="upload_controls">
<div>
@ -36,11 +33,11 @@
</label>
</div>
</div>
<div id="download_link_container">
<div id="download_link_main">
<div>Download link: <span id="download_link"></span></div><div class="copy_button"></div>
<div id="download_code_container">
<div id="download_code_main">
<div>Download code: <span id="download_code"></span></div><div class="copy_button"></div>
</div>
<div id="copied_message">Copied!</div>
<div id="copied_message">Link copied!</div>
</div>
<div id="progress_container">
<div id="progress"></div>
@ -52,6 +49,17 @@
<input type="file" multiple id="file_input"/>
<span class="fake_button" id="file_input_message">Select files to upload...</span>
</label>
<div id="download">
<form id="download_form" action="download" method="get">
<div>
<label>
<h4>Or enter a code to download files:</h4>
<input type="text" id="download_code_input" name="code" placeholder="Download code"/>
</label>
</div>
<input id="download_button" type="submit" value="Download"/>
</form>
</div>
<div id="footer">
<h5>(c) 2022 xenofem, MIT licensed</h5>
<h5><a target="_blank" href="https://git.xeno.science/xenofem/transbeam">source</a></h5>