portfolio/layouts/_default/study.html

54 lines
1.3 KiB
HTML

{{- define "main" -}}
<header>
{{- with .Params.hero.tags -}}
<!--<ul class="tag-list" aria-label="Case study tags">
{{- range . -}}
<li>
<span class="tag{{ with .tone }} tag-{{ . }}{{ end }}">{{ .label }}</span>
</li>
{{- end -}}
</ul>-->
{{- end -}}
<h1>{{ with .Params.hero.title }}{{ . }}{{ else }}{{ .Title }}{{ end }}</h1>
{{- with .Params.hero.deck -}}
<p class="lede">{{ . }}</p>
{{- end -}}
{{- if and (not .Params.hero.deck) .Summary -}}
<p class="lede">{{ .Summary }}</p>
{{- end -}}
</header>
{{- with .Params.study -}}
<aside aria-label="Study metadata">
{{- with .facts -}}
{{- range . -}}
<figure>
{{- with .icon -}}
{{ partial "icon.html" (dict "name" .) }}
{{- end -}}
<label>{{ .label }}</label>
<figcaption>{{ .value }}</figcaption>
</figure>
{{- end -}}
{{- end -}}
</aside>
{{- end -}}
<div style="width: 100%; height: 50dvh; border-bottom: 2px solid #171717;"></div>
<article>
{{- with .Params.study.toc -}}
<nav id="toc" aria-label="Table of contents">
<ol>
{{- range . -}}
<li><a href="#{{ .id }}">{{ .label }}</a></li>
{{- end -}}
</ol>
</nav>
{{- end -}}
<div id="content">
{{ .Content }}
</div>
</article>
{{- end -}}