brammie15/ReSendit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix styling on some pages

Browse Source
This commit is contained in:
Bram
2026-03-26 16:14:13 +01:00
parent b0d1f17540
commit afcb4d72f5
5 changed files with 302 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
templates/complete.html
View File

@@ -6,105 +6,136 @@
<title>Send.it - File Ready</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<style>
/* No-design brutalist style */
* {
border-radius: 0 !important;
transition: none !important;
}
body {
font-family: sans-serif;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
background: #fff;
color: #000;
}
.box {
border: 2px solid #000;
padding: 20px;
border: 3px solid #000;
background: #fff;
width: 100%;
}
.input-text {
border: 1px solid #000;
padding: 4px 8px;
border: 2px solid #000;
padding: 6px 10px;
background: #fff;
width: 100%;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
font-size: 12px;
font-weight: 600;
}
button {
border: 2px solid #000;
background: #eee;
padding: 4px 12px;
font-weight: bold;
background: #fff;
padding: 6px 14px;
font-weight: 900;
font-size: 12px;
cursor: pointer;
text-transform: uppercase;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
box-shadow: 3px 3px 0px #000;
white-space: nowrap;
}
button:hover {
background: #ccc;
background: #000;
color: #fff;
box-shadow: none;
transform: translate(2px, 2px);
}
button:active {
background: #ffff00;
color: #000;
}
.section-label {
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.nav-link {
font-weight: 900;
text-decoration: underline;
text-transform: uppercase;
font-size: 11px;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
}
.nav-link:hover {
background: #000;
color: #fff;
}
</style>
</head>
<body class="min-h-screen flex items-center justify-center p-4">
<body class="min-h-screen flex flex-col items-center justify-center p-4">
<div class="w-full max-w-[493px] flex flex-col items-center">
<div class="w-full max-w-[520px] flex flex-col items-center">
<img src="/static/logo.png" alt="Send.it logo" style="width:50%;" class="mb-2 border-black">
<!-- Header -->
<header class="w-full mb-0 border-b-8 border-black pb-3 flex justify-between items-end">
<div>
<img src="/static/logo.png" alt="Send.it logo" style="height:36px;" class="mb-1">
<h1 class="text-3xl font-black uppercase tracking-tighter leading-none">Send_It</h1>
</div>
</header>
<!-- Main Box -->
<div class="box">
<div class="p-5 space-y-4">
<header class="mb-6 border-b-2 border-black pb-2 text-center">
<h1 class="text-xl font-bold uppercase">FILE READY</h1>
</header>
<div class="space-y-4">
<div class="bg-black text-white p-2 text-xs font-bold">
UPLOAD COMPLETE
<!-- Status Banner -->
<div class="border-2 border-black p-3" style="background:#00ff00;">
<span class="font-black text-sm uppercase">✓ File_Uploaded</span>
</div>
<!-- &lt;!&ndash; File info &ndash;&gt;-->
<!-- <div class="text-[10px] uppercase font-bold">-->
<!-- example_file.png (2.4 MB)-->
<!-- </div>-->
<!-- Download -->
<!-- Download Link -->
<div>
<label class="text-[10px] font-bold block">DOWNLOAD LINK</label>
<div class="section-label mb-1">Download_Link:</div>
<div class="flex">
<input id="res-url" readonly class="input-text text-sm">
<input id="res-url" readonly class="input-text">
<button onclick="copy('res-url')" class="border-l-0">COPY</button>
</div>
</div>
<!-- Delete -->
<!-- Delete Link -->
<div>
<label class="text-[10px] font-bold block">DELETION LINK (PRIVATE)</label>
<div class="section-label mb-1 text-red-600">Deletion_Link <span class="text-gray-400 normal-case">(private)</span>:</div>
<div class="flex">
<input id="res-del" readonly class="input-text text-sm text-red-600">
<input id="res-del" readonly class="input-text" style="color:#cc0000;">
<button onclick="copy('res-del')" class="border-l-0">COPY</button>
</div>
</div>
<!-- Actions -->
<div class="pt-4 flex justify-between">
<a href="/" class="text-xs underline">NEW UPLOAD</a>
<div class="border-t-2 border-black pt-4">
<a href="/" class="nav-link">← New_Upload</a>
</div>
</div>
</div>
<p class="mt-1 text-[10px] uppercase font-bold text-gray-400">
A service by Brammie15
</p>
<!-- Footer -->
<div class="w-full mt-3 flex justify-between items-center">
<span class="text-[10px] font-black uppercase text-gray-400">A_Service_By_Brammie15</span>
<div class="flex gap-4">
<a href="/static/TOS.txt" class="nav-link">TOS</a>
<a href="/admin" class="nav-link">SUDO</a>
</div>
</div>
</div>
@@ -112,21 +143,17 @@
function copy(id) {
const el = document.getElementById(id);
el.select();
el.setSelectionRange(0, 99999); // mobile support
el.setSelectionRange(0, 99999);
document.execCommand('copy');
}
const downloadKey = "{{.DownloadID}}";
const deleteKey = "{{.DeleteID}}";
const base = window.location.origin;
document.getElementById("res-url").value = `${base}/api/files/view/${downloadKey}`;
document.getElementById("res-del").value = `${base}/api/files/delete/${deleteKey}`;
</script>
<a href="/admin" class="fixed bottom-1 right-1 text-[10px] underline">SUDO</a>
<a href="/static/TOS.txt" class="fixed bottom-1 left-1 text-[10px] underline">TOS</a>
</body>
</html>