44 lines
1.6 KiB
HTML
44 lines
1.6 KiB
HTML
{{ define "styles"}}
|
|
<style>
|
|
.block p {
|
|
padding-bottom: 0rem !important;
|
|
}
|
|
</style>
|
|
{{ end }}
|
|
|
|
{{ define "content" }}
|
|
|
|
<section class="section has-background-warning-light">
|
|
<h1 class="title is-size-1 has-text-weight-bold has-text-centered">{{ .Title }}</h1>
|
|
</section>
|
|
<section class="section has-background-primary-dark">
|
|
<div class="container has-text-black">
|
|
<p>{{ .Content }}</p>
|
|
</div>
|
|
</section>
|
|
<section class="section has-background-black">
|
|
<h2 class="is-size-3 has-text-white has-text-centered pb-3">{{ .Params.Subtitle }}</h2>
|
|
{{ range .Pages }}
|
|
<div class="box">
|
|
<div class="columns">
|
|
<div class="column is-flex is-flex-direction-column is-justify-content-center is-half">
|
|
<h2 class="subtitle mb-3">{{ .Title }}</h2>
|
|
<div class="block">{{ .Content }}</div>
|
|
</div>
|
|
<div class="column is-half">
|
|
<div class="has-background-warning-light is-flex is-flex-direction-column is-justify-content-center" style="height: 40vh;">
|
|
{{ $img := resources.GetMatch (print .File.Dir "/illustration.*") }}
|
|
{{ with $img }}
|
|
<figure class="image is-flex is-justify-content-center" style="max-width: 100%; max-height: 100%; width: auto;">
|
|
<img src="{{ $img.Permalink }}" style="max-width: 100%; max-height: 100%; width: auto;">
|
|
</figure>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end}}
|
|
</section>
|
|
|
|
{{ end }}
|