Release Notes: v25.7.7 (WIP)

Sprint 2025-G focuses on enhancing newsroom content management capabilities with new reporting features for Wagtail admin users.

On this page

Overview

Fall 2025-G (October ##, 2025)

Major Features

Three significant feature additions including unified hero system, admin override capabilities, and custom DMBA component

  • Hero Component System Refactor - Complete redesign of hero architecture with four new hero types and responsive display modes
  • Admin-Only Hero Override System - Superuser capability to override default hero behavior on any page type
  • DMBA Hero Component - Custom hero with texture background, typewriter animation, and DMBA-specific styling

Technical Improvements

Infrastructure and development environment enhancements

  • Local Development Environment Fixes - Resolution of HTTPS redirects, CSRF failures, and Wagtail preview issues
  • Database Migrations - Migration sequence supporting new hero system across all apps

Hero blocks

Decoupling hero components from page templates

A complete redesign of the hero component architecture, creating a unified, maintainable system across all page types.

New Hero Components

  • Basic Hero: Standard hero with image/video support
  • Teal Highlight Hero: Hero with teal accent styling
  • Text Hero: Text-focused hero without media
  • Split Hero: Two-column layout with media and content
  • DMBA Hero: Display-text hero with media

Key Improvements:

  • Created unified hero-media atom for consistent image/video rendering across all hero types
  • Added header_image_display field with three responsive display modes:
    • Full-width: Image spans entire viewport width
    • Fit-to-height: Image scales to match content height
    • Original: Image maintains original aspect ratio
  • Updated design tokens for consistent spacing and typography
  • Improved responsive styling for mobile, tablet, and desktop breakpoints

Hero Override

Override the default page hero

A powerful new feature allowing superusers to override default hero behavior on any page with the addition of a new Admin page tab.

Features:

  • AdminFieldsMixin provides hero_override StreamField to all major page types
  • All five configurable hero block types
  • Hero-dispatcher template intelligently routes between default and override heroes
  • Admin tabs restricted to superusers only

DMBA Hero Component

By DMBA, for DMBA

A custom hero component designed specifically for DMBA program pages. We might use this block with other program pages after a testing period.

Features:

  • Texture background with b-roll media section
  • Typewriter animation for highlight text (matches homepage effect)
  • DMBA logo field with optional CTA links
  • Automatic header CTA hiding via CSS :has() selector
  • Fallback to standard header CTAs when not specified

Technical Implementation:

  • New DmbaHeroAnimation.js component handles typewriter effect
  • Custom SCSS styling with texture overlay
  • Seamless integration with the existing hero system

Local Dev Bugs

Secret manager, Webpack, and Wagtail preview

Fixed critical issues affecting local development workflow:

Problems Resolved:

  • Secret Manager loading production config causing HTTPS redirects
  • CSRF failures preventing form submissions
  • Broken Wagtail page previews
  • Webpack proxy hostname handling issues

Solutions:

  • Consolidated all local dev overrides into documented section in dev.py
  • Updated ALLOWED_HOSTS to include www.cca.edu for Wagtail preview
  • Fixed CSRF_TRUSTED_ORIGINS configuration
  • Corrected security settings for local environment

Documentation

Learn more about these features and how to use them

Download Presentation

TODO: Create how-to guide for "Customizing the Hero section"