<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>My Website</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<!-- https://developer.mozilla.org/en-US/docs/Glossary/Favicon -->
<link rel="icon" href="{{ url_for('static', filename='favicon.png') }}" type="image/x-icon">
</head>
<body>
<main>
<h1>MastodonTootFollower</h1>
<p>
In the following you can generate a link to follow a conversation on Mastodon.
</p>
<p>
You can either follow a conversation with a feed reader (Atom/RSS) of your choice
or view new replies and edits each time you open the link in your webbrowser (HTML page or JSON file).
</p>
<p>
To get started, fill in the URL of the Toot that has started the conversation
and click one of the three buttons. Then open your generated link (either with a feed reader or in your webbrowser).
</p>
<p>
The random seed is used to store your reading position.
</p>
<p>
<label for="input1">URL of Toot: </label>
<input name="html_url" type="url" maxlength="256" id="input1"/>
</p>
<p>
<label for="input2">Seed: </label>
<input name="html_url" type="text" value="{{ seed }}" maxlength="256" id="input2"/>
</p>
<ul>
<li>
<button onclick="rss_button()">Atom/RSS feed</button>
</li>
<li>
<button onclick="json_button()">News as JSON file</button>
</li>
<li>
<button onclick="html_button()">News as HTML page</button>
</li>
</ul>
<p>Generated link: <a href="https://localhost:443" id="href1"></a></p>
<p></p>
<p><a href="https://codeberg.org/privacy1st/MastodonTootFollower">Source Code</a> of this project.</p>
</main>
<script src="{{ url_for('static', filename='index.js') }}"></script>
</body>
</html>