make popup banner more flexible (#914)

* add styling

* update tests for toast

* add corporate sponsorship page and change name (#912)

* Update render-engine and adopt RedirectPage (#913)

* update render-engine and adopt RedirectPage

Bumps render-engine to 2026.5.2a1 and switches the five redirect pages
(students, community, partnerships, leadership, pycon) to use the new
RedirectPage class from render-engine/render-engine#1161 instead of
hand-written meta-refresh HTML.

Also fixes the students slug, which previously redirected to the
non-existent /student-ambassadors-program.html.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* remove unused hand-written redirect HTML

These five files were the meta-refresh source for redirects now handled
by RedirectPage in app.py — they were never referenced via content_path
after the switch.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* lock

* update broken links

* Update pyproject.toml

Co-authored-by: Alex Oladele <dragid10@gmail.com>

* Update app.py

Co-authored-by: Alex Oladele <dragid10@gmail.com>

* Update app.py

Co-authored-by: Alex Oladele <dragid10@gmail.com>

* versions

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-authored-by: Alex Oladele <dragid10@gmail.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-authored-by: Alex Oladele <dragid10@gmail.com>

Author: 3 people

_layouts/_includes/pycon_banner.html

@@ -0,0 +1,6 @@
+<section class="toast" aria-label="{{toast['label']}}">
+  <a href="{{toast['url']}}">
+    <span class="toast-text">{{toast['text']}}</span>
+    <i class="iconoir-arrow-right toast-icon" aria-hidden="true"></i>
+  </a>
+</section>

_layouts/_includes/toast.html

@@ -29,6 +29,9 @@
     <a class="skip-to-content" href="#main-content">Skip to content</a>
     {%- include '_includes/header.html' -%}
     <main id="main-content" class="container" role="main" aria-label="Content">
+      {% if toast %}
+        {% include '_includes/toast.html' %}
+      {% endif %}
 
       {% block content %}
       {% if content %}

_layouts/default.html

@@ -9,8 +9,6 @@
   {% endif %}
 </div>
 
-{% include "_includes/pycon_banner.html" %}
-
 <article class="grid hero">
   <div style="display:flex;align-items:center;justify-content:center">
     <img style="max-width: 14rem; max-height:18rem; filter: drop-shadow(0 4px 40px var(--bpd-gold-wash));" src="/assets/images/bpd_stacked.png" alt="Black Python Devs logo" />

_layouts/index.html

@@ -69,6 +69,13 @@ def pre_build_site():
 class Index(Page):
     template = "index.html"
     content_path = "index.html"
+    template_vars = {
+        "toast": {
+            "label": "Black Python Devs",
+            "url": "/leadership",
+            "text": "Tickets are on sale for the Python Community Leadership Summit! Learn More!",
+        }
+    }
 
 
 @app.page

app.py

@@ -1004,25 +1004,9 @@ a.logo-text:hover img {
   color: var(--bpd-cyan);
 }
 
-/* ── 12b. PyCon Banner ───────────────────────────────────── */
+/* ── 12b. Toast Banner ───────────────────────────────────── */
 
-/* PyCon US 2026 brand purple — lightened in dark mode for contrast */
-.pycon-banner {
-  --pycon-purple: #d28de8;
-}
-@media (prefers-color-scheme: light) {
-  .pycon-banner {
-    --pycon-purple: #680579;
-  }
-}
-[data-theme="light"] .pycon-banner {
-  --pycon-purple: #680579;
-}
-[data-theme="dark"] .pycon-banner {
-  --pycon-purple: #d28de8;
-}
-
-.pycon-banner {
+.toast {
   position: relative;
   background: var(--bpd-raised);
   border: 1px solid var(--bpd-border);
@@ -1036,7 +1020,7 @@ a.logo-text:hover img {
 }
 
 /* luminous gold seam — echoes site header + newsletter card */
-.pycon-banner::before {
+.toast::before {
   content: "";
   position: absolute;
   top: 0;
@@ -1047,38 +1031,42 @@ a.logo-text:hover img {
   border-radius: 12px 12px 0 0;
 }
 
-.pycon-banner:hover {
+.toast:hover {
   border-color: var(--bpd-border-hi);
   box-shadow: 0 0 28px var(--bpd-cyan-glow);
   transform: translateY(-2px);
 }
 
-.pycon-banner a {
+.toast a {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 0.5rem 0.85rem;
   padding: 1.1rem 1.5rem;
-  color: var(--pycon-purple);
+  color: var(--bpd-cyan);
   text-decoration: none;
   font-weight: 600;
   text-align: center;
 }
 
-.pycon-banner-icon {
-  color: var(--pycon-purple);
+.toast a:hover {
+  color: var(--bpd-white);
+}
+
+.toast-icon {
+  color: var(--bpd-gold);
   font-size: 1.15rem;
   flex-shrink: 0;
   transition: transform 0.3s ease;
 }
 
-.pycon-banner:hover .pycon-banner-icon {
+.toast:hover .toast-icon {
   transform: translateX(4px);
 }
 
 @media (max-width: 600px) {
-  .pycon-banner a {
+  .toast a {
     padding: 0.95rem 1.1rem;
     font-size: 0.92rem;
   }

assets/css/bpd.css

@@ -43,6 +43,41 @@ def parse_html(path: pathlib.Path) -> HTMLMetaParser:
     return parser
 
 
+class ToastParser(HTMLParser):
+    """Extract aria-label, link href, and visible text from a `.toast` section."""
+
+    def __init__(self):
+        super().__init__()
+        self._depth = 0
+        self.aria_label: str | None = None
+        self.href: str | None = None
+        self.text: str = ""
+
+    def handle_starttag(self, tag, attrs):
+        attrs_dict = dict(attrs)
+        if self._depth:
+            self._depth += 1
+            if tag == "a" and self.href is None:
+                self.href = attrs_dict.get("href")
+        elif tag == "section" and "toast" in attrs_dict.get("class", "").split():
+            self._depth = 1
+            self.aria_label = attrs_dict.get("aria-label")
+
+    def handle_endtag(self, tag):
+        if self._depth:
+            self._depth -= 1
+
+    def handle_data(self, data):
+        if self._depth:
+            self.text += data
+
+
+def parse_toast(path: pathlib.Path) -> ToastParser | None:
+    parser = ToastParser()
+    parser.feed(path.read_text())
+    return parser if parser.aria_label is not None else None
+
+
 OUTPUT_DIR = pathlib.Path("output")
 
 
@@ -126,15 +161,13 @@ def test_partnerships_redirects_to_support(built_site: pathlib.Path) -> None:
     ), "partnerships.html should redirect to /support.html#partnerships"
 
 
-def test_pycon_redirects_to_blog_post(built_site: pathlib.Path) -> None:
-    """Check that pycon.html contains a redirect to the PyCon US blog post."""
-    pycon = built_site / "pycon.html"
-    assert pycon.exists(), "pycon.html should exist in build output"
-    content = pycon.read_text()
-    assert (
-        "https://blackpythondevs.com/blog/black-python-devs-at-pycon-us-2026.html"
-        in content
-    ), "pycon.html should redirect to the PyCon US 2026 blog post"
+def test_homepage_toast(built_site: pathlib.Path) -> None:
+    """Check that the homepage renders a well-formed toast banner."""
+    toast = parse_toast(built_site / "index.html")
+    assert toast is not None, "homepage should render a .toast section"
+    assert toast.aria_label, "toast should have a non-empty aria-label"
+    assert toast.href, "toast should contain a link with an href"
+    assert toast.text.strip(), "toast should have visible text"
 
 
 def _blog_post_files() -> list[pathlib.Path]: