mirror of
https://github.com/filecoffee/filehost.git
synced 2024-11-13 19:49:56 +01:00
34 lines
1.4 KiB
Text
34 lines
1.4 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Your Files</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
|
<style>
|
|
.bg-gray-custom { background-color: #181818; }
|
|
.coffee-color { color: #C084FC; }
|
|
.bg-coffee-color { background-color: #C084FC; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-custom text-gray-100">
|
|
<div class="min-h-screen flex flex-col items-center justify-center p-6">
|
|
<header class="mb-12 text-center">
|
|
<h1 class="text-5xl font-extrabold mb-4">Your Files</h1>
|
|
</header>
|
|
<main class="w-full max-w-2xl bg-coffee-color p-8 rounded-lg shadow-lg">
|
|
<section class="mb-8">
|
|
<h2 class="text-3xl font-semibold mb-4 border-b border-white pb-2">Files</h2>
|
|
<form action="/files" method="GET" class="mb-4">
|
|
<input type="text" name="search" placeholder="Search by filename" class="w-full p-2 rounded">
|
|
</form>
|
|
<ul>
|
|
<% files.forEach(file => { %>
|
|
<li class="mb-2"><%= file.filename %> - <%= file.size %> MB</li>
|
|
<% }) %>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|