60 lines
4.3 KiB
HTML
60 lines
4.3 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head><meta charset="utf-8"><title>Theseus</title>
|
||
|
|
<style>
|
||
|
|
:root { color-scheme: dark; }
|
||
|
|
* { box-sizing: border-box; }
|
||
|
|
body { margin: 0; min-height: 100vh; font-family: system-ui, sans-serif;
|
||
|
|
background: radial-gradient(1000px 500px at 50% -10%, #16202e, #0b0e14);
|
||
|
|
color: #e7eaf1; display: flex; flex-direction: column; align-items: center; }
|
||
|
|
.hero { text-align: center; margin-top: 14vh; padding: 0 1rem; }
|
||
|
|
.mark { font-size: 64px; line-height: 1; }
|
||
|
|
h1 { font-size: 2.4rem; margin: .4rem 0 .2rem; letter-spacing: .5px; }
|
||
|
|
h1 .g { color: #d6ff3d; }
|
||
|
|
.tag { color: #8b98a9; margin: 0 0 1.6rem; }
|
||
|
|
form { display: flex; gap: 8px; justify-content: center; max-width: 560px; margin: 0 auto; }
|
||
|
|
input { flex: 1; padding: 13px 18px; border-radius: 999px; border: 1px solid #ffffff22;
|
||
|
|
background: #141a24; color: #e7eaf1; font-size: 15px; outline: none; }
|
||
|
|
input:focus { border-color: #4b7bec; }
|
||
|
|
button { padding: 13px 20px; border-radius: 999px; border: none; background: #4b7bec; color: #fff; font-size: 15px; cursor: pointer; }
|
||
|
|
.hint { color: #5e6678; font-size: 12.5px; margin-top: .8rem; }
|
||
|
|
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;
|
||
|
|
max-width: 720px; width: 100%; margin: 3rem auto 4rem; padding: 0 1.2rem; }
|
||
|
|
.card { display: block; text-decoration: none; color: inherit; background: #141a24; border: 1px solid #ffffff12;
|
||
|
|
border-radius: 12px; padding: 14px 16px; transition: .15s; }
|
||
|
|
.card:hover { border-color: #4b7bec66; background: #18202c; transform: translateY(-1px); }
|
||
|
|
.card .n { font-weight: 600; color: #e7eaf1; }
|
||
|
|
.card .d { color: #8b98a9; font-size: 12.5px; margin-top: 3px; }
|
||
|
|
.badge { display: inline-block; font-size: 10.5px; padding: 1px 7px; border-radius: 999px; margin-top: 8px; }
|
||
|
|
.b-chain { background: #d6ff3d22; color: #d6ff3d; } .b-sia { background: #b39ddb22; color: #b39ddb; }
|
||
|
|
.b-srv { background: #4fd1a522; color: #4fd1a5; }
|
||
|
|
footer { color: #47505f; font-size: 12px; padding-bottom: 2rem; text-align: center; }
|
||
|
|
footer b { color: #6b7688; }
|
||
|
|
</style></head>
|
||
|
|
<body>
|
||
|
|
<div class="hero">
|
||
|
|
<div class="mark">⛓️</div>
|
||
|
|
<h1>Theseus <span class="g">Navigator</span></h1>
|
||
|
|
<p class="tag">A browser that follows the thread. Names that live on the Bitcoin Cash chain.</p>
|
||
|
|
<form action="https://duckduckgo.com/" method="GET">
|
||
|
|
<input name="q" placeholder="Search the web (DuckDuckGo)" autofocus spellcheck="false">
|
||
|
|
<button type="submit">Search</button>
|
||
|
|
</form>
|
||
|
|
<p class="hint">Tip: type a <b>.bch</b> name in the address bar above to open a decentralized site.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="grid">
|
||
|
|
<a class="card" href="https://hello.bch/"><div class="n">hello.bch</div><div class="d">The page hosted on the blockchain itself.</div><span class="badge b-chain">on-chain</span></a>
|
||
|
|
<a class="card" href="https://theseus.bch/"><div class="n">theseus.bch</div><div class="d">This browser's own name, on-chain.</div><span class="badge b-chain">on-chain</span></a>
|
||
|
|
<a class="card" href="https://silentmode.bch/"><div class="n">silentmode.bch</div><div class="d">The division building this stack.</div><span class="badge b-chain">on-chain</span></a>
|
||
|
|
<a class="card" href="https://argo.bch/"><div class="n">argo.bch</div><div class="d">The host network, crewed by Argonauts.</div><span class="badge b-chain">on-chain</span></a>
|
||
|
|
<a class="card" href="https://coinspectrum.deviant.bch/"><div class="n">coinspectrum.deviant.bch</div><div class="d">A full site served from the Sia network.</div><span class="badge b-sia">Sia</span></a>
|
||
|
|
<a class="card" href="https://coinspectrum.bch/"><div class="n">coinspectrum.bch</div><div class="d">The same site, from a direct server.</div><span class="badge b-srv">server</span></a>
|
||
|
|
<a class="card" href="https://faucet.deviant.bch/"><div class="n">faucet.deviant.bch</div><div class="d">A testnet faucet hub, on Sia.</div><span class="badge b-sia">Sia</span></a>
|
||
|
|
<a class="card" href="https://siatest.bch/"><div class="n">siatest.bch</div><div class="d">A page with no server at all.</div><span class="badge b-sia">Sia</span></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>Names resolved from the <b>Bitcoin Cash</b> blockchain — no registrar, no DNS.<br>Theseus, by Silent Mode — a Deviant project.</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|