From c0e3879cb8527c5e24ae0cd8f5529c2cb1f147fc Mon Sep 17 00:00:00 2001
From: efigueroa <mr.eduardo.figueroa@gmail.com>
Date: Sat, 6 Sep 2025 23:08:43 -0700
Subject: [PATCH] Make player names clickable with Sleeper league URLs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Wrapped player pills in anchor tags linking to Sleeper league pages
- Both starters and bench players now clickable and link to their league
- Added CSS styling for player-pill-link to maintain existing appearance
- Players maintain hover effects and position-based colors when clickable
- Links work on both web and mobile (Sleeper app deep links)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 static/style.css         | 12 ++++++++++++
 templates/dashboard.html | 36 ++++++++++++++++++++----------------
 2 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/static/style.css b/static/style.css
index 8fbd47c..4efe67c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -438,6 +438,18 @@
     transform: scale(1.05);
 }
 
+/* Player pill links */
+.player-pill-link {
+    text-decoration: none;
+    color: inherit;
+    display: inline-block;
+}
+
+.player-pill-link:hover .player-pill {
+    transform: scale(1.05);
+    cursor: pointer;
+}
+
 .player-pill .pos {
     font-weight: bold;
     font-size: 9px;
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 29a08ab..6175199 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -125,14 +125,16 @@
                                     {% if starters %}
                                     <div class="starters-container">
                                         {% for player in starters %}
-                                        <div class="player-pill starter {{ player.fantasy_positions[0]|lower if player.fantasy_positions else 'flex' }}">
-                                            <span class="pos">{{ player.fantasy_positions[0] if player.fantasy_positions else 'FLEX' }}</span>
-                                            <span class="name">{{ player.last_name }}
-                                                {% if player.injury_status %}
-                                                    <span class="injury-status">{{ player.injury_status }}</span>
-                                                {% endif %}
-                                            </span>
-                                        </div>
+                                        <a href="https://sleeper.com/leagues/{{ league_info.league.league_id }}" target="_blank" class="player-pill-link">
+                                            <div class="player-pill starter {{ player.fantasy_positions[0]|lower if player.fantasy_positions else 'flex' }}">
+                                                <span class="pos">{{ player.fantasy_positions[0] if player.fantasy_positions else 'FLEX' }}</span>
+                                                <span class="name">{{ player.last_name }}
+                                                    {% if player.injury_status %}
+                                                        <span class="injury-status">{{ player.injury_status }}</span>
+                                                    {% endif %}
+                                                </span>
+                                            </div>
+                                        </a>
                                         {% endfor %}
                                     </div>
                                     {% endif %}
@@ -141,14 +143,16 @@
                                     {% if bench_players %}
                                     <div class="bench-container">
                                         {% for player in bench_players %}
-                                        <div class="player-pill bench {{ player.fantasy_positions[0]|lower if player.fantasy_positions else 'flex' }}">
-                                            <span class="pos">{{ player.fantasy_positions[0] if player.fantasy_positions else 'FLEX' }}</span>
-                                            <span class="name">{{ player.last_name }}
-                                                {% if player.injury_status %}
-                                                    <span class="injury-status">{{ player.injury_status }}</span>
-                                                {% endif %}
-                                            </span>
-                                        </div>
+                                        <a href="https://sleeper.com/leagues/{{ league_info.league.league_id }}" target="_blank" class="player-pill-link">
+                                            <div class="player-pill bench {{ player.fantasy_positions[0]|lower if player.fantasy_positions else 'flex' }}">
+                                                <span class="pos">{{ player.fantasy_positions[0] if player.fantasy_positions else 'FLEX' }}</span>
+                                                <span class="name">{{ player.last_name }}
+                                                    {% if player.injury_status %}
+                                                        <span class="injury-status">{{ player.injury_status }}</span>
+                                                    {% endif %}
+                                                </span>
+                                            </div>
+                                        </a>
                                         {% endfor %}
                                     </div>
                                     {% endif %}