Files
panaetius-theme/layouts/index.html
2020-06-11 02:13:06 +01:00

63 lines
2.3 KiB
HTML

{{ define "main" }}
<img src="/images/front-wallpaper.svg" class="front-background">
<main class="homepage py-6">
<div class="container">
<div class="hero row pt-3 pt-md-6">
<div class="col-12 col-md-6 d-flex flex-column justify-content-center text-center text-md-left">
<div>
<h1 class="display-4">{{ .Site.Title }}</h1>
</div>
{{- with .Site.Params.homepageImage -}}
<div class="homepage-image d-xs-block d-md-none pb-4">
<img data-src="{{ . | relURL }}" class="img-fluid">
</div>
{{- end -}}
<div>
{{- with .Site.Params.description -}}
<h3 class="font-weight-normal">{{ . | safeHTML }}</h3>
{{- end -}}
</div>
</div>
<div class="col-12 col-md-6 d-flex">
{{- with .Site.Params.homepageImage -}}
<div class="homepage-image d-none d-sm-block">
<img data-src="{{ . | relURL }}" class="img-fluid">
</div>
{{- end -}}
</div>
</div>
<div class="row">
<!-- Latest article -->
{{- range first 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}}
<div class="latest row py-lg-5">
{{ .Render "card-large" }}
</div>
{{- end -}}
</div>
</div>
<!-- <div class="container-fluid" style="padding-left: 15%; padding-right: 15%;"> -->
<div class="container">
<div class="row d-flex justify-content-center justify-content-md-between align-content-between">
{{ range first 1 (after 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
{{ .Render "card" }}
{{ end }}
{{ range first 2 (after 2 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
{{ .Render "card" }}
{{ end }}
</div>
</div>
<div class="row">
<div class="col d-flex justify-content-center text-center">
<a href="/post">
<button type="button" class="btn btn-lg btn-outline-primary">See all posts</button>
</a>
</div>
</div>
</main>
{{ end }}