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

Updating latest

Browse Source 
Adding cards to search layout
Finishing cards to homepage
This commit is contained in:
Daniel Tomlinson
2020-06-11 23:21:56 +01:00
parent bd8888720f
commit 220801930c
8 changed files with 100 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
layouts/index.html
View File

@@ -9,7 +9,7 @@
</div>
{{- with .Site.Params.homepageImage -}}
<div class="homepage-image d-xs-block d-md-none pb-4">
<img data-src="{{ . | relURL }}" class="img-fluid">
<img data-src="{{ . | relURL }}" class="img-fluid" data-aos="zoom-in">
</div>
{{- end -}}
<div>
@@ -21,25 +21,29 @@
<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">
<img data-src="{{ . | relURL }}" class="img-fluid" data-aos="zoom-in">
</div>
{{- end -}}
</div>
</div>
<div class="row">
<!-- Latest article -->
</div>
<div class="container">
<div class="row d-none d-md-block">
{{- range first 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}}
<div class="latest row py-lg-5">
<div class="latest d-flex py-lg-5">
{{ .Render "card-large" }}
</div>
{{- end -}}
</div>
<div class="row d-block d-md-none">
{{- range first 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}}
<div class="latest d-flex justify-content-center py-lg-5">
{{ .Render "card" }}
</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 3 (after 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
@@ -47,13 +51,35 @@
{{ 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 class="container">
<div class="row d-none d-md-block">
{{- range first 1 (after 4 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) -}}
<div class="latest d-flex py-lg-5">
{{ .Render "card-large" }}
</div>
{{- end -}}
</div>
<div class="row d-block d-md-none">
{{- range first 1 (after 4 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) -}}
<div class="latest d-flex justify-content-center py-lg-5">
{{ .Render "card" }}
</div>
{{- end -}}
</div>
</div>
<div class="container">
<div class="row d-flex justify-content-center justify-content-md-between align-content-between">
{{ range first 3 (after 5 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
{{ .Render "card" }}
{{ end }}
</div>
<div class="row">
<div class="col d-flex justify-content-center text-center pt-5">
<a href="/post">
<button type="button" class="btn btn-lg btn-outline-primary">See all posts</button>
</a>
</div>
</div>
</div>
</main>
{{ end }}