kobel/layouts/partials/hero.html

<!--
id: string
odd: 0 or 1
hero:
  avatar: image
  greeting: string
  social: icon
    type: string
    url: string
content: string
-->
<div id="{{ .id }}" class="section {{if eq .odd 0}} even {{end}} row">
  <div class="content hero">
    {{ with .hero }}
      <div class="content">
        {{ if .avatar }}
          <div class="image">
            {{ partial "components/image.html" .avatar }}
          </div>
        {{ end }}
        <div class="heading">
          <h1>{{ .greeting }}</h1>
          <h3>{{ .introduction }}</h3>
          {{ if .social }}
            <div class="social">
              {{ range .social }}
                {{ partial "components/icon.html" . }}
              {{ end }}
            </div>
          {{ end }}
        </div>
      </div>
    {{ end }}
    {{ with .content }}
      <div class="description">
        {{ . }}
      </div>
    {{ end }}
  </div>
</div>