Fixing structure of cards in feed

This commit is contained in:
shockrah 2023-09-24 15:25:51 -07:00
parent 0cb8356b67
commit 88bf31076d
6 changed files with 18 additions and 12 deletions

View File

@ -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
--- ---

View File

@ -1,9 +0,0 @@
---
title: 'Learning'
description: No description
date: 2023-09-23T01:18:52-07:00
thumbnail: null
---
This theme is finally

View File

@ -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" . -}}

View File

@ -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"}}

View File

@ -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 }}

View File

@ -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; }