squirrel/layouts/partials/hero.html

36 lines
1.2 KiB
HTML

{{- $hero := .hero }}
{{- $content := .content }}
{{- $color := .color }}
{{- $odd := .odd }}
{{- $id := "hero"}}
{{if $hero.id}}
{{- $id := $hero.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
{{ $template := resources.Get "scss/hero.scss" }}
{{ if $template }}
{{ $index := $template | resources.ExecuteAsTemplate "css/hero.scss" . | resources.ToCSS (dict "outputStyle"
"compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
{{ end }}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}} row hero">
<div class="section-content services">
<div class="hero-description col-5">
{{ with $hero.logo }}
{{- partial "components/image.html" (dict "type" .type "style" .style "url" .url "alt" .alt "width" .width "height" .height) -}}
{{ end }}
{{ partial "components/title.html" $hero.title }}
<p>{{ $content }}</p>
<br />
{{ with $hero.button }}
{{- range .}}
{{ partial "components/button.html" . }}
{{- end }}
{{ end }}
</div>
<div class="side-image col-7">
{{- partial "components/image.html" $hero.image -}}
</div>
</div>
</div>