hugo/panaetius-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Responsive layout to homepage

Browse Source
This commit is contained in:
Daniel Tomlinson
2020-06-09 13:24:46 +01:00
parent 89220fa36f
commit 8fa7c40eca
2 changed files with 43 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
data/panaetius-theme/assets.json
View File

@@ -9,7 +9,7 @@
"js": "2.lazyload.1168fc21175de558d316.min.js" "js": "2.lazyload.1168fc21175de558d316.min.js"
}, },
"main": { "main": {
"css": "main.854425fe9410f0937f19.min.css", "css": "main.056eb67e3d086eb33a6f.min.css",
"js": "main.48637aff6f96e597ae05.min.js" "js": "main.48637aff6f96e597ae05.min.js"
}, },
"vendors~app": { "vendors~app": {

26
layouts/index.html
View File

@@ -1,26 +1,27 @@
{{ define "main" }} {{ define "main" }}
{{ .Scratch.Set "IsSingle" true }}
<!-- <main class="homepage container py-6" id="front-background"> -->
<img src="/images/front-wallpaper.svg" class="front-background"> <img src="/images/front-wallpaper.svg" class="front-background">
<main class="homepage container py-6"> <main class="homepage container py-6">
<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> <div>
<!-- Hero --> <h1 class="display-4">{{ .Site.Title }}</h1>
<div class="hero row"> {{- with .Site.Params.description -}}
{{ .Scratch.Get "IsSingle" }} </div>
<div class="col position-relative py-lg-7{{ if not .Site.Params.homepageImage }} py-7{{ else }} pb-5{{ end }}"> <div>
<h3 class="font-weight-normal">{{ . | safeHTML }}</h3>
{{- end -}}
</div>
</div>
<div class="col-0 col-md-6 d-flex">
{{- with .Site.Params.homepageImage -}} {{- with .Site.Params.homepageImage -}}
{{/* <div class="homepage-image" data-aos="zoom-in"> */}} {{/* <div class="homepage-image" data-aos="zoom-in"> */}}
<div class="homepage-image"> <div class="homepage-image d-none d-sm-block">
<img data-src="{{ . | relURL }}" class="img-fluid"> <img data-src="{{ . | relURL }}" class="img-fluid">
</div> </div>
{{- end -}} {{- end -}}
<h1 class="display-4">{{ .Site.Title }}</h1>
{{- with .Site.Params.description -}}
<h3 class="font-weight-normal" style="max-width: 50%;">{{ . | safeHTML }}</h3>
{{- end -}}
</div> </div>
</div> </div>
<div class="row">
<!-- Latest article --> <!-- Latest article -->
{{- range first 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}} {{- range first 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}}
@@ -56,5 +57,6 @@
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div>
</main> </main>
{{ end }} {{ end }}