1
0
forked from Kieran/route96
void-cat-rs/ui/index.html

69 lines
2.7 KiB
HTML
Raw Normal View History

2024-04-29 21:00:47 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
2024-04-30 21:38:14 +00:00
<title>void_cat_rs</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./output.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
2024-04-29 21:00:47 +00:00
</head>
<body class="relative flex items-center justify-center bg-black">
<div class="bgwrap">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="bg-gray-700 bg-opacity-60 p-8 z-10 mt-6 mb-6 rounded-md shadow-lg w-full max-w-3xl">
<h1 class="text-2xl font-bold mb-3">Welcome to void_cat_rs</h1>
<div class="flex space-x-4 mt-1 mb-3">
<label for="sign-amber" class="cursor-pointer">
Amber
<input type="radio" checked name="sign" id="sign-amber">
2024-08-30 21:00:06 +00:00
</label>
<label for="sign-nip07" class="cursor-pointer">
NIP-07 Browser Extension
<input type="radio" name="sign" id="sign-nip07">
2024-08-30 21:00:06 +00:00
</label>
2024-05-29 11:14:00 +00:00
</div>
<div class="flex space-x-4 mt-1 mb-3">
<label for="method-blossom" class="cursor-pointer">
Blossom
<input type="radio" checked name="method" id="method-blossom">
</label>
<label for="method-nip96" class="cursor-pointer">
NIP-96
<input type="radio" name="method" id="method-nip96">
</label>
2024-05-29 11:14:00 +00:00
</div>
<input type="file" id="file" class="up-button file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-gray-200 hover:file:bg-gray-500 mb-3">
<div class="mb-3">
<input checked type="checkbox" id="no_transform">
2024-05-29 11:14:00 +00:00
<label for="no_transform">
Disable compression (images)
</label>
</div>
<div>
<button class="button mr-4 py-2 px-4 rounded-md border-0 text-sm font-semibold bg-gray-200 hover:bg-gray-500" type="submit" onclick="uploadFiles(event)">
2024-05-29 11:14:00 +00:00
Upload
</button>
</div>
<span class="block text-sm font-medium text-gray-600 mb-2 mt-2">-- or --</span>
2024-05-29 13:31:44 +00:00
<div>
<button class="button mr-4 py-2 px-4 rounded-md border-0 text-sm font-semibold bg-gray-200 hover:bg-gray-500" type="submit" onclick="listFiles()">
2024-05-29 13:31:44 +00:00
List Uploads
</button>
</div>
<div id="log-wrap" class="custom-scrollbar hidden max-h-96 h-96 mt-4 rounded-md overflow-y-scroll bg-black text-lime-500 font-mono text-sm font-medium p-4">
<pre id="log"></pre>
</div>
2024-05-10 10:54:40 +00:00
</div>
<script src="app.js?ver=0.2"></script>
2024-04-29 21:00:47 +00:00
</body>
</html>