2025-01-12 04:47:05 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2025-01-12 06:39:38 +01:00
|
|
|
|
2025-01-12 04:47:05 +01:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>FeDirect</title>
|
2025-01-12 06:39:38 +01:00
|
|
|
<link rel="stylesheet" href="/static/crossroad.css">
|
2025-01-12 04:47:05 +01:00
|
|
|
</head>
|
2025-01-12 06:39:38 +01:00
|
|
|
|
2025-01-12 04:47:05 +01:00
|
|
|
<body>
|
2025-01-13 06:59:58 +01:00
|
|
|
<script type="module">
|
|
|
|
|
Object.assign(globalThis, await import("/static/crossroad.mjs"));
|
|
|
|
|
getMainDialog().show(); // Don't show until the page is ready
|
|
|
|
|
</script>
|
2025-01-12 06:39:38 +01:00
|
|
|
<div class="flex-vcenter">
|
2025-01-13 06:59:58 +01:00
|
|
|
<dialog id="mainDialog">
|
2025-01-12 06:39:38 +01:00
|
|
|
<h1>FeDirect</h1>
|
|
|
|
|
<p>By Nekomata</p>
|
|
|
|
|
<form>
|
|
|
|
|
<input id="radio" type="radio" />
|
|
|
|
|
<label for="radio">
|
|
|
|
|
Instances and stuff go here!
|
|
|
|
|
</label>
|
|
|
|
|
</form>
|
2025-01-13 06:59:58 +01:00
|
|
|
<br>
|
|
|
|
|
<button onclick="showAddInstanceDialog()">Add an instance</button>
|
2025-01-12 06:39:38 +01:00
|
|
|
</dialog>
|
|
|
|
|
</div>
|
|
|
|
|
<dialog id="addInstance">
|
|
|
|
|
<h1>Add an instance</h1>
|
2025-01-13 06:59:58 +01:00
|
|
|
<form method="dialog" class="addInstanceForm">
|
|
|
|
|
<label for="instanceHost">Instance hostname or URL<br>
|
|
|
|
|
(for example <code>mastodon.social</code> or <code>https://kitsunes.club/</code>)<br>
|
|
|
|
|
</label>
|
|
|
|
|
<input id="instanceHost" type="text" name="instanceHost" />
|
|
|
|
|
<br>
|
|
|
|
|
<button type="submit">OK</button>
|
|
|
|
|
<button type="reset" class="close">Cancel</button>
|
2025-01-12 06:39:38 +01:00
|
|
|
</form>
|
|
|
|
|
</dialog>
|
2025-01-12 04:47:05 +01:00
|
|
|
</body>
|
2025-01-12 06:39:38 +01:00
|
|
|
|
2025-01-12 04:47:05 +01:00
|
|
|
</html>
|
