martbost
51 lines
2.6 KiB
HTML
51 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Shorts | LinkSpin</title>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Manrope:wght@500;700;800&display=swap">
|
|
<link rel="icon" type="image/png" href="/logo-icon.png">
|
|
<link rel="stylesheet" href="/assets/site.css?v=ls20260916a">
|
|
<style>
|
|
html,body{height:100%;margin:0;overflow:hidden;background:#000}
|
|
.sh{position:fixed;inset:0;display:flex;flex-direction:column;background:#000;color:var(--ink,#e8fff7)}
|
|
.sh-bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel-solid,#071a12);
|
|
border-bottom:1px solid var(--line,rgba(59,157,255,.18));flex-wrap:wrap}
|
|
.sh-brand{font-family:var(--disp,sans-serif);font-weight:800;font-size:15px}
|
|
.sh-brand em{color:var(--mint,#3b9dff);font-style:normal}
|
|
.sh-stat{margin-left:auto;font-family:var(--mono,monospace);font-size:13px;color:var(--muted,#8ba69c)}
|
|
.sh-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}
|
|
.sh-video{max-height:100%;max-width:min(100%,440px);width:100%;background:#000;border-radius:0}
|
|
.sh-over{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.75));
|
|
display:flex;flex-direction:column;gap:10px}
|
|
.sh-title{font-weight:700}
|
|
.sh-timer{font-family:var(--mono,monospace);font-size:13px;color:var(--amber,#ffb238)}
|
|
.sh-row{display:flex;gap:10px;flex-wrap:wrap}
|
|
.sh-msg{padding:30px;text-align:center;color:var(--muted,#8ba69c);font-size:16px}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="sh">
|
|
<div class="sh-bar">
|
|
<span class="sh-brand">Link<em>Spin</em> · Shorts</span>
|
|
<span class="sh-stat" id="shStat">…</span>
|
|
<a class="btn small sec" href="/my#earn">Done</a>
|
|
</div>
|
|
<div class="sh-stage" id="shStage">
|
|
<div class="sh-msg" id="shMsg">Loading your first short…</div>
|
|
<video class="sh-video" id="shVideo" playsinline hidden></video>
|
|
<div class="sh-over" id="shOver" hidden>
|
|
<div class="sh-title" id="shTitle"></div>
|
|
<div class="sh-timer" id="shTimer"></div>
|
|
<div class="sh-row">
|
|
<a class="btn small" id="shCta" target="_blank" rel="noopener nofollow" hidden>Learn more</a>
|
|
<button class="btn small sec" id="shNext" type="button" hidden>Next short →</button>
|
|
</div>
|
|
<a href="#" id="shReport" class="sh-report">⚠ report this short</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/shorts.js?v=20260907v"></script>
|
|
</body>
|
|
</html>
|