otacke / h5p-advent-calendar

Do something nice before X-mas!

Hi, I'm Oliver ()!

I'm an IT freelancer who loves H5P!

• 💝 Loves contributing to open source projects and Open Educational Resources.
• 🏦 For a living, helps others to better use H5P at SNORDIAN.
• 🥺 Gets sad when people pretend or believe they cannot do something.
• 🎙️ Co-hosts a podcast about teaching and learning with digital media called BldgAltEntf.
• 🏃‍♂️ (Re)-Started running and hopefully will keep running this time 😄. Track and nudge me!

🔧 Technologies and tools

h5p-advent-calendar's Issues

Just a thought

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

Check snow flake script on mobile

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

Take care of a11y

Accessibility needs to be checked, at least:

• proper readspeaker announcements
• proper keyboard use

Advent calendar customization

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,

Refactor

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

Choose door size depending on viewport

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)

Pause/resume background music when door content starts/stops sound