Old Chapel Student Center
The Old Chapel at the University of Massachusetts, Amherst, the University’s most recognizable building, has been transformed into a vibrant venue for campus activities and events. Listed on the National Register of Historic Places, the 1884 granite building had fallen into disrepair by the 1990’s and was shuttered. To breathe new life into the building, Finegold Alexander developed a program for two multi-functional spaces to foster student collaboration and to host major events including lectures, banquets and theatrical productions. To ensure the preservation of historic fabric, all new systems were woven into the existing building fabric and a new subgrade mechanical vault was located adjacent to the building. An elegant glass pavilion and terrace provide universal access for the UMass community and signify a new entrance to the Old Chapel.
(Photo credit: Robert Benson Photography)
“The interpretation of the building, its purpose and its function, and its overwhelming positive contribution to life and learning on our campus cannot be overstated.”
Chancellor Kumble R. Subbaswamy
The total interior renovation of this historic building included roof restoration and insulation at the walls based on dewpoint and WUFI analysis. Designed to achieve a 21% energy savings over Code, with a focus on energy recovery, the project achieved LEED Gold. Finegold Alexander worked with ARUP to locate and design an underground utility vault outside of the building footprint, enabling the use of the ground floor for program space and preserving the open green above.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/61533dd59b05db6b2a666dd4_21_0722_Old-Chapel_Web-Axon.gif)
"The requests [to use] the space have been overwhelming — and that doesn’t even include student requests. We have received about 175 requests for the academic year so far this summer, and we expect student requests to increase as soon as they arrive on campus."
Melissa Cleary, Manager, UMASS Old Chapel
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
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf66_Slide%201.png)
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bfd5_Slide%202.png)
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
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf29_Flowbase%20Logo.png)
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙