73 lines
2.0 KiB
HTML
73 lines
2.0 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<title>FediBlock prototype</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="robots" content="noindex, nofollow">
|
||
<style>
|
||
label
|
||
{
|
||
display: block;
|
||
float: left;
|
||
width: 11ch;
|
||
text-align: right;
|
||
margin-right: 1ch;
|
||
}
|
||
input[type=text], input[type=url]
|
||
{
|
||
width: 60ch;
|
||
}
|
||
input[type=button]
|
||
{
|
||
padding: 0;
|
||
}
|
||
span.optional
|
||
{
|
||
font-style: italic;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h1>FediBlock</h1>
|
||
|
||
<h2>What is this?</h2>
|
||
<p>This is a prototype for FediBlock, a central blocklist for the Fediverse.</p>
|
||
|
||
<h2>Blocklist</h2>
|
||
|
||
<a href="/blocklist/">Here</a>.
|
||
|
||
<h2>Form</h2>
|
||
<form method="post" action="/add" enctype="multipart/form-data">
|
||
<label for="instance">Instance:</label>
|
||
<input type="text" id="instance" name="instance" placeholder="example.com" autofocus required>
|
||
<br>
|
||
|
||
<label for="tags">Tags:</label>
|
||
<input type="text" id="tags" name="tags" placeholder="tag1,tag2" autocomplete="on" required>
|
||
<input type="button" id="add_tag" value="➕" disabled><br>
|
||
|
||
<label for="receipts">Receipts:</label>
|
||
<input type="url" id="receipts" name="receipts"
|
||
placeholder="https://example.com/@user/1234567890" required>
|
||
<input type="button" id="add_receipt" value="➕" disabled><br>
|
||
|
||
<label for="screenshot">Screenshot:</label>
|
||
<input type="file" id="screenshot" name="screenshot" accept="image/*">
|
||
<span class="optional">(optional)</span><br>
|
||
|
||
<label for="description">Description:</label><br>
|
||
<textarea id="description" name="description" cols="80" rows="20" required></textarea><br>
|
||
|
||
<input type="submit">
|
||
</form>
|
||
|
||
<h2>TODO</h2>
|
||
<ul>
|
||
<li>Dynamically add input fields for tags and receipts.</li>
|
||
<li>Autocomplete tags.</li>
|
||
<li>Make it look okay on all sorts of screen sizes.</li>
|
||
</ul>
|
||
</body>
|
||
</html>
|