85 lines
2.7 KiB
HTML
85 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>dropLake — Download</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link rel="stylesheet" href="/static/css/style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
|
|
<!-- Logo -->
|
|
<div class="logo">
|
|
<div class="logo-mark">◈</div>
|
|
<h1>drop<span class="grad">Lake</span></h1>
|
|
<p>Encrypted · Ephemeral · No accounts</p>
|
|
</div>
|
|
|
|
<!-- Card -->
|
|
<div class="card">
|
|
|
|
<!-- Loading / error state -->
|
|
<div id="statusWrap">
|
|
<div id="statusMsg" class="alert alert-info">Loading share…</div>
|
|
</div>
|
|
|
|
<!-- Info grid -->
|
|
<div id="infoGrid" class="info-grid hidden">
|
|
<div class="info-item">
|
|
<div class="i-label">Content</div>
|
|
<div class="i-value" id="infoType">—</div>
|
|
</div>
|
|
<div class="info-item">
|
|
<div class="i-label">Size</div>
|
|
<div class="i-value" id="infoSize">—</div>
|
|
</div>
|
|
<div class="info-item">
|
|
<div class="i-label">Expires</div>
|
|
<div class="i-value" id="infoExpiry">—</div>
|
|
</div>
|
|
<div class="info-item">
|
|
<div class="i-label">Burn after read</div>
|
|
<div class="i-value" id="infoBurn">—</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Missing key warning -->
|
|
<div id="noKeyWarn" class="alert alert-error hidden">
|
|
Decryption key missing. Use the full share URL — it ends with <code style="font-family:var(--mono);font-size:0.85em">#…</code>
|
|
</div>
|
|
|
|
<!-- Password field -->
|
|
<div id="pwSection" class="field hidden">
|
|
<label for="pwInput">Password required</label>
|
|
<input id="pwInput" type="password"
|
|
placeholder="Enter the share password"
|
|
autocomplete="current-password" />
|
|
</div>
|
|
|
|
<!-- Alert -->
|
|
<div id="alertBox" class="alert hidden"></div>
|
|
|
|
<!-- Download button -->
|
|
<button class="btn hidden" id="downloadBtn">Decrypt & Download</button>
|
|
|
|
<!-- Text output -->
|
|
<div id="textSection" class="hidden mt-2">
|
|
<div class="result-label" style="margin-bottom:0.5rem">Decrypted text</div>
|
|
<div class="text-output" id="textOutput"></div>
|
|
<button class="btn btn-outline" id="copyTextBtn">Copy text</button>
|
|
</div>
|
|
|
|
</div><!-- .card -->
|
|
</div><!-- .container -->
|
|
|
|
<footer>
|
|
dropLake<span class="sep">·</span>self-hosted<span class="sep">·</span>no tracking
|
|
</footer>
|
|
|
|
<script src="/static/js/download.js"></script>
|
|
</body>
|
|
</html>
|