From a0dfb9179d036e7d1044a0ee9c61684990454daf Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 22 Mar 2026 09:31:54 +0000 Subject: [PATCH 1/2] Use brand icons (Tux, Apple, Windows, Python) on landing page platform cards Replace generic Material Design icons with Font Awesome 6 brand icons for the platform install cards: fa-linux (Tux), fa-apple, fa-windows, fa-python. Load FA Brands via cdnjs CDN and add CSS for icon sizing. https://claude.ai/code/session_01TvQzWRjBwF7ubpR6AYrzLT --- doc/landing-page/conf.py | 2 ++ doc/landing-page/index.rst | 24 ++++++++++++++++++++---- doc/landing-page/static/css/custom.css | 8 ++++++++ 3 files changed, 30 insertions(+), 4 deletions(-) diff --git a/doc/landing-page/conf.py b/doc/landing-page/conf.py index 8a351d167..f27f8695d 100644 --- a/doc/landing-page/conf.py +++ b/doc/landing-page/conf.py @@ -93,6 +93,8 @@ html_theme = "alabaster" html_css_files = [ + "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css", + "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css", "css/custom.css", ] html_js_files = [ diff --git a/doc/landing-page/index.rst b/doc/landing-page/index.rst index f6723b339..a66a96223 100644 --- a/doc/landing-page/index.rst +++ b/doc/landing-page/index.rst @@ -113,36 +113,52 @@ You stay in full control of every line. .. grid:: 2 2 4 4 :gutter: 2 - .. grid-item-card:: :material-regular:`terminal;1.75em` Linux + .. grid-item-card:: Linux :text-align: center :class-card: install-card :link: https://github.com/dfetch-org/dfetch/releases/latest :link-type: url + .. raw:: html + + + ``.deb`` · ``.rpm`` - .. grid-item-card:: :material-regular:`laptop_mac;1.75em` macOS + .. grid-item-card:: macOS :text-align: center :class-card: install-card :link: https://github.com/dfetch-org/dfetch/releases/latest :link-type: url + .. raw:: html + + + ``.pkg`` - .. grid-item-card:: :material-regular:`desktop_windows;1.75em` Windows + .. grid-item-card:: Windows :text-align: center :class-card: install-card :link: https://github.com/dfetch-org/dfetch/releases/latest :link-type: url + .. raw:: html + + + ``.msi`` - .. grid-item-card:: :material-regular:`code;1.75em` Python / pip + .. grid-item-card:: Python / pip :text-align: center :class-card: install-card :link: https://pypi.org/project/dfetch/ :link-type: url + .. raw:: html + + + ``pip install dfetch`` diff --git a/doc/landing-page/static/css/custom.css b/doc/landing-page/static/css/custom.css index cf8012220..981fd3773 100644 --- a/doc/landing-page/static/css/custom.css +++ b/doc/landing-page/static/css/custom.css @@ -657,6 +657,14 @@ div.admonition p { margin-bottom: 0.25rem; } +/* Font Awesome brand icons in install cards */ +.install-platform-icon { + font-size: 2rem; + color: var(--primary) !important; + display: block; + margin-bottom: 0.5rem; +} + /* Format tag row (.deb · .rpm / .msi / .pkg / pip install) */ .install-card .sd-card-body > p { font-size: 0.8125rem !important; From d6bf7aa7555ab3ab75f0bbbfd48ee55ec1d782b9 Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 22 Mar 2026 10:33:25 +0000 Subject: [PATCH 2/2] Add SRI hashes to FA CDN links and aria-hidden to decorative icons - Replace plain URL strings in html_css_files with tuples that include sha512 integrity hashes and crossorigin=anonymous for brands.min.css and fontawesome.min.css (hashes computed from @fortawesome/fontawesome-free 6.5.1 npm package, which cdnjs sources from) - Add aria-hidden="true" to all four platform icon elements so screen readers skip the decorative icons; the card title already provides the accessible name (Linux, macOS, Windows, Python / pip) https://claude.ai/code/session_01TvQzWRjBwF7ubpR6AYrzLT --- doc/landing-page/conf.py | 10 ++++++++-- doc/landing-page/index.rst | 8 ++++---- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/doc/landing-page/conf.py b/doc/landing-page/conf.py index f27f8695d..ee3a7cb08 100644 --- a/doc/landing-page/conf.py +++ b/doc/landing-page/conf.py @@ -93,8 +93,14 @@ html_theme = "alabaster" html_css_files = [ - "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css", - "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css", + ( + "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css", + {"integrity": "sha512-8RxmFOVaKQe/xtg6lbscU9DU0IRhURWEuiI0tXevv+lXbAHfkpamD4VKFQRto9WgfOJDwOZ74c/s9Yesv3VvIQ==", "crossorigin": "anonymous"}, + ), + ( + "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css", + {"integrity": "sha512-d0olNN35C6VLiulAobxYHZiXJmq+vl+BGIgAxQtD5+kqudro/xNMvv2yIHAciGHpExsIbKX3iLg+0B6d0k4+ZA==", "crossorigin": "anonymous"}, + ), "css/custom.css", ] html_js_files = [ diff --git a/doc/landing-page/index.rst b/doc/landing-page/index.rst index a66a96223..307ac39c2 100644 --- a/doc/landing-page/index.rst +++ b/doc/landing-page/index.rst @@ -121,7 +121,7 @@ You stay in full control of every line. .. raw:: html - + ``.deb`` · ``.rpm`` @@ -133,7 +133,7 @@ You stay in full control of every line. .. raw:: html - + ``.pkg`` @@ -145,7 +145,7 @@ You stay in full control of every line. .. raw:: html - + ``.msi`` @@ -157,7 +157,7 @@ You stay in full control of every line. .. raw:: html - + ``pip install dfetch``