Trinity of Code & Courage

Lana Lang • Chloe Sullivan • Lois Lane

A symbolic mapping of HTML, CSS, and JavaScript to relationships and advocacy, inspired by Smallville and the mission of March of Dimes.

HTML • CSS • JavaScript Relationships March of Dimes

Lana Lang

HTML • The Foundation

Lana represents beginnings, emotional grounding, and the quiet architecture of early chapters—just as HTML defines the structure and meaning of every page.

Early foundations • Structure

Chloe Sullivan

CSS • The Clarity

Chloe is the investigator and communicator. CSS mirrors her role by giving shape, color, and visual voice to the story so others can see clearly.

Awareness • Visibility

Lois Lane

JavaScript • The Motion

Lois brings action, courage, and momentum. JavaScript echoes her energy by adding interaction, response, and movement to the web.

Advocacy • Action

Relationship structure

Lana + Chloe

Foundation and clarity: HTML and CSS working together to build a page that is both structurally sound and visually understandable.

Chloe + Lois

Awareness and action: information brought to light and then turned into courageous steps, like CSS and JavaScript in motion.

Lana + Lois

Beginnings and transformation: a strong base that is later animated and changed, mirroring HTML foundations enhanced by JavaScript.

March of Dimes Framework

Lana • HTML

Symbolizes early foundations and the need to protect fragile beginnings — like healthy pregnancies and infant care at the heart of March of Dimes.

Chloe • CSS

Represents education and awareness: styling information so families, communities, and professionals can see clearly and act wisely.

Lois • JavaScript

Embodies advocacy and intervention: responding, moving, and changing systems so vulnerable lives are protected and supported.

Click “Activate Advocacy” or the Lois panel to see a small symbolic reminder that action is part of the story.