From 83ebe8d02e62e5e1121059843b1cd4eddd65054f Mon Sep 17 00:00:00 2001
From: soyalejolopez <soyalejolopez@users.noreply.github.com>
Date: Wed, 22 Jul 2026 11:42:29 -0500
Subject: [PATCH] Remove upvote counter from landing-page cards

The card upvote count was baked into a static resource-stats.json that is
only regenerated by a daily CI job (cron 0 6 * * *), so a fresh reaction
would not show up for up to ~24h. Combined with the fact that only one
resource currently has a backing discussion, the counter was misleading.

This removes the upvote count *display* from both the comfortable and
compact card views (and the compact 'Votes' header column + orphaned CSS).
Voting itself is unchanged: the giscus-backed 'Community & upvotes' panel
on the detail page still works, and the upvotes value is still loaded in
getStats and used by the Popular/Trending/Engaging sort logic.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Copilot-Session: 888b1353-6309-4a90-bb0f-9b7b716a32dc
---
 index.html | 20 +++-----------------
 1 file changed, 3 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 329a4f8..a8f3c82 100644
--- a/index.html
+++ b/index.html
@@ -637,8 +637,8 @@
       width: 80px;
       text-align: right;
     }
-    .compact-views, .compact-votes { display: none; }
-    .compact-views, .compact-votes {
+    .compact-views { display: none; }
+    .compact-views {
       align-items: center;
       gap: 0.25rem;
       color: var(--text-lighter);
@@ -650,11 +650,7 @@
       width: 60px;
       justify-content: flex-end;
     }
-    .grid.compact .compact-votes {
-      width: 70px;
-      justify-content: flex-end;
-    }
-    .grid.compact .compact-views, .grid.compact .compact-votes {
+    .grid.compact .compact-views {
       display: flex;
     }
     .grid.compact .card-stats { display: none; }
@@ -696,7 +692,6 @@
     .ch-name { flex: 0 0 250px; }
     .ch-desc { flex: 1; }
     .ch-views { width: 60px; text-align: right; }
-    .ch-votes { width: 70px; text-align: right; }
     .ch-format { width: 100px; }
     .ch-date { width: 80px; text-align: right; }
 
@@ -1392,7 +1387,6 @@ <h1 class="display-title">Tools &amp; templates for Microsoft 365</h1>
       <div class="ch-name">Name</div>
       <div class="ch-desc">Description</div>
       <div class="ch-views">Views</div>
-      <div class="ch-votes">Votes</div>
       <div class="ch-format">Format</div>
       <div class="ch-date">Updated</div>
     </div>
@@ -2139,10 +2133,6 @@ <h2 class="card-title">
           <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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
           ${formatCount(stats.views)}
         </div>` : ''}
-        ${stats.hasUpvotes ? `<div class="compact-votes" aria-label="${stats.upvotes} upvotes">
-          <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">
           <div class="card-tags">
             ${data.tags.slice(0, 3).map(t => `<span class="card-tag">${t}</span>`).join('')}
@@ -2153,10 +2143,6 @@ <h2 class="card-title">
               <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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
               ${formatCount(stats.views)}
             </span>` : ''}
-            ${stats.hasUpvotes ? `<span class="stat-views" aria-label="${stats.upvotes} upvotes">
-              <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>
           <div class="card-artifact-container">
             <div class="card-artifact" aria-label="Format: ${data.artifact}">