timeline: stop using cropped images

toru · Jan 30, 2024 · fdd8326 · fdd8326
1 parent d992a08
commit fdd8326
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git 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
@@ -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%;