1
0
forked from Git/hugo-story

switching banner to data concept

This commit is contained in:
mspnr
2021-01-31 01:20:41 +01:00
parent 60f3a622d7
commit 51e38e582c
3 changed files with 27 additions and 15 deletions

View File

@ -1,14 +1,14 @@
<!-- Banner -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
{{ with .Site.Title }}<h1>{{.}}</h1>{{end}}
{{ with .Site.Params.subtitle }}<p class="major">{{.}} released for free under the <a target="_blank" href="https://creativecommons.org/licenses/by/3.0/">Creative Commons</a>.</p>{{end}}
<p>This is a <strong>Banner</strong> element, and it's generally used as an introduction or opening statement. You can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-banner">details</a>).</p>
<ul class="actions stacked">
<li><a href="#first" class="button large wide smooth-scroll-middle">Get Started</a></li>
</ul>
</div>
<div class="image">
{{ with .Site.Params.logo }}<img src="{{.}}" alt="Hugo Story" />{{end}}
</div>
</section>
<!-- Banner -->
<section class="banner {{ .style }}">
<div class="content">
{{ with .title }}<h1>{{ . }}</h1>{{ end }}
{{ with .subtitle }}<p class="major">{{ . | safeHTML }}</p>{{ end }}
{{ with .content }}<p>{{ . | safeHTML }}</p>{{ end }}
{{ with .button }}<ul class="actions stacked">
<li><a href="{{ .link }}" class="button primary large wide smooth-scroll-middle">{{ .label }}</a></li>
</ul>{{ end }}
</div>
{{ with .image }}<div class="image">
<img src="{{.}}" alt="Hugo Story" />
</div>{{end}}
</section>