From ebdda1367ca09997c1d52c578516a556b778f88a Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Wed, 21 Oct 2026 16:36:33 +0800 Subject: [PATCH 1/3] fix: keep the UTM label on one line in its code chip The inline code in the sponsorship UTM note broke across lines at 1280px. Co-Authored-By: Claude --- website/templates/sponsorship.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/templates/sponsorship.html b/website/templates/sponsorship.html index 59fc3da7..7aacb019 100644 --- a/website/templates/sponsorship.html +++ b/website/templates/sponsorship.html @@ -270,7 +270,7 @@

Sponsor links carry UTM tags, so clicks show up in your own analytics as - awesome-python / sponsorship. + awesome-python / sponsorship.

Date: Wed, 21 Oct 2026 16:36:33 +0800 Subject: [PATCH 2/3] fix: shorten the search placeholder on phones The full placeholder was cut off on narrow screens, e.g. "Search 529 projects across 74". Co-Authored-By: Claude --- website/static/main.js | 4 ++++ website/templates/category.html | 1 + website/templates/index.html | 1 + 3 files changed, 6 insertions(+) diff --git a/website/static/main.js b/website/static/main.js index 8ca095ba..aa027eab 100644 --- a/website/static/main.js +++ b/website/static/main.js @@ -12,6 +12,10 @@ const defaultSort = : { col: "downloads", order: "desc" }; let activeSort = defaultSort; const searchInput = document.querySelector(".search"); +// The full placeholder is cut off on phones +if (searchInput && window.matchMedia("(max-width: 680px)").matches) { + searchInput.placeholder = searchInput.dataset.shortPlaceholder; +} const noResults = document.querySelector(".no-results"); const rows = document.querySelectorAll(".table tbody tr.row"); const tbody = document.querySelector(".table tbody"); diff --git a/website/templates/category.html b/website/templates/category.html index e27e5f90..89d4367c 100644 --- a/website/templates/category.html +++ b/website/templates/category.html @@ -250,6 +250,7 @@ type="search" class="search" placeholder="Search {{ entries | length }} projects in {{ category.name }}..." + data-short-placeholder="Search {{ entries | length }} projects..." aria-label="Search projects" />
diff --git a/website/templates/index.html b/website/templates/index.html index 6020f35b..c4e18fba 100644 --- a/website/templates/index.html +++ b/website/templates/index.html @@ -112,6 +112,7 @@ type="search" class="search" placeholder="Search {{ entries | length }} projects across {{ total_categories }} categories..." + data-short-placeholder="Search {{ entries | length }} projects..." aria-label="Search projects" /> From 15843ae568a9b76f25857d5d80767ffe3c071a62 Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Wed, 21 Oct 2026 16:36:33 +0800 Subject: [PATCH 3/3] fix: use the shared accent focus outline on more links Sponsorship-page, sponsor band, category, group-page lead, and home hero links fell back to the browser's default focus ring. Co-Authored-By: Claude --- website/static/style.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/website/static/style.css b/website/static/style.css index 110b995f..3f09cf55 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -467,7 +467,18 @@ kbd { .no-results-clear:focus-visible, .table a:focus-visible, .footer a:focus-visible, -.sort-btn:focus-visible { +.sort-btn:focus-visible, +.hero-sub a:focus-visible, +.hero-proof a:focus-visible, +.category-breadcrumb a:focus-visible, +.category-subtitle a:focus-visible, +.category-intro a:focus-visible, +.guide-body a:focus-visible, +.group-lead a:focus-visible, +.sponsor-become:focus-visible, +.sponsor-link:focus-visible, +.sponsor-desc a:focus-visible, +.sponsorship-body a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }