Dec 1 - Jan 1
32 DaysOct 26-31
6 DaysFeb 9-14
6 DaysNov 1-5
5 DaysMar 12-17 ⢠Ireland
6 DaysNov 25-30 ⢠Scotland
6 DaysFeb 24-Mar 1 ⢠Wales
6 DaysApr 18-23 ⢠England
6 DaysThe Celebrations system automatically detects the current date and activates the appropriate theme during celebration periods. Simply include the layout system in your page:
<!-- Include Domma -->
<script src="dist/domma.min.js"></script>
<!-- Include Layout System (handles celebrations automatically) -->
<script type="module" src="layouts/js/layout.js"></script>
For testing or manual control, you can enable celebrations with specific settings:
// Import the celebrations module
import CelebrationsEffect from './layouts/js/modules/celebrations/index.js';
// Create instance with options
const celebrations = new CelebrationsEffect({
theme: 'christmas', // or 'auto' for date detection
intensity: 'medium', // 'light', 'medium', or 'heavy'
enabled: true,
container: document.body
});
// Start the effect
celebrations.start();
// Change theme dynamically
await celebrations.setTheme('halloween');
// Change intensity
celebrations.setIntensity('heavy');
// Pause/resume
celebrations.pause();
celebrations.start();
// Cleanup
celebrations.destroy();
When theme is set to 'auto', the system automatically:
null if no celebration is currently active