ShowerLoop-cc/docker/showerloop/public/themes/chocolate/layouts/partials/hero-h.html

32 lines
1.4 KiB
HTML

<div class="chocolate-hero-section" style="background-image: url('{{ .Params.hero_image }}')">
<div class="hero-row-group">
<div class="hero-row">
<div class="hero-row-item hero-text-info">
<h1 class="mdl-typography--display-3">{{.Params.hero_title}}</h1>
<h2>{{.Params.hero_subtitle}}</h2>
<p>
{{.Params.hero_content}}
</p>
</div>
<div class="hero-row-item hero-video">
{{ if .Params.hero_video_url }}
{{ $videoId := index (last 1 (split (strings.TrimSuffix "\"" .Params.hero_video_url) "/")) 0 }}
<div class="video-container">
<video
id="video-hero-{{ now.Unix }}"
controls
preload="none"
width="100%"
height="auto">
<source src="/static/videos/video1.mp4" type="video/mp4">
<p>
To view this video please enable JavaScript, and consider upgrading to a
web browser that supports HTML5 video
</p>
</video>
</div>
{{ end }}
</div>
</div>
</div>
</div>