58 lines
2.9 KiB
HTML
58 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="shortcut icon" type="image/x-icon" href="../static/img/fav-icon-256x256.ico">
|
|
<title>Oki.cx - File Share</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
|
|
<link rel="stylesheet" href="../static/css/style-custom.css">
|
|
<script src="https://unpkg.com/htmx.org@1.7.0"></script>
|
|
<script src="https://unpkg.com/hyperscript.org@0.9.5"></script>
|
|
<script src="//code.iconify.design/1/1.0.6/iconify.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="particles-js"></div>
|
|
<div class="container">
|
|
<div class="padding p-4 has-text-centered">
|
|
<p class="title has-text-white is-1">Oki.cx File Share</p>
|
|
<p class="subtitle has-text-white is-4">Free and <a href="https://gitlab.oki.cx/mrpvtdagger/oki.cx-fileshare">Open Source <span class="iconify" data-icon="mdi-gitlab"></span> </a></br> With a <a href="/docs">API</a></br><strong class="has-text-white">Personal use only!</strong></p>
|
|
</div>
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="columns is-centered">
|
|
<div class="column is-half">
|
|
<form hx-encoding='multipart/form-data' hx-post='/upload/html'
|
|
_='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'>
|
|
<div class="file is-boxed is-centered">
|
|
<label class="file-label">
|
|
<input class="file-input" type="file" name="file" hx-post="/upload/html" hx-trigger="change" hx-swap="afterend" hx-target="#upload-resault">
|
|
<span class="file-cta">
|
|
<span class="file-icon">
|
|
<span class="iconify" data-icon="fa:upload"></span>
|
|
</span>
|
|
<span class="file-label">
|
|
Select or Drag File(s)
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="columns is-centered">
|
|
<div class="column is-two-fifths">
|
|
<progress id="progress" class="progress is-info" value="0" max="100"></progress>
|
|
<div id="upload-resault"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="padding p-4 subtitle is-7 has-text-white has-text-centered">By clicking <strong class="has-text-link">"upload"</strong> you agree to using this for personal use only</a>.</p>
|
|
</section>
|
|
<!-- scripts -->
|
|
<script src="../static/js/particles.min.js"></script>
|
|
<script src="../static/js/background.js"></script>
|
|
</body>
|
|
</html> |