joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: responsive hero header images (#23)

Browse source
This commit is contained in:
Joshua Seigler 2016-10-21 13:27:19 -04:00 • committed by Perry Woodin
parent c7d3adfb19
commit d96ca70bac
13 changed files with 73 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

10
_includes/hero/blog.html
View file

@ -1,10 +1,8 @@
<div class="hero hero--blog" id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="{{ base }}/assets/img/hero/{% t pages.blog.hero-image %}" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
<div class="hero__background">
{% if pages.blog.hero-image %}
<img src="{{ base }}/assets/img/hero/{% t pages.blog.hero-image %}" alt="" class="hero__background-image">
{% endif %}
</div>
<!-- Navigation -->