site/_src/_includes/hero.html

29 lines
1.4 KiB
HTML

<header class="hero">
{% include menu-main.html %}
<div class="hero__content row">
<hgroup>
<h1 class="hero__title section-title">{{ page.tagline }}</h1>
<h2 class="hero__subtitle">{{ site.description }}</h2>
<a href="/features/" class="hero__action btn btn-primary">Learn More</a>
</hgroup>
</div>
<aside class="hero__community">
<div class="row row--wide">
<a class="btn btn-text btn-sm" id="release-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}/releases/latest" rel="external"><span class="hero__community__label">Latest release</span> <strong class="release" id="release"></strong></a>
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}" title="Star {{ site.social.github.org }}/{{ site.social.github.repo }} on GitHub">
<svg class="icon icon--social icon--github" aria-labelledby="title">
<title>GitHub</title>
<use xlink:href="/assets/img/sprite.svg#github"></use>
</svg> Star <span class="stars" id="stars"></span>
</a>
</div>
</aside>
<a class="hero__more btn btn-link btn-sm" href="#features" data-scroll>Learn More <svg class="icon icon--caret"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a>
</header>