Project

Inspiring a New Generation to Soar

A unifying daylit space reflects an inspirational educator’s journey

Christa McAuliffe Branch Library

City of Framingham
Framingham, Massachusetts

The library celebrates teacher Christa McAuliffe, the educator-astronaut whose life was tragically cut short in the Challenger space shuttle disaster. Inspired by her spirit, Finegold Alexander’s design creates a soaring roof in the shape of a wing, lifting over the main reading areas. Spaces for community gathering, quiet reading and learning more than tripled the scale of the original branch library. Daylit spaces infused with technology enhance and reflect the library’s mission of engagement with patrons in their quest for knowledge and learning.

(Photo credit: header exterior - Raj Das Photography; second and third exterior and interior photos - Gustav Hoiland)

Size
17,000 SF
Scope
New Construction
Program
Children, Teen and Adult Reading Areas, Technology Integration, Community Meeting Space, Outdoor Seating Area
Sustainability
LEED Silver
Awards
No items found.
In the news
Project EUI
No items found.
“This library embodies Christa’s essence, her beliefs and it reflects the way in which she lived her life.”
Lisa Bristol, sister of Christa McAuliffe

No items found.

Working with the community, Finegold Alexander sought to create an uplifting and soaring library to capture McAuliffe’s spirit, teaching legacy, and the town’s shared values while working within a tight budget.

No items found.
“It took a lot of people working very hard, working towards a common objective... I think anybody that believes in education, that believes in lifelong learning, that believes in involving kids, they … would have to love it.”
Sam Klaidman, Library Trustee

Webflow Before & After Images

Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money. Here's a simple solution, we built ontop of the awesome js work from @pehaa

Before & After Images

*Update January 2023
We made fixes to all mobile and safari browsers and you should no longer experience issues with those. Thanks!

Overview
Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money...

Here's a simple solution, we built ontop of the awesome js work from @pehaa.

We've tried to make this really accessible for all users, so what's important here is <Image Wrapper> and the two images inside of it, namely <Image One> and of course <Image Two>. We recommend you size your two images the same, although it will work regardless.

Use <Image Wrapper> to set your maximum width, and copy the code from page settings. That's it, when you publish the page the magic will happen.

Learn more about the sliders JS from @pehaa

View the guide on flowbase.co
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙