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

Adding some colorful borders to each post

Browse Source
This commit is contained in:
shockrah 2023-09-24 15:42:46 -07:00
parent 88bf31076d
commit 4a64e470ec
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,9 @@
{{ define "main" }} {{ define "main" }}
{{ range .Pages.ByDate.Reverse }} {{ $colors := slice "cyan" "yellow" "pink"}}
<div class="card"> {{ $opts := len $colors }}
{{ range $i, $page := .Pages.ByDate.Reverse }}
{{ $opt := mod $i $opts }}
<div class="card" style="border-color: {{ index $colors $opt }}">
<a href="{{ anchorize .Page.Name }}"> <a href="{{ anchorize .Page.Name }}">
<h5 class="card-header postcard card-title">{{ .Title }}</h5> <h5 class="card-header postcard card-title">{{ .Title }}</h5>
</a> </a>

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

@ -167,7 +167,7 @@ a:hover { color: #EAA221; }
.card { .card {
background-color: transparent; background-color: transparent;
max-width: 45%; max-width: 45%;
border:none; border-style: solid;
} }
ul.timeline { ul.timeline {