Working on the perfect cover photo ...
(See the Page Front theme template to customize as needed. )
https://github.com/slackstone/radix_rsvp
See the "Radix RSVP" theme's Page Front theme template to customize.
/web/themes/custom/radix_rsvp/templates/page/page--front.html.twig
Attached to this note is a series of house plant photos in various sizes and formats.
The attached photograpgs are released under an Open Source (Creative Commons) license.
S.Groundwater
12/2024
... picture>
<!-- Portrait format for mobile devices -->
<source
srcset="/themes/custom/radix_rsvp/images/cover-portrait-720x1280.webp 720w, /themes/custom/radix_rsvp/images/cover-portrait-1080x1920.webp 1080w" media="(max-width: 600px)" type="image/webp">
<source srcset="/themes/custom/radix_rsvp/images/cover-portrait-720x1280.jpg 720w, /themes/custom/radix_rsvp/images/cover-portrait-1080x1920.jpg 1080w" media="(max-width: 600px)" type="image/jpeg">
<!-- Landscape format for larger devices -->
<source srcset="/themes/custom/radix_rsvp/images/cover-landscape-1024x576.webp 1024w, /themes/custom/radix_rsvp/images/cover-landscape-1920x1080.webp 1920w" media="(min-width: 601px)" type="image/webp">
<source srcset="/themes/custom/radix_rsvp/images/cover-landscape-1024x576.jpg 1024w, /themes/custom/radix_rsvp/images/cover-landscape-1920x1080.jpg 1920w" media="(min-width: 601px)" type="image/jpeg">
<!-- Fallback image -->
<img src="/themes/custom/radix_rsvp/images/cover-default.jpg" sizes="100vw" class="bg-img"
alt="Insert Your Site Name Here" />
</picture ....
