Adding some colorful borders to each post
This commit is contained in:
parent
88bf31076d
commit
4a64e470ec
@ -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>
|
||||
|
@ -167,7 +167,7 @@ a:hover { color: #EAA221; }
|
||||
.card {
|
||||
background-color: transparent;
|
||||
max-width: 45%;
|
||||
border:none;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
ul.timeline {
|
||||
|
Loading…
Reference in New Issue
Block a user