<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>TOC Assets</title>
<style>
:root { color-scheme: dark; }
body {
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
background: #0b0c10;
color: #e8e8ea;
}
.wrap {
min-height: 100vh;
display: grid;
place-items: center;
padding: 32px 18px;
}
.card {
width: 100%;
max-width: 720px;
border: 1px solid rgba(255,255,255,.08);
background: rgba(255,255,255,.03);
border-radius: 18px;
padding: 22px;
box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
h1 { margin: 0 0 8px; font-size: 18px; letter-spacing: .2px; }
p { margin: 0 0 14px; line-height: 1.45; color: rgba(232,232,234,.78); }
code {
display: block;
padding: 12px 14px;
border-radius: 12px;
background: rgba(0,0,0,.45);
border: 1px solid rgba(255,255,255,.06);
overflow-x: auto;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 13px;
}
a {
color: #e8e8ea;
text-decoration: none;
border-bottom: 1px solid rgba(232,232,234,.25);
}
a:hover { border-bottom-color: rgba(232,232,234,.7); }
.btns { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 12px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.06);
}
.btn:hover { background: rgba(255,255,255,.10); }
.muted { color: rgba(232,232,234,.55); font-size: 12px; margin-top: 10px; }
</style>
</head>
<body>
<div class="wrap">
<div class="card">
<h1>TOC Assets</h1>
<p>This domain serves static media used across sites and prototypes.</p>
<p>Example background video URL:</p>
<code>https://assets.thatother.co/video/toc-hero-bg-loop-01.mp4</code>
<div class="btns">
<a class="btn" href="/video/" rel="nofollow">Browse /video/</a>
<a class="btn" href="/video/toc-hero-bg-loop-01.mp4" rel="nofollow">Open sample video</a>
</div>
<div class="muted">If you see a certificate warning, HTTPS is still provisioning in Netlify.</div>
</div>
</div>
</body>
</html>