From fdd832619895b74d47eb90880d4f648becb90551 Mon Sep 17 00:00:00 2001
From: Toru Maesaka <toru@torumk.com>
Date: Mon, 29 Jan 2024 16:18:17 -0800
Subject: [PATCH] timeline: stop using cropped images

---
 _includes/timeline.html | 6 ------
 assets/style.css        | 7 ++++---
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/_includes/timeline.html b/_includes/timeline.html
index 44bfec9..82740ef 100644
--- a/_includes/timeline.html
+++ b/_includes/timeline.html
@@ -2,12 +2,6 @@
 {% for ep in include.episodes %}
   <a href="{{ep.url}}">
     <li class="tl-node" tabindex="-1">
-      {% if ep.thumb %}
-      <img src="{{ site.object_store }}/ep/sq-{{ ep.images[0] }}" width="48px">
-      {% else %}
-      {% assign fallback_indices = "0|1|2" | split: "|" %}
-      <img src="{{ site.object_store }}/ep/sq-fallback-{{ fallback_indices | sample }}.png">
-      {% endif %}
       <div class="tl-body">
         <div class="title">{{ ep.title }}</div>
         <div class="date">Published: {{ ep.date | date: "%Y-%m-%d" }}</div>
diff --git a/assets/style.css b/assets/style.css
index 7e494a5..77f688c 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -78,16 +78,16 @@ a:focus {
   text-decoration: none;
 }
 .tl li {
-  border-left: 1px solid #ccc;
+  border-left: 16px solid #faf9f6;
 }
 .tl li:hover {
-  border-left: 1px solid #ff2d55;
+  border-color: #626262;
 }
 .tl li:focus {
   outline: thin dotted;
 }
 .tl li.active {
-  border-left: 2px solid #ff2d55;
+  border-color: #626262;
 }
 .tl-node {
   margin-bottom: 8px;
@@ -101,6 +101,7 @@ a:focus {
 }
 .tl-body {
   flex: 1;
+  padding-left: 12px;
 }
 .tl-body > .date {
   font-size: 85%;