mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
20 lines
853 B
HTML
20 lines
853 B
HTML
<div class="hero hero--post" id="hero">
|
||
<div class="hero__background">
|
||
{% if page.image %}
|
||
<img src="{{ base }}/assets/img/hero/{% t pages.blog.hero-image %}" alt="" class="hero__background-image">
|
||
{% endif %}
|
||
</div>
|
||
|
||
<!-- Navigation -->
|
||
{% include nav-desktop.html %}
|
||
|
||
<!-- Hero content -->
|
||
<div class="hero__content">
|
||
<a href="{{ basenav }}/blog/">{% t nav.blog %}{% if page.categories | size == 1 %} – {{ page.categories | first }}{% if page.categories | size > 1 %}{% for category in page.categories offset: 1 %} / {{ category }} {% endfor %} {% endif %}{% endif %}</a><!-- TODO: Add category page and link to it -->
|
||
<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>
|