From 396e90458ba736b6d97b23c43f0a00567e3efa9b Mon Sep 17 00:00:00 2001
From: soyalejolopez <soyalejolopez@users.noreply.github.com>
Date: Wed, 22 Jul 2026 10:54:55 -0500
Subject: [PATCH] Present card upvotes as a display-only stat, not an upvote
 button

Upvotes are backed by GitHub Discussion reactions (giscus on the detail page), so the count on cards is display-only. The up-chevron icon made it look like an inline upvote control, and .compact-votes was missing the muted styling .compact-views has, so the number rendered darker/bolder. Swap the chevron for a muted heart-outline metric icon and share the muted stat styling so upvotes read like the views count. Clicking still opens the detail page where giscus voting lives.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 49043a0..329a4f8 100644
--- a/index.html
+++ b/index.html
@@ -638,7 +638,7 @@
       text-align: right;
     }
     .compact-views, .compact-votes { display: none; }
-    .compact-views {
+    .compact-views, .compact-votes {
       align-items: center;
       gap: 0.25rem;
       color: var(--text-lighter);
@@ -2140,7 +2140,7 @@ <h2 class="card-title">
           ${formatCount(stats.views)}
         </div>` : ''}
         ${stats.hasUpvotes ? `<div class="compact-votes" aria-label="${stats.upvotes} upvotes">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>
+          <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg>
           <span class="vote-count">${formatCount(stats.upvotes)}</span>
         </div>` : ''}
         <div class="card-footer">
@@ -2154,7 +2154,7 @@ <h2 class="card-title">
               ${formatCount(stats.views)}
             </span>` : ''}
             ${stats.hasUpvotes ? `<span class="stat-views" aria-label="${stats.upvotes} upvotes">
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>
+              <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg>
               <span class="vote-count">${formatCount(stats.upvotes)}</span>
             </span>` : ''}
           </div>