Image Hero

Prototype

Notes
Info
HTML
View
Context

Nav Titlebar with reveal on scroll up

uses GSAP to show titlebar when scrolling back up

Handle: @swr-image-hero
Preview:
- With layout
- Component only
Filesystem Path: components/10-projects/summerland/02-modules/_image-hero.hbs
Referenced by (1): @swr-homepage-hero


        
        <picture>
    <source media="(max-width: 640px)" srcset='https://picsum.photos/id/10/1200/1200'>
    <source media="(max-width: 999px)" srcset='https://picsum.photos/id/10/1500/1000'>
    <source media="(min-width: 1000px)" srcset='https://picsum.photos/id/10/2000/1200'>
    <img class="absolute object-cover w-full h-full" src='https://picsum.photos/id/10/1200/1200' alt="alt text" loading="eager">
</picture>


        <picture>
  <source media="(max-width: 640px)" srcset='https://picsum.photos/id/10/1200/1200'>
  <source media="(max-width: 999px)" srcset='https://picsum.photos/id/10/1500/1000'>
  <source media="(min-width: 1000px)" srcset='https://picsum.photos/id/10/2000/1200'>
  <img class="absolute object-cover w-full h-full"
       src='https://picsum.photos/id/10/1200/1200'
       alt="alt text"
       loading="eager">
</picture>


        
            
            /* No context defined. */