mirror of
https://github.com/Myxelium/RandomMemerBot.git
synced 2026-04-11 09:39:40 +00:00
50 lines
2.2 KiB
HTML
50 lines
2.2 KiB
HTML
<html>
|
|
<head>
|
|
<!--
|
|
ugly interface just messing around with new style frameworks every new project or so
|
|
-->
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>RandomMemer upload sounds</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/css/foundation.min.css" crossorigin="anonymous">
|
|
</head>
|
|
|
|
<body style="background-color: #333;">
|
|
<div class="grid-container">
|
|
<img src="logo.svg" alt="Logo" style="display: block; margin-left: auto; margin-right: auto; width: 50%;">
|
|
<div class="grid-x grid-padding-x align-center" style="height: 100vh;">
|
|
<div class="cell small-12 medium-6 large-4" style="height: 100%">
|
|
<div style="position: fixed;">
|
|
<form id="uploadForm" enctype="multipart/form-data" >
|
|
<div class="callout">
|
|
<h3>Upload Sound</h3>
|
|
<div class="input-group">
|
|
<span class="input-group-label">File:</span>
|
|
<input class="input-group-field" type="file" id="myFile">
|
|
</div>
|
|
<button class="button expanded" type="submit">Upload</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="callout">
|
|
<h3>Info</h3>
|
|
<div id="nextPlaybackTime"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell small-12 medium-6 large-4">
|
|
<div class="callout">
|
|
<h3>Uploaded Files</h3>
|
|
<div style="min-height:209px;max-height:100vh;overflow: auto;">
|
|
<ul id="fileList" class="vertical menu"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="client.js"></script>
|
|
</body>
|
|
</html>
|