From 4a64e470ecb3846adc364416b53bbc1a45046f64 Mon Sep 17 00:00:00 2001
From: shockrah <dev@shockrah.xyz>
Date: Sun, 24 Sep 2023 15:42:46 -0700
Subject: [PATCH] Adding some colorful borders to each post

---
 main-site/themes/temper/layouts/_default/list.html | 7 +++++--
 main-site/themes/temper/static/css/style.css       | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/main-site/themes/temper/layouts/_default/list.html b/main-site/themes/temper/layouts/_default/list.html
index a560d92..ead5526 100644
--- a/main-site/themes/temper/layouts/_default/list.html
+++ b/main-site/themes/temper/layouts/_default/list.html
@@ -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>
diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css
index 2b6e9d4..81e04d3 100644
--- a/main-site/themes/temper/static/css/style.css
+++ b/main-site/themes/temper/static/css/style.css
@@ -167,7 +167,7 @@ a:hover { color: #EAA221; }
 .card { 
   background-color: transparent; 
   max-width: 45%;
-  border:none;
+  border-style: solid;
 }
 
 ul.timeline {