shockrah/temper-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixing structure of cards in feed

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
main-site/archetypes/default.md
View File

@ -3,4 +3,5 @@ title: '{{ replace .File.ContentBaseName "-" " " | title }}'
description: No description
date: {{ .Date }}
thumbnail: null
article: false
---

9
main-site/content/feed/learning.md
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

2
main-site/themes/temper/layouts/_default/baseof.html
View File

@ -3,7 +3,7 @@
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
<div id="content" class="feed-container">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}

6
main-site/themes/temper/layouts/_default/list.html
View File

@ -5,7 +5,11 @@
<h5 class="card-header postcard card-title">{{ .Title }}</h5>
</a>
<div class="card-body postcard">
<p class="card-text">{{ .Description }}</p>
{{ if .Page.Params.Article }}
<p class="card-text">{{ .Description }}</p>
{{ else }}
<p class="card-text">{{ .Content }}</p>
{{ end }}
</div>
<div class="card-footer text-muted postcard">
{{ .Date | time.Format ":date_short" }} {{ .Date | time.Format ":time_long"}}

4
main-site/themes/temper/layouts/_default/single.html
View File

@ -1,5 +1,7 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
<h5>{{ .Description }}</h5>
{{ if .Params.Article }}
<h5>{{ .Params.Description }}</h5>
{{ end }}
<div class="container">{{ .Content }}</div>
{{ end }}

8
main-site/themes/temper/static/css/style.css
View File

@ -11,6 +11,13 @@ html {
overflow-x: hidden;
}
.feed-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.banner-container {
position: relative;
text-align: center;
@ -148,6 +155,7 @@ html {
padding: 1em;
margin: 1em;
min-width: 250px;
width: 50%;
}
a { color:#dcdcdc; }
a:hover { color: #EAA221; }