Make the new year's theme fire a huge rocket at midnight

[JakobTopholt]

I think it would be a nice touch to make the new year's theme fire a big rocket at midnight. I might even make it myself 😳

[naeimehnajafi]

Hi, I’d like to work on this issue! Could you please assign it to me?

[JakobTopholt]

@naeimehnajafi Go for it.

[naeimehnajafi]

Hi, I’ve completed the following tasks for this issue:

• Added the New Year’s theme configuration to themes.json.
• Created newyear.html, newyear.css, and newyear.js under the appropriate directory.
• Verified file paths and updated the JSON configuration.

However, I’m encountering an issue during the GitHub Pages build. The build fails with the following error:
Liquid syntax error (line 69): Unknown tag 'themes_static' in themes.md

Steps I Took:

1. Updated themes.json with the correct paths for the new theme files.
2. Created the required files in the themes/ directory.
3. Set up GitHub Pages for testing.

Request for Help:

Could you please advise if there’s a specific way to handle the themes_static tag?

[JakobTopholt]

@atjn I think ur the man for this question.

[Daniel21b]

The documentation it's used in HTML templates to reference static files within themes.
The correct syntax is:

img src="{% themes_static 'mytheme/image.svg' %}">

Since there's no direct CSS solution, you should use inline styles in HTML:

div style="background-image:url({% themes_static 'mytheme/image.svg' %})">

For JavaScript files, instead of using the template tag, you should use the global variable,
const src = themes_static_url + "mytheme/image.svg";