Bädda in kalendern
Lägg till en liten "I dag"-ruta i din blogg, hemsida eller skolas sajt. En kodrad räcker, och dagens namnsdagar, helgdagar och månfas syns för läsaren.
Vad inbäddningen visar
En liten ruta med dagens veckodag och datum, dagens namnsdagar, eventuell helg- eller flaggdag och en diskret länk tillbaka till kalendern. Uppdateras automatiskt när datumet byts.
Klistra in i HTML
Lägg koden där du vill att rutan ska visas. Den krockar inte med dina egna stilar, eftersom innehållet renderas i en Shadow DOM och ditt tema inte påverkar det.
<div data-nordic-calendar></div>
<script async src="https://svenskkalender.app/embed.js"></script>Förhandsvisning
Så här ser inbäddningen ut just nu:
Hur inbäddningen fungerar
- 1Du klistrar in koden ovan på din sida.
- 2Besökarens webbläsare hämtar dagens uppgifter direkt från den här kalendern.
- 3Uppgifterna visas där du klistrade in koden. Inget eget serverstöd behövs.
Anpassning
Du kan ge målelementet vilka klasser eller stilar som helst. Innehållet håller sig inom sitt eget stilskal och ärver inte sidans färger eller typsnitt. Lägg till data-theme="dark" på elementet om du vill tvinga fram en mörk variant.
Villkor
Får användas fritt i bloggar, föreningssajter, skolornas hemsidor och företagens intranät. En länk tillbaka till Svensk Kalender är en del av inbäddningen. Dölj eller ta inte bort den. Data kan ändras.