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

Finishing card layout

Browse Source
This commit is contained in:
Daniel Tomlinson
2020-06-11 14:26:55 +01:00
parent 4c6e97ff5e
commit bd8888720f
4 changed files with 6 additions and 9 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.cdd48a316d2fd0c38b94.min.css", "css": "main.9098d523cee24093a1f2.min.css",
"js": "main.48637aff6f96e597ae05.min.js" "js": "main.48637aff6f96e597ae05.min.js"
}, },
"vendors~app": { "vendors~app": {

5
layouts/index.html
View File

@@ -42,10 +42,7 @@
<!-- <div class="container-fluid" style="padding-left: 15%; padding-right: 15%;"> --> <!-- <div class="container-fluid" style="padding-left: 15%; padding-right: 15%;"> -->
<div class="container"> <div class="container">
<div class="row d-flex justify-content-center justify-content-md-between align-content-between"> <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)) }} {{ range first 3 (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" }} {{ .Render "card" }}
{{ end }} {{ end }}
</div> </div>

4
layouts/post/card.html
View File

@@ -1,4 +1,4 @@
<div class="d-flex flex-column card-regular card-regular-width my-2 my-md-5 px-0"> <div class="d-flex flex-column card-regular card-regular-width my-2 my-md-5 px-0 align-items-stretch">
{{ $page := . }} {{ $page := . }}
{{- with .Resources.Match "images/banner.svg" -}} {{- with .Resources.Match "images/banner.svg" -}}
{{ range . }} {{ range . }}
@@ -16,7 +16,7 @@
<p>{{ $page.Summary | truncate 200 }}</p> <p>{{ $page.Summary | truncate 200 }}</p>
<div> <div>
{{- with $page.Params.tags -}} {{- with $page.Params.tags -}}
<div class="d-flex justify-content-start"> <div class="d-flex justify-content-start align-items-stretch">
<div class="tags"> <div class="tags">
{{- range . -}} {{- range . -}}
<a class="badge badge-dark mr-2" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}"> <a class="badge badge-dark mr-2" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">

4
src/scss/cards.scss
View File

@@ -66,7 +66,7 @@
.card-regular { .card-regular {
@include card-border; @include card-border;
min-height: 600px; // min-height: 700px;
& .card-regular-image { & .card-regular-image {
@include image-zoom; @include image-zoom;
@@ -75,7 +75,7 @@
} }
& .card-regular-image-parent { & .card-regular-image-parent {
height: 40%; height: 200px;
overflow: hidden; overflow: hidden;
} }
} }