johnandersen777.bsky.social/atlibs-fedproxy
fedproxy and ingress modules for atlibs: SSH public keys on your PDS, did:key ingress; pages and web tiles
0
0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="referrer" content="origin-when-cross-origin">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.purple.min.css">
<title>FedProxy (web tile)</title>
<!-- Same import map as web/fedproxy-ssh-public-keys, plus the web tiles loader. -->
<script type="importmap">
{
"imports": {
"@atproto/oauth-client-browser": "https://esm.sh/@atproto/oauth-client-browser@0.5.14",
"@atproto/api": "https://esm.sh/@atproto/api@0.30.3",
"@dasl/tile-loader": "https://esm.sh/@dasl/tile-loader@2.2.0",
"@dasl/tile-loader/at": "https://esm.sh/@dasl/tile-loader@2.2.0/at",
"atlibs/": "./atlibs/",
"https://esm.sh/tlds@^1.234.0/index.json": "https://esm.sh/tlds@1.261.0?target=es2022"
}
}
</script>
<script type="module" src="./main.js"></script>
</head>
<body>
<main class="container">
<header>
<hgroup>
<h1>atlibs web tile example</h1>
<p>This page holds your session and runs the fedproxy wasm module. The key list and form below are a <a href="https://webtil.es/">web tile</a>: a sandboxed frame on its own origin with no network.</p>
</hgroup>
<nav>
<ul>
<li id="logout-nav" style="display: none;"><a href="#">Logout</a></li>
</ul>
</nav>
</header>
<article id="loading-spinner">
<h3 aria-busy="true">Loading session...</h3>
<article id="loading-error" style="display: none; background-color: #861D13;"></article>
</article>
<article id="login-container" style="display: none;">
<h3>Login with the Atmosphere</h3>
<form id="login-form">
<fieldset role="group">
<input name="username" placeholder="alice.example.com" style="font-family: monospace;" required>
<button id="login-button">Login</button>
</fieldset>
</form>
<p id="login-form-error" style="color: #E37474;"></p>
</article>
<div id="tile"></div>
</main>
</body>
</html>