Goodhart Hall and Hepburn Teaching Theater
Designed in the Gothic Revival style in 1928 by Mellor, Meigs and Howe, Goodhart Hall served as Bryn Mawr College’s place of assembly. As the college evolved, the beautiful building could no longer meet the needs of a modern collegiate-level theater program. Poor sightlines and acoustics, outdated building systems, and make-shift AV systems hampered the building’s function and use. Finegold Alexander strategically solved these issues in the main auditorium and surgically inserted a new teaching theater and workshop into the building complex. The end result achieves the school’s program director’s vision of “a theater of 100 theaters."
(Photo credit: Barry Halkin, Halkin|Mason Photography)
“Marjorie Walter Goodhart Hall retains all of its original architectural majesty while now serving the needs of the campus community in ways that far exceed our highest expectations.”
Glenn R. Smith, Director, Facilities Services
Careful planning and design coordination was required to shore up and underpin the large 30’ wide opening in the existing backstage wall to create a connection between the existing Auditorium to the new Teaching Theater, thus unifying the building complex.
"Finegold Alexander’s promise not to be intimidated by the building proved to be a turning point in the development of a creative approach to satisfactorily accomplishing all of the project, it is as if the College has a completely new building and there is a heightened excitement level over all the possibilities that now exist.”
Glenn R. Smith, Director, Facilities Services
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
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙