I've seen some pictures of snowflakes stuck at the top on mobiles, probably not really off screen?

Accessibility needs to be checked, at least:

• proper readspeaker announcements
• proper keyboard use

I don't know if this is the proper place to add an issue and. then, a PR to try to improve this awesome exercise.

We would want to add this customizations to the project:

• Author would be able to choose the background image and the number of gates.
• The gates lead to text-image or another modules like memory game
• User would have the possibility to return to the home page of the calendar and open another door by pressing a button / keyboard key,

Allow users to enforce layouts that might make sense, e.g.

• 6x4
• 4x6

Choose some minimum/maximum width and then choose (.h5p-advent-calendar .h5p-advent-calendar-square {flex-basis}) accordingly:

• 6x4: calc(16.666% - 1em);
• 4x6: calc(25% - 1em);
• 3x8: calc(33% - 1em);
• 2x12: calc(50% - 1em);
• 1x24: calc(100% - 1em); (might be tooooo large :-D)

Great work, we love the idea.

Just a thought...
On the 'DEMO' page for this H5P widget on the H5P.com site, ow about putting it into 'Design mode' so that we can try out the demo during the other 11 months of the year...

https://h5p.org/content-types/advent-calendar

Nick

As a private weekend hackathon, this got out of hand a little :-) Things to consider:

• Use SASS for stylesheets (plenty of colors codes, etc.)
• general code cleaning