Einführung

Maik.io hat ein paar kleine Easter Eggs versteckt – aber keine Sorge: Diese Seite konzentriert sich auf die wichtigen Dinge im Alltag. Hier findest du eine Anleitung zum Hell- und Dunkelmodus, zu den Sprachversionen, zur Suche und zu den Funktionen am Ende eines Beitrags.

Darstellung im Hell- und Dunkelmodus

Standardmäßig richtet sich maik.io nach der Systemeinstellung beziehungsweise Browserpräferenz deines Geräts. Bevorzugt das System den Dunkelmodus, erscheint die Seite dunkel; andernfalls wird das helle Layout verwendet. In der Kopfzeile gibt es dafür keinen sichtbaren Schalter mehr.

Manuell umschalten

Versierte Nutzer können mit Alt+T jederzeit zwischen hellem und dunklem Layout wechseln.

  • Die manuelle Auswahl wird lokal im Browser gespeichert.
  • Eine gespeicherte Auswahl überschreibt anschließend die Systemeinstellung.
  • Die Einstellung gilt nur für das jeweilige Gerät und den verwendeten Browser.
  • Durch das Löschen der Website-Daten beziehungsweise des lokalen Speichers folgt die Seite wieder der Systemeinstellung.

Deutsche und englische Sprachversionen

maik.io bietet Inhalte auf Deutsch und Englisch an, soweit eine Übersetzung verfügbar ist. Einen globalen Sprachumschalter in der Kopfzeile gibt es nicht mehr.

  • Suchmaschinen können direkt auf die passende deutsche oder englische URL verweisen.
  • Manche Inhalte sind ausschließlich auf Deutsch verfügbar.
  • Gibt es für einen einzelnen Beitrag eine Übersetzung, bleibt sie in den Metadaten unterhalb des Titels verlinkt.
  • Deutsche Seiten liegen unter der normalen URL, englische Versionen in der Regel unter /en/.

RSS abonnieren

Neben der Überschrift „notes“ befindet sich ein runder RSS-Button mit feinem Rand.

  • Beim Darüberfahren wird das RSS-Symbol orange und der Hinweis „Abonniere mich per RSS“ erscheint.
  • Ein Klick öffnet den RSS-Feed der Beitragsübersicht.
  • Den Feed kannst du in einem RSS-Reader deiner Wahl abonnieren, um neue Beiträge automatisch zu erhalten.

Suche

Die Suche ist dafür da, Inhalte schnell wiederzufinden.

Was du erwarten kannst

  • Die Suche zeigt Ergebnisse während des Tippens (Live-Suche).
  • Treffer werden als Liste angezeigt, jeweils mit Titel und Link.
  • Durchsucht werden Inhalte wie Titel, Kurzbeschreibung/Zusammenfassung und der Seiteninhalt.

Tastatursteuerung

Wenn du lieber ohne Maus arbeitest:

  • Tippen: startet und aktualisiert die Suche sofort
  • Pfeil hoch / runter: springt durch die Trefferliste
  • Pfeil rechts: öffnet den aktuell ausgewählten Treffer
  • Escape: leert die Suche und setzt die Treffer zurück

Datenschutz und Technik in einem Satz

Die Suche läuft komplett im Browser. Es werden keine Suchanfragen an einen Server geschickt und nichts zentral gespeichert.

Kleine Besonderheit

Es gibt eine spezielle Eingabe, die eine interne Hinweisbox auslöst und die Seite anschließend neu lädt. Das ist Absicht (Easter Egg) und dient nur zu Test-/Spielzwecken.

Übersicht unter /notes

In der Beitragsübersicht werden Text- und Fotobeiträge unterschiedlich dargestellt:

  • Textbeiträge zeigen wie gewohnt eine kurze Zusammenfassung sowie Datum, Lesezeit und Wortanzahl.
  • Beiträge mit dem Tag photo konzentrieren sich auf das Coverbild und den Titel. Eine Textzusammenfassung wird nicht angezeigt.
  • Bei Fotobeiträgen enthält die Fußzeile des Listeneintrags ausschließlich das Datum. Lesezeit und Wortanzahl entfallen dort.
  • Auf der einzelnen Beitragsseite bleiben Zusammenfassung und Metadaten von dieser Sonderdarstellung unberührt.

Foto-Kalender unter /tags/photo/

Die Foto-Übersicht ist als Kalender für das laufende Jahr aufgebaut.

  • Die Monate werden vom aktuellen Monat rückwärts bis Januar angezeigt.
  • Jeder Monat besteht aus sieben Spalten von Montag bis Sonntag.
  • Alle Kalendertage erscheinen als kleine Quadrate.
  • Tage mit einem Fotobeitrag zeigen das Coverbild und verlinken direkt auf den Beitrag.
  • Tage ohne Foto bleiben als dezente, leere Felder sichtbar.
  • Gibt es an einem Tag mehrere Fotobeiträge, zeigt die Kachel das neueste Foto und ein +N-Badge für die weiteren Beiträge.
  • Unter dem Kalender führen Jahreslinks zu den Foto-Kalendern der Vorjahre. Es ist immer nur ein Jahr gleichzeitig sichtbar.
  • Beim Öffnen eines Vorjahres ändert sich die URL um einen Jahresanker. Dadurch funktionieren auch die Vor- und Zurücknavigation des Browsers.
  • Bilder des sichtbaren Jahres verwenden natives Lazy Loading. Bilder ausgeblendeter Jahre erhalten zunächst keine src-URL und werden erst beim Öffnen des Jahres aktiviert.
  • Die Ansicht passt sich an kleinere Bildschirme sowie den Hell- und Dunkelmodus an.

Zwischen Beiträgen navigieren und kommentieren

Unter dem Beitrag befinden sich die Navigation und das Kommentarfeld in einer gemeinsamen Zeile.

Vorheriger und nächster Beitrag

  • Der Pfeil nach links öffnet den vorherigen Beitrag.
  • Der Pfeil nach rechts öffnet den nächsten Beitrag.
  • Wenn es in einer Richtung keinen weiteren Beitrag gibt, wird der entsprechende Pfeil nicht angezeigt.

Per E-Mail kommentieren

  1. Schreibe deine Nachricht in das Feld „Kommentieren …“.
  2. Betätige den runden Button mit dem Papierflieger.
  3. Dein eingerichtetes E-Mail-Programm öffnet eine neue Nachricht an [email protected].

Der Betreff lautet automatisch „Kommentar: Titel des Beitrags“. Der eingegebene Kommentar steht im Nachrichtentext. Die Website verschickt oder speichert den Kommentar nicht selbst. Damit die Funktion arbeitet, muss auf deinem Gerät ein E-Mail-Programm für mailto:-Links eingerichtet sein.

Auf kleinen Bildschirmen steht das Kommentarfeld unter den Navigationspfeilen und nutzt die verfügbare Breite.

Passende Beiträge und Fotos

Am Ende vieler Beiträge findest du bis zu vier thematisch passende Vorschläge. Die Auswahl basiert auf den Metadaten der Beiträge, insbesondere auf gemeinsamen Tags. Gibt es keine passenden Treffer, wird kein leerer Bereich angezeigt.

Es gibt zwei Darstellungsvarianten:

  1. Foto-Beiträge

    • Hat der aktuell geöffnete Beitrag den Tag photo, lautet die Überschrift „Die Fotos könnten dir auch gefallen“.
    • Die Vorschläge erscheinen in einem 2×2-Raster.
    • Foto-Beiträge mit gefundenem Cover werden als Bildkacheln ohne Titel und Datum dargestellt.

  2. Textbeiträge

    • Ohne photo-Tag lautet die integrierte Tabellenüberschrift „Das könnte dich auch interessieren“.
    • Darunter erscheinen die Vorschläge in einer einspaltigen Tabelle mit dem Titel links und dem Datum rechts.
    • Jede Tabellenzeile ist vollständig anklickbar und wird beim Darüberfahren hervorgehoben.

Wie wird das Cover-Bild gefunden?

Für Bild-Teaser wird automatisch nach einem passenden Titelbild gesucht. Dabei werden mehrere mögliche Felder und Quellen geprüft. Erst wenn tatsächlich ein Bild gefunden wurde, erscheint ein visueller Teaser.

Tags am Beitragsende

Die Tags stehen unter den passenden Beiträgen beziehungsweise Fotos.

  • Alle Tags bleiben in genau einer Zeile und werden nicht umgebrochen.
  • Ist die Zeile breiter als der verfügbare Platz, lässt sie sich horizontal per Wischgeste, Touchpad oder mit Shift und dem Mausrad bewegen.
  • Seitliche Verläufe zeigen an, ob links oder rechts weitere Tags vorhanden sind.
  • Die sichtbare Scrollleiste wird ausgeblendet.
  • Häufig verwendete Tags stehen weiter links, seltene weiter rechts.
  • Die Häufigkeit wird getrennt für die aktuell angezeigte Sprache ermittelt.
  • Tags mit gleicher Häufigkeit werden alphabetisch sortiert.