0x42dcd51e…043f·#25,775,367·view on Etherscan
spacing:-1.5px;margin:0 0 20px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;font-size:14px;color:var(--muted)}.stats strong{color:var(--red);font-variant-numeric:tabular-nums}.deposit{border:1px solid var(--ink);padding:24px;margin:32px 0}.deposit label{font-weight:600}.row{display:flex;align-items:baseline}.between{justify-content:space-between}.input-row{display:flex;gap:8px;margin:10px 0 8px}.input-row input{flex:1;font:inherit;font-size:24px;font-weight:600;padding:10px 12px;border:1px solid var(--ink);border-radius:0;min-width:0;font-variant-numeric:tabular-nums}.input-row input:focus{outline:2px solid var(--red);outline-offset:-1px}.hint{color:var(--muted);font-size:13px}#save-status{margin:10px 0 0}.log{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.log li{padding:5px 0;border-bottom:1px solid var(--line);word-break:break-all}.log a{color:var(--red)}.log .ok{color:#0a0}.log .err{color:var(--red)}footer{border-top:1px solid var(--ink);padding:16px 20px;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.hidden{display:none!important}
</style>
</head>
<body>
<header>
<span class="wordmark"><span class="cross" aria-hidden="true"></span>svZCHF</span>
<div class="wallet-area">
<span id="wallet-pill" class="pill hidden"></span>
<button id="btn-disconnect" class="linklike hidden">disconnect</button>
<button id="btn-connect" class="btn">Connect wallet</button>
</div>
</header>
<!-- wallet connect chooser / latrine pairing panel -->
<section id="connect-panel" class="connect-panel hidden">
<div class="connect-box">
<h2>Connect</h2>
<div class="connect-options">
<button id="btn-connect-wc" class="btn">WalletConnect</button>
<button id="btn-connect-injected" class="btn btn-ghost">Browser wallet</button>
</div>
<div id="wc-uri-area" class="wc-uri-area hidden">
<canvas id="wc-qr" width="176" height="176"></canvas>
<p class="hint">Scan with any WalletConnect wallet, or copy the URI:</p>
<div class="wc-uri-row">
<input id="wc-uri" readonly onclick="this.select()" />
<button id="btn-copy-uri" class="btn btn-ghost">Copy</button>
</div>
<p class="waiting">Waiting for approval…</p>
</div>
<button id="btn-connect-cancel" class="linklike">cancel</button>
</div>
</section>
<div id="wrong-chain" class="banner hidden">
Wrong chain — the vault is on Ethereum mainnet.
<button id="btn-switch-chain" class="linklike">switch</button>
</div>
<main>
<h1>Save in Swiss francs.</h1>
<p class="stats" id="stats-line">
Share price <strong id="stat-price">—</strong> · Rate
<strong id="stat-rate">—</strong> · Vault holds <strong id="stat-tvl">—</strong>
</p>
<section class="deposit">
<div class="row between">
<label for="dep-amount">Amount (ZCHF)</label>
<span class="hint" id="user-balance">Connect a wallet</span>
</div>
<div class="input-row">
<input id="dep-amount" type="number" min="0" step="any" placeholder="1000.00" />
<button id="dep-max" class="btn btn-ghost">MAX</button>
</div>
<p class="hint" id="dep-preview">You receive ≈ — svZCHF</p>
<button id="btn-save" class="btn btn-red btn-big" disabled>Approve & Deposit</button>
<p class="hint" id="save-status"></p>
</section>
<ul id="log" class="log hidden"></ul>
</main>
<footer>
<span class="cross small" aria-hidden="true"></span>
<span>Not affiliated with Frankencoin.</span>
</footer>
</body>
</html>