Embed the calendar
Add a small "Today" panel to your blog, homepage, or school site. One line of code, and today's name days, holidays and moon phase appear for your readers.
What the embed shows
A small panel with today's weekday and date, today's name days, any holiday or flag day, and a quiet link back to the calendar. Refreshes itself as the day rolls over.
Paste this into your HTML
Drop the code where you want the panel to render. It will not fight your own styles, because the content renders inside a Shadow DOM and your theme cannot reach it.
<div data-nordic-calendar></div>
<script async src="https://nordiccalendar.app/embed.js"></script>Preview
Here is how the embed looks right now:
How the embed works
- 1You paste the snippet above into your page.
- 2The visitor's browser fetches today's data directly from this calendar.
- 3The data renders where you pasted the snippet. No backend of your own is needed.
Customisation
You can give the target element any classes or styles you like. The content stays inside its own style shell and never inherits the page's colours or fonts. Set data-theme="dark" on the element to force a dark look.
Terms
Free to use on blogs, club pages, school sites and company intranets. A link back to Nordic Calendar is part of the embed. Please do not hide or remove it. Data can change.