DOD2 Header Replacement Banner + Hero & Theme Engine

ID: header-banner-module
?

v4.5.0-EXPANDING-THEME

Unique DOM ID attribute assigned to the root container for CSS scoping and script targeting.
Format Syntax: [a-z0-9\-_]+ (lowercase alphanumeric string with hyphens/underscores).

Configure header banner media, layout modes, theme tokens, underline colors, navigation mapping, hero typography, and heights below.

Layout Architecture
Layout Mode
?
Mode
Options: header-only | split | unified

header-only

Selects banner display architecture across header and hero regions.

Header Height
Desktop
220px

Top header-region height when using split mode on desktop.

Header Height
Mobile
180px

Mobile top header-region baseline height.

Theme Tokens & Bracket Inheritance
Header Background Fill
Color / Token
[theme]

Enter [theme] to follow active portal themes, or enter a custom hex code.

Underline Accent Color
Color / Token
[theme]

Controls nav and seal underlines. Enter [theme] for dynamic theme adaptation.

Hero Accent / Subtitle Color
Color / Token
[theme]

Enter [theme] to inherit theme gold/cyan accents, or enter a hex code.

Media Sources
Header Image Source
Split / Header Only

https://www.me.ng.mil/Portals/20/_engine/assets/Papercut_mountain_range_maine_Darker_even_Smaller.png

Background graphic path for the top header strip.

Hero Image Source (Hero & Unified Mode)
Required

https://www.me.ng.mil/Portals/20/_engine/assets/251 Katahdin_1.jpg

Primary graphic asset for Unified Mode and Split Hero canvas.

Logo / Seal Image URL
Required

https://www.me.ng.mil/Portals/20/_engine/assets/MaineNationalGuardLogo2019.png

Portal file path or URL for the organizational seal emblem.

Header Layout
Logo Size
Desktop

140px

Maximum rendered dimension for the unit seal graphic.

Underline Gap From Logo
Desktop

15px

Horizontal spacing between seal edge and rule lines.

Underline Vertical Adjust
Desktop
-20px

Vertical offset adjustment for the horizontal seal rules.

Navigation Mapping
Navigation Links
List Format
  • Home | /navbar/home
  • About Us | /navbar/about-us
  • Resources | /navbar/resources
  • News | /navbar/news
  • Contact Us | /navbar/contact-us
  • Crisis Support | /navbar/crisis-support

One link per line formatted with the pipe delimiter: Label | /path

AFPIMS setup note: verify container and title display are disabled in parent module settings.
Site seal

Maine National Guard

Always Ready. Always There.