yann/hugo-scroll
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Cover video - initial transplant

Browse source 
Transplanted cover video feature from fork of @thomasjungblut and adapted to latest hugo scroll code

Co-Authored-By: Thomas Jungblut <thomas.jungblut@gmail.com>
This commit is contained in:
Zdenek K 2023-04-05 21:34:45 +02:00
parent 20549022f5
commit 6f7f95f181
5 changed files with 59 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
exampleSite/content/_index.md
View file

@ -1,8 +1,13 @@
---
# Striking header background image, Ideal images are homogenous around the centre and contrasting to the text. Non-ideal images can use `title_guard`
header_image: "images/cover-image.jpg"
#
# When set true, uses video from custom_header_video.html partial, instead of header_image
header_use_video: true
#
# Optional header logo. CSS: `#blog-logo`, with max-height defined, optimize to prevent scaling
header_logo: "images/chef-hat.png"
#
# Headers are safeHTML, you can use HTML tags such as b,i,u,br
header_headline: "Jane Doe"
header_subheadline: "<b>Nutrition</b> Coach & <b>Chef</b> Consultant"

6
exampleSite/layouts/partials/custom_header_video.html Normal file
View file

@ -0,0 +1,6 @@
<video playsinline="" autoplay="true" muted="" loop=""
poster="https://www.ledger.com/wp-content/themes/ledger-v2/public/images/homepage/home-hero-ledger.jpg">
<source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.webm?v=1637155649" type="video/webm">
<source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.mp4?v=1637155649" type="video/mp4">
<source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.mov?v=1637155649" type="video/mov">
</video>