York Judicial Center
Finegold Alexander’s design for the York Judicial Center in Biddeford, Maine derives from sustainability goals and a desire to provide a sense of calm. The new facility is the largest judicial center in the state of Maine as it consolidates four District and Superior courthouses. Native vegetation and building materials inspired by York County’s landscape invite people in. Sustainability was a key component in this highly efficient project and is the first all-electric courthouse in Maine, free from fossil fuel consumption with rooftop photovoltaics and 70 ground source heat exchangers. Efficient mechanical systems and a high-performance envelope help achieve a low pEUI.
Finegold Alexander is honored to be part of the much larger project team essential in bringing this complex building type to life. After years of collaboration the team has realized this modern, fully accessible, and energy efficient facility.
Jeff Garriga, Finegold Alexander, Principal
Woodland views, courtrooms with natural light, clear wayfinding and a harmonious palette of finishes inspired by the landscapes of York County help mitigate the stress that the public may experience when visiting the courthouse. The use of blue paint and tile, along with river graphic on signage, represent the nearby Saco River. The Maine coastline is represented through the stone like porcelain tiles and boulders used in the exterior building sign.
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 🤙