First mockup.

2020-06-29 01:55:29 +02:00 · 2020-06-29 01:55:29 +02:00 · 27c19fb89e
commit 27c19fb89e
2 changed files with 61 additions and 0 deletions
--- a/add.sh
+++ b/add.sh
@ -0,0 +1,4 @@
+#!/bin/sh
+
+echo -en 'Content-Type: text/plain; charset=utf-8\r\n\r\n'
+echo -en 'Received, but not stored. 😝\r\n'
--- a/index.html
+++ b/index.html
@ -0,0 +1,57 @@
+<!doctype html>
+<html>
+  <head>
+    <title>FediBlock prototype</title>
+    <meta charset="utf-8" />
+    <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;
+     }
+    </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>Form</h2>
+    <form action="/add" method="get">
+      <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="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>