Maxwel Sites

Website-Baukastensystem


Karte

Die Karten-Komponente präsentiert Inhalte in einem strukturierten Format mit Logo, Titel, Beschreibung und optionalen Elementen wie Symbolen, Schaltflächen, Markierungen oder Aufzählungspunkten.


Karte mit Logo-Bild – Bild im Kreis mit Link auf der gesamten Karte.
Karte mit Logo-SVG – SVG im Kreis mit Link auf der gesamten Karte.
Karte mit Logo-Icon – Icon mit Link auf der gesamten Karte.
Karte mit Hexagon – Logo-Bild in Hexagon-Form mit Link auf der gesamten Karte.
Testbild Querformat

Karte mit Logo-Link

Link auf dem Logo

Karte mit Logo-Link – Link nur auf dem Logo, nicht auf der gesamten Karte, wenn die Karte Links oder Buttons enthält.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

PDF-Export

Jede Seite mit aktiviertem PDF-Export kann als druckoptimiertes PDF heruntergeladen werden. Das Layout wird automatisch für den Druck angepasst – ohne Menü, Navigation oder interaktive Elemente.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

RSS-Feed

Jede Seite mit aktiviertem RSS-Feed wird automatisch in den Feed aufgenommen. Abonnenten erhalten neue Inhalte direkt in ihrem RSS-Reader – ohne Tracking, ohne Algorithmus.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Markdown

Markdown ist eine einfache Auszeichnungssprache, die es ermöglicht, formatierten Text mit reiner Textsyntax zu erstellen.

Dieser Abschnitt demonstriert wichtige Markdown-Funktionen: kursiver Text, fetter Text, und fett-kursiver Text. Sie können auch Links einfügen und Listen erstellen:

  • Erster Listenpunkt
  • Zweiter Listenpunkt mit Hervorhebung
  • Dritter Listenpunkt

Nummerierte Listen funktionieren ebenfalls:

  1. Erster Schritt
  2. Zweiter Schritt
  3. Dritter Schritt

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Raster

Die Raster-Komponente zeigt Inhalte in einem anpassbaren Rasterlayout an. Ideal für Galerien, Portfolios oder strukturierte Übersichten mit mehreren Elementen.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Video

Die Video-Komponente unterstützt sowohl Hoch- als auch Querformat. Videos werden mit einem Vorschaubild geladen und können vom Nutzer abgespielt werden.

00:00 / 00:00
Video Querformat
00:00 / 00:00
Video Hochformat

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Audio

Die Audio-Komponente zeigt ein Vorschaubild mit integriertem Audioplayer. Perfekt für Musik, Podcasts oder Sounddesign-Präsentationen.

Testbild Querformat
00:00 / 00:00
Audio Querformat
Testbild Hochformat
00:00 / 00:00
Audio Hochformat
00:00 / 00:00
Audio ohne Bild mit Progress Bar
00:00 / 00:00
Audio ohne Bild ohne Progress Bar

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Playlist

Die Playlist-Komponente zeigt eine Liste von Audio-Tracks mit optionalem Vorschaubild. Perfekt für Alben, Podcasts oder Musik-Sammlungen.

Playlist Cover
00:00 / 00:00
Beispiel-Playlist
Sechs Tracks mit wechselnden Vorschaubildern, Fortschrittsanzeige und Titelnummerierung
1. Track 1 00:00
2. Track 2 00:00
3. Track 3 00:00
4. Track 4 00:00
5. Track 5 00:00
6. Track 6 00:00

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Bild

Die Bild-Komponente zeigt optimierte Bilder in verschiedenen Formaten. Unterstützt anpassungsfähige Darstellung und automatische Bildoptimierung.

Testbild Querformat
Bild Querformat
Testbild Hochformat
Bild Hochformat

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Slideshow

Die Slideshow-Komponente zeigt mehrere Bilder in einer interaktiven Diashow mit Wischgesten, Tastaturnavigation und Punktanzeige.

Testbild Animation 1
Testbild Animation 2
Testbild Animation 3
Testbild Animation 4
Testbild Animation 5
Testbild Animation 6
Testbild Animation 1

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Karte mit Metadaten

Die Karten-Komponente nimmt Detail, Titel, Beschreibung, Icons, Buttons, Links, Labels und Aufzählung in einer einzigen Karte auf.

Detail-Text

Karte mit allen Features

Mit Logo-Bild, Detail, Titel, Beschreibung, Icons, Buttons, Links, Labels und Aufzählung

Inhalte KI-Assistiert
KI-Übersetzung
Invertiertes Label
Nur Text
  • Beispiel-Aufzählungspunkt 1
  • Beispiel-Aufzählungspunkt 2
  • Beispiel-Aufzählungspunkt 3

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Bild / Audio / Video mit Metadaten

Bilder, Audio- und Video-Komponenten unterstützen optionale Icons, Labels, Buttons und Links unterhalb der Medien. Ideal für Kunstwerke, Portfolios oder Medienseiten mit zusätzlichen Informationen und Verlinkungen.

Beispiel-Kunstwerk
Beispiel-Beschriftung
Inhalte KI-Assistiert
KI-Übersetzung
Invertiertes Label
Nur Text

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Slideshow mit Metadaten

Die Slideshow-Komponente unterstützt dieselben Metadaten wie Bilder, Audio und Video. Icons, Labels, Buttons und Links werden unterhalb der Diashow angezeigt.

Testbild Animation 1
Testbild Animation 2
Testbild Animation 3
Testbild Animation 4
Testbild Animation 5
Testbild Animation 6
Testbild Animation 1
Inhalte KI-Assistiert
KI-Übersetzung
Invertiertes Label
Nur Text

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Newsletter

Die Keila-Komponente zeigt ein Newsletter-Anmeldeformular, das den Keila-Service zur Verwaltung von Abonnements verwendet.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Server-Stats

Die UptimeKuma-Komponente zeigt Live-Status-Badges einer UptimeKuma-Instanz – Verfügbarkeit, Uptime und Antwortzeit.

status24h30 TageAntwortzeit

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Sprachauswahl

Die LanguageSelector-Komponente zeigt eine Auswahl aller verfügbaren Sprachen der Seite mit Flaggen-Icons.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Icons

Die Icon-Komponente zeigt eine beliebige Anzahl von Icons mit optionalen Links.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Buttons

Die Button-Komponente zeigt eine beliebige Anzahl von Buttons mit optionalen Styles.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Links

Die Links-Komponente zeigt eine beliebige Anzahl von Textlinks. Ideal für weiterführende Seiten oder externe Ressourcen.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Labels

Die Label-Komponente zeigt eine beliebige Anzahl von Labels mit optionalen Styles.

Inhalte KI-Assistiert
KI-Übersetzung
Invertiertes Label
Nur Text

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.

Logo

Die Logo-Komponente zeigt ein einzelnes Logo als Bild, SVG oder Icon mit optionalem Link.

Logo-Bild

Bilder werden automatisch optimiert und in verschiedenen Formen dargestellt.

Logo-Bild (original) – Bild im Original-Seitenverhältnis ohne Cropping.

Logo-Bild (circle) – Bild quadratisch gecroppt mit runden Ecken.

Logo-Bild (squircle) – Bild quadratisch gecroppt mit abgerundeten Ecken.

Logo-Bild (square) – Bild quadratisch gecroppt ohne Rundungen.

Logo-Bild (hexagon) – Bild in Hexagon-Form gecroppt.

Logo-Bild (triangle) – Bild in Dreieck-Form gecroppt.

Logo-Bild (parallelogram) – Bild in Parallelogramm-Form gecroppt.

Logo-SVG

SVGs werden verlustfrei dargestellt und unterstützen dieselben Formen wie Bilder.

Logo-SVG (original) – SVG im Original-Seitenverhältnis ohne Cropping.

Logo-SVG (circle) – SVG quadratisch gecroppt mit runden Ecken.

Logo-SVG (squircle) – SVG quadratisch gecroppt mit abgerundeten Ecken.

Logo-SVG (square) – SVG quadratisch gecroppt ohne Rundungen.

Logo-SVG (hexagon) – SVG in Hexagon-Form gecroppt.

Logo-Icon

Logo-Icon – einfarbiges Symbol aus der Icon-Bibliothek in der Akzentfarbe der Seite.

Logos können verlinkt werden und zeigen einen Hover-Effekt.

Logo-Bild mit Link.

Logo-SVG mit Link.

Logo-Icon mit Link.

Zwischen den Komponenten kann beliebiger Markdown-Text stehen – so lassen sich Inhalte und interaktive Elemente flexibel kombinieren.