Fixing structure of cards in feed
This commit is contained in:
parent
0cb8356b67
commit
88bf31076d
@ -3,4 +3,5 @@ title: '{{ replace .File.ContentBaseName "-" " " | title }}'
|
|||||||
description: No description
|
description: No description
|
||||||
date: {{ .Date }}
|
date: {{ .Date }}
|
||||||
thumbnail: null
|
thumbnail: null
|
||||||
|
article: false
|
||||||
---
|
---
|
||||||
|
@ -1,9 +0,0 @@
|
|||||||
---
|
|
||||||
title: 'Learning'
|
|
||||||
description: No description
|
|
||||||
date: 2023-09-23T01:18:52-07:00
|
|
||||||
thumbnail: null
|
|
||||||
---
|
|
||||||
|
|
||||||
This theme is finally
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
|||||||
{{- partial "head.html" . -}}
|
{{- partial "head.html" . -}}
|
||||||
<body>
|
<body>
|
||||||
{{- partial "header.html" . -}}
|
{{- partial "header.html" . -}}
|
||||||
<div id="content">
|
<div id="content" class="feed-container">
|
||||||
{{- block "main" . }}{{- end }}
|
{{- block "main" . }}{{- end }}
|
||||||
</div>
|
</div>
|
||||||
{{- partial "footer.html" . -}}
|
{{- partial "footer.html" . -}}
|
||||||
|
@ -5,7 +5,11 @@
|
|||||||
<h5 class="card-header postcard card-title">{{ .Title }}</h5>
|
<h5 class="card-header postcard card-title">{{ .Title }}</h5>
|
||||||
</a>
|
</a>
|
||||||
<div class="card-body postcard">
|
<div class="card-body postcard">
|
||||||
|
{{ if .Page.Params.Article }}
|
||||||
<p class="card-text">{{ .Description }}</p>
|
<p class="card-text">{{ .Description }}</p>
|
||||||
|
{{ else }}
|
||||||
|
<p class="card-text">{{ .Content }}</p>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer text-muted postcard">
|
<div class="card-footer text-muted postcard">
|
||||||
{{ .Date | time.Format ":date_short" }} {{ .Date | time.Format ":time_long"}}
|
{{ .Date | time.Format ":date_short" }} {{ .Date | time.Format ":time_long"}}
|
||||||
|
@ -1,5 +1,7 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<h1>{{ .Title }}</h1>
|
<h1>{{ .Title }}</h1>
|
||||||
<h5>{{ .Description }}</h5>
|
{{ if .Params.Article }}
|
||||||
|
<h5>{{ .Params.Description }}</h5>
|
||||||
|
{{ end }}
|
||||||
<div class="container">{{ .Content }}</div>
|
<div class="container">{{ .Content }}</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -11,6 +11,13 @@ html {
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.feed-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
.banner-container {
|
.banner-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -148,6 +155,7 @@ html {
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
min-width: 250px;
|
min-width: 250px;
|
||||||
|
width: 50%;
|
||||||
}
|
}
|
||||||
a { color:#dcdcdc; }
|
a { color:#dcdcdc; }
|
||||||
a:hover { color: #EAA221; }
|
a:hover { color: #EAA221; }
|
||||||
|
Loading…
Reference in New Issue
Block a user