41 lines
2.0 KiB
HTML
41 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Tildeverse Gemini Proxy (Powered by Wobbly)</title>
|
|
<meta charset="utf-8">
|
|
<meta name="robots" content="noindex">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link rel='icon' href='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>♊️</text></svg>'>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<script defer src="main.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="wobbly-toolbar">
|
|
<div id="wobbly-tools">
|
|
<button id="wobbly-help-button">Help</button>
|
|
<button id="wobbly-up">⬆️</button>
|
|
<input id="wobbly-addressbar" />
|
|
<button id="wobbly-go">Go!</button>
|
|
</div>
|
|
</div>
|
|
<div id="wobbly-spinner">
|
|
<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
|
|
</div>
|
|
<div id="wobbly-help">
|
|
<div id="wobbly-help-text">
|
|
<h1>Wobbly Help Section</h1>
|
|
<ul>
|
|
<li>This browser is for casual reading. It only supports text documents, and only cares about any sort of layout in gemtext ones.</li>
|
|
<li>Javascript has no notion of sockets that aren't http/https. Therefore all traffic from here goes through a web server that fetches and serves the gemini pages translated to html. Input and client certificates are not supported, because they would be unsafe under these circumstances.</li>
|
|
<li>⬆️ means to go one level higher in the path on the current domain. If you are on 'gemini://warmedal.se/~antenna/' and press 'Up' you will visit 'gemini://warmedal.se/'.</li>
|
|
<li>Non-gemini links will open in a new tab in your browser as usual!</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="wobbly-window">
|
|
<h1>This Browser Requires Javascript</h1>
|
|
<p>Sorry, there's no meaningful way around that. It's not terribly much, however. Feel free to check the source code.</p>
|
|
</div>
|
|
</body>
|
|
</html>
|