From 2e1c0be7bad82dcaed7923d558788595892bc42b Mon Sep 17 00:00:00 2001 From: timsherwood Date: Fri, 31 Jul 2026 12:44:12 -0700 Subject: [PATCH 1/2] Polish GitHub Pages hero: full-span banner, tagline, and section spacing. --- www/_static/custom.css | 23 +++++++++++++++++++++++ www/index.rst | 4 ++++ 2 files changed, 27 insertions(+) diff --git a/www/_static/custom.css b/www/_static/custom.css index f584543d..99111e82 100644 --- a/www/_static/custom.css +++ b/www/_static/custom.css @@ -4,6 +4,7 @@ body { div.body h1 { font-size: 120%; + margin-top: 3rem; } /* Spacing adjustments. */ @@ -64,8 +65,30 @@ a code { --sd-color-tabs-underline: rgba(222, 222, 222, 0); } +/* Hero banner. */ +div.document { + margin-top: 0; +} .title-card { background-image: linear-gradient(180deg, #2980B9, #3a4e5c, #4a5e6c); + width: 100vw; + position: relative; + left: 50%; + margin-left: -50vw; + border-radius: 0; + box-shadow: none; + border: none; +} +.title-card .sd-container-fluid { + max-width: 700px; + margin-left: auto; + margin-right: auto; +} +.title-card .tagline p { + color: #c0c8d0; + font-size: 1.2rem; + margin-top: 0.5rem; + margin-bottom: 1.5rem; } /* Hide the sidebar. It may appear as a footer on small screens. */ diff --git a/www/index.rst b/www/index.rst index 34f96830..91b60032 100644 --- a/www/index.rst +++ b/www/index.rst @@ -7,6 +7,10 @@ .. image:: ../docs/brand/pyrtl_logo.png + .. container:: tagline + + register-transfer-level hardware design and simulation + .. grid:: 1 2 2 4 :gutter: 2 From d78f4db2da7726d4470efd4195bf5e76b573388b Mon Sep 17 00:00:00 2001 From: timsherwood Date: Sat, 1 Aug 2026 08:44:53 -0700 Subject: [PATCH 2/2] Extend waveform screenshot backgrounds to fill their containers. --- www/_static/custom.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/www/_static/custom.css b/www/_static/custom.css index 99111e82..05f493d4 100644 --- a/www/_static/custom.css +++ b/www/_static/custom.css @@ -91,6 +91,14 @@ div.document { margin-bottom: 1.5rem; } +/* Waveform screenshots: extend dark background across full width. */ +.image-reference { + display: block; + background-color: #000000; + padding: 6px; + border-radius: 0; +} + /* Hide the sidebar. It may appear as a footer on small screens. */ div.sphinxsidebar { height: 0px;