Adding some colorful borders to each post

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

View File

@ -1,6 +1,9 @@
{{ define "main" }}
{{ range .Pages.ByDate.Reverse }}
<div class="card">
{{ $colors := slice "cyan" "yellow" "pink"}}
{{ $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 }}">
<h5 class="card-header postcard card-title">{{ .Title }}</h5>
</a>

View File

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