Added privacy-friendly embed shortcode with consent and placeholderFeature/privacy modal

[nikitakar9862]

Summary

This PR introduces a new privacy-friendly embed system for YouTube. It includes:

• A Hugo shortcode: privacy-embed.html (located in themes/django20/layouts/shortcodes/)
• JavaScript functionality (privacy-embed.js) for consent management and iframe loading
• CSS styling (privacy-embed.css) for placeholder and consent button
• Integration of JS and CSS into baseof.html to ensure the embed works across all pages

Features

1. Consent-based loading:
   Users must click "Accept & Play" to load the actual video or track, protecting privacy by avoiding automatic third-party requests.

2. Thumbnail/Placeholder:

   • YouTube: automatic high-quality thumbnail if none provided
   • Other providers: fallback placeholder image
   • Optional custom thumbnail via shortcode parameter

3. Provider Support:

   • YouTube (default)

Usage Example

Markdown example for embedding a video:

[benjaoming]

This is all looking super-nice! I think you should find somewhere that people exchange Hugo snippets and share it afterwards.

[nikitakar9862]

Thanks for the guidance! @benjaoming 🙌
I had move the privacy-embed.css styles into the SASS pipeline. I had created a privacy-embed.scss file under assets/sass/ and import it into the main SCSS file, so everything stays consistent.

[benjaoming]

@nikitakar9862 was the input understandable? Ask if questions!

[benjaoming]

I can also finish the PR from here, if you find the input too confusing.

[nikitakar9862]

@nikitakar9862 was the input understandable? Ask if questions!

yes @benjaoming i am working on that

[benjaoming]

@nikitakar9862 there are now 2 versions of privacy-embed.js in the PR. I guess one should be removed?

[nikitakar9862]

@nikitakar9862 there are now 2 versions of privacy-embed.js in the PR. I guess one should be removed?

yes @benjaoming the previous one i had removed from the assets/js folder

[benjaoming]

@nikitakar9862 there is no clear right and wrong about where to put this JS file, but can you make sure that there is just 1? 🙏