Glossar-Widget
Binde das Kokomo Glossar als Tooltip-Widget in deine eigene Website ein — kostenlos.
Einbindung
Das Widget wird mit einem einzigen Script-Tag eingebunden — direkt vor </body>:
<script src="https://www.kokomo.house/api/glossary/widget.js"></script>Variante A: Auto-Highlight
Begriffe werden automatisch erkannt und markiert:
<article data-kokomo-glossar-auto>
Dein Text mit Begriffen wie Tiny House, Autarkie, etc.
</article>Variante B: Manuell
Einzelne Begriffe gezielt markieren:
<span data-kokomo-glossar="holzofen">Holzofen</span>Variante C: API
Glossar-Daten als JSON abrufen:
fetch("https://www.kokomo.house/api/glossary?slug=holzofen")
fetch("https://www.kokomo.house/api/glossary?q=solar")
fetch("https://www.kokomo.house/api/glossary?letter=A")
fetch("https://www.kokomo.house/api/glossary")Auto-Highlight
data-kokomo-glossar-auto auf dem Container — das Widget findet und markiert Begriffe automatisch.
Wer ein Tiny House on Wheels plant, sollte sich mit Themen wie Autarkie, Komposttoilette und Solaranlage beschäftigen. Auch eine Regenwassernutzung kann sinnvoll sein. Die Bauweise in Holzrahmenbauweise ist besonders beliebt, da sie leicht und nachhaltig ist.
Für die Energieversorgung kommen oft Photovoltaik-Anlagen zum Einsatz. Wer komplett autark leben möchte, setzt zusätzlich auf eine Trenntoilette und einen Wärmetauscher. Der Stellplatz ist ein weiteres wichtiges Thema — nicht überall darf man ein Tiny House aufstellen.
Manuelle Markierung
data-kokomo-glossar="slug" auf einzelnen Begriffen — volle Kontrolle über markierte Wörter.
Ein Tiny House ist ein kleines Wohnhaus, das oft auf einem Trailer gebaut wird. Die Grundfläche beträgt meist zwischen 15 und 45 Quadratmeter. Viele Bewohner setzen auf Minimalismus und einen bewussten Lebensstil.
Custom CSS Override
Die Widget-Styles lassen sich per CSS überschreiben:
In diesem Abschnitt haben die Begriffe eine orange Unterstreichung. Probier es aus: Nachhaltigkeit und Offgrid-Living sind wichtige Themen beim Tiny House.
JSON-API testen
Die Glossar-Daten sind auch als REST-API verfügbar. Klick auf einen Endpunkt:
// Klicke oben auf einen Button...