From 21269b8d83eab454a5814c2865971840deb637a4 Mon Sep 17 00:00:00 2001
From: Sean Massa <endangeredmassa@gmail.com>
Date: Mon, 15 Jan 2024 00:29:01 -0600
Subject: [PATCH] talk hrs

---
 app/components/youtube-link.gjs |  2 ++
 app/styles/app.css              | 11 +++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/components/youtube-link.gjs b/app/components/youtube-link.gjs
index 619400f..5bf7318 100644
--- a/app/components/youtube-link.gjs
+++ b/app/components/youtube-link.gjs
@@ -16,6 +16,8 @@ function thumbnail(youtubeID) {
         <div class="talk-date">{{@date}}</div>
       </div>
 
+      <hr class="accent-rule">
+
       <img src={{thumbnail @id}}>
     </a>
   </div>
diff --git a/app/styles/app.css b/app/styles/app.css
index 3d83084..c9382cb 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -157,13 +157,16 @@ footer p a[href^="https://"]:after,
   grid-column: 1 / 3;
   display: grid;
   grid-template-columns: 3fr 1fr;
-
-  /* color: #000; */
   font-weight: bold;
-  /* padding: 4px; */
-  margin-bottom: 6px;
 }
 
 .link-list .header .talk-date {
   justify-self: end;
 }
+
+/* cross-platform <hr> styling */
+.accent-rule {
+  border-color: var(--accent);
+  background-color: var(--accent);
+  color: var(--accent);
+}