top-level/focal-video.html

  1. {{#
  2. /**
  3. * @name top-level/focal-video
  4. * @deprecated This partial has been deprecated. Please use {@link block/focal-video} instead.
  5. * @todo Document property vars/partial
  6. */
  7. #}}
  8. <section class="bg-{{ color }} pt-10 bg-bottom bg-contain m--px-5" {{ if color=='mint' }}style="background-image: url('{{ theme:asset src="images/backgrounds/mint-wave.svg" }}')"{{ /if }}>
  9. <div class="mw-32 mx-auto m--mw-grid px-5 m--px-0">
  10. <h2 class="{{ if color=='ocean-40' }}slate-120{{ else }}white{{ /if }} title-2 ta-center m--title-3 l--title-5 l--mb-6 {{ if fix-widow }}l--px-12{{ /if }}">{{ focal_video_title }}</h2>
  11. <p class="{{ if color=='ocean-40' }}slate-120{{ else }}white{{ /if }} body-3 ta-center {{ if color=='ocean-40' }}fw-400{{ else }}fw-500{{ /if }} mb-8 m--px-8 l--px-12 l--body-5 l--mb-9">{{ focal_video_description }}</p>
  12. </div>
  13. <div class="mw-grid mx-auto ov-hidden m--grid m--g-cols">
  14. <div class="none br-top-2 bg-white {{ if color=='ocean-40' }}bs-angel-soft{{ /if }} g-col-10 g-start-1 m--block">
  15. <img src="{{ theme:asset src='images/browser-top.svg' }}" class="va-bottom">
  16. </div>
  17. <div class="m--g-col-10 m--g-start-1 {{ if color=='ocean-40' }}bs-angel-soft{{ /if }}">
  18. <video autoplay="" muted="" class="w-100 va-bottom" poster="{{ focal_video_poster_image }}">
  19. {{ focal_video_assets }}
  20. <source src="{{ value }}">
  21. {{ /focal_video_assets }}
  22. Your browser does not support the video tag.
  23. </video>
  24. </div>
  25. </div>
  26. </section>