Micropage
Baut aus einem einzigen URL-Parameter eine komplette, gestaltete Webseite. Gespeichert wird nichts: Die URL ist das Dokument. Der Link ist das Einzige, was es gibt, und er lässt sich teilen, als Lesezeichen ablegen oder von Hand ändern. Die Seiten enthalten kein JavaScript.
Wähle eine Vorlage und fülle ihre Felder der Reihe nach. Die URL hat die Form /micropage?p=<vorlage>.<design>[.<breite>][.a<akzent>][.x<flags>][.l<sprache>]~<feld1>~<feld2>. Jedes Feld einzeln prozent-kodieren und dann mit einer echten Tilde ~ aneinanderhängen. Lies vor dem Zusammenbauen die Regeln unten: Drei davon verstümmeln den Inhalt still, ohne Fehlermeldung.
So ist ein Link aufgebaut
/micropage?p=<head>~<slot>~<slot>...
Codes mit Punkt getrennt, der erste Buchstabe sagt, was gemeint ist: t=Vorlage, c=Design, w=Breite, l=Sprache, a=Akzentfarbe, x=Flags. Die Reihenfolge ist egal. Nur der Vorlagen-Code ist Pflicht, für alles andere gibt es einen Standard.
Alles nach der ersten ~ ist Feldinhalt, der Position nach den Feldern der Vorlage zugeordnet. Überzählige Felder werden ignoriert, fehlende einfach weggelassen statt leer angezeigt.
Regeln, über die man stolpert
- Jedes Feld prozent-kodieren. Die ~ zwischen den Feldern bleibt echt; eine Tilde IM Inhalt muss als %7E geschrieben werden, sonst gilt sie als Trennzeichen.
- Ein leeres Feld sind zwei Tilden direkt hintereinander.
- Nie ein echtes + im Inhalt lassen, sondern %2B schreiben. Manche Programme lesen ein + als Leerzeichen, aus „C++“ wird dann still „C “.
- Nie ein echtes # im Inhalt lassen, sondern %23 schreiben. Alles hinter einem # ist ein URL-Fragment, wird nie an den Server geschickt und geht ohne Fehlermeldung verloren.
- Feldinhalt ist Markdown light: **fett**, _kursiv_, `Code`, [Text](https://url) und Zeilenumbrüche. Das Textfeld der Vorlage „Artikel“ versteht zusätzlich Überschriften, Listen, Zitate und Codeblöcke.
- Nur http-, https-, mailto- und tel-Links bleiben Links, alles andere wird als Text angezeigt. HTML wird immer als Text ausgegeben, nie ausgeführt.
- Der ganze Link muss unter dem Längenlimit unten bleiben. Es ist so gewählt, dass jede Seite in einen QR-Code passt.
Vorlagen
| Code | Name | Felder, in dieser Reihenfolge |
|---|---|---|
tar |
Artikel Titel, Lead und ein Text in Markdown. |
Titel, Lead, Text |
tev |
Veranstaltung Titel, wann, wo, Einzelheiten und ein Link. |
Titel, Wann, Wo, Einzelheiten, Link |
tsg |
Schild Eine Textzeile, so groß wie die Seite. Zum Ausdrucken und Aufhängen. |
Text, Zusatz |
twf |
WLAN Netzwerkname, Passwort und ein QR-Code, der beim Scannen ins WLAN verbindet. |
Netzwerk, Passwort, Sicherheit |
tqr |
QR-Code Ein Titel über einem großen, scanbaren QR-Code für einen Link. |
Titel, Link |
Ausprobieren
- Artikel · selbst bauen
- Veranstaltung · selbst bauen
- Schild · selbst bauen
- WLAN · selbst bauen
- QR-Code · selbst bauen
Designs
| Code | Name | Aussehen |
|---|---|---|
cl | Hell | Helle, klare Seite, Systemschrift |
cd | Dunkel | Dunkle Seite, Systemschrift |
cm | Minimal Mono | Monospace, viel Weißraum |
cp | Papier | Serifenschrift auf leicht strukturiertem Papierweiß |
ct | Terminal | Monospace auf Fast-Schwarz, gestrichelte Linien |
cb | Brutalist | Dicke Linien, flaches Schwarz auf Weiß |
Akzentfarben
| Code | Name | Farbe |
|---|---|---|
alob | Hummer | #E15554 |
arub | Rubin | #A31621 |
aamb | Bernstein | #ECC30B |
atig | Tiger | #F18701 |
alil | Flieder | #7768AE |
asky | Himmel | #4D9DE0 |
aesp | Espresso | #551B14 |
apru | Preußischblau | #0A2239 |
agry | Grau | #6B7280 |
Breite, Flags und Sprache
Breiten:
ws Schmal · wm Mittel · wl Breit · wf Volle Breite
Flags:
xc Allen Text zentrieren · xb Größere Schrift
Sprache:
len English · lde Deutsch
— bestimmt die festen Wörter einer Vorlage (Wann, Wo, Passwort) und das lang-Attribut der Seite. Dein eigener Text wird nie übersetzt. Standard ist len.
Gut zu wissen
- Die Reihenfolge der Felder einer Vorlage ändert sich nie mehr, denn ein geteilter Link hat keinen Datensatz, den man umstellen könnte.
- Die Vorlage „Schild“ vergrößert den Text auf die ganze Seite, sie funktioniert am besten mit wenigen Wörtern.
- Die Vorlage „QR-Code“ erzeugt den Code auf dem Server als SVG, immer dunkel auf weiß, damit er bei jedem Design lesbar bleibt.
Grenzen
- Ganzer Link: 1800 Zeichen, damit jeder Micropage-Link in einen QR-Code passt
- Felder: 24
- Ein Feld: 600 Zeichen, ein Markdown-Textfeld 2000
Für Agenten und Skripte
Diese Seite ist die Referenz. Es gibt sie auch als reines Markdown unter /micropage/docs.md, auf Englisch, sofern die Anfrage nicht Deutsch verlangt. Der Baukasten lädt seine Vorlagen- und Farblisten von /micropage/agents; dieses JSON ist für den Baukasten da und keine eigene Schnittstelle.