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

[Refactor] Blog/Post: Use hero instead of (duplicate) header, update post templates with page module

Browse source
This commit is contained in:
0xfff 2016-10-08 21:50:59 +02:00
parent d7a13d8c9a
commit 61a012ac30
15 changed files with 201 additions and 215 deletions
Download patch file Download diff file Expand all files Collapse all files

21
_includes/hero/blog.html Normal file
View file

@ -0,0 +1,21 @@
<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>
<!-- Navigation -->
{% include nav-desktop.html %}
<!-- Hero content -->
<div class="hero__content">
<h1 class="hero__title">{% t pages.blog.title %}</h1>
<p class="hero__lead">{% t pages.blog.description %}</p>
</div>
<!-- Hero stripe -->
<div class="hero__stripe"></div>
</div>

24
_includes/hero/post.html Normal file
View file

@ -0,0 +1,24 @@
<div class="hero hero--post" 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>
<!-- {% if page.image %}
<img src="{{ page.image }}" class="hero-image">
{% endif %} -->
</div>
<!-- Navigation -->
{% include nav-desktop.html %}
<!-- Hero content -->
<div class="hero__content">
<h1 class="hero__title">{% if page.title %}{{ page.title }}{% endif %}</h1>
<p class="hero__lead">{{ page.date | date: "%b %d, %Y" }}</p>
</div>
<!-- Hero stripe -->
<div class="hero__stripe"></div>
</div>