(function($){ $.fn.twentytwenty = function(options) { var options = $.extend({default_offset_pct: 0.5, orientation: 'horizontal'}, options); return this.each(function() { var sliderPct = options.default_offset_pct; var container = $(this); var stacked_gallery = $(this); var container = stacked_gallery.find(".sqs-gallery"); var sliderOrientation = options.orientation; var beforeDirection = (sliderOrientation === 'vertical') ? 'down' : 'left'; var afterDirection = (sliderOrientation === 'vertical') ? 'up' : 'right'; container.wrap("
"); container.append("
"); var beforeImg = container.find("img:first"); var afterImg = container.find("img:last"); var beforeImg = container.find(".image-wrapper:last"); var afterImg = container.find(".image-wrapper:first"); container.append("
"); var slider = container.find(".twentytwenty-handle"); slider.append(""); @@ -28,22 +35,23 @@ overlay.append("
"); var calcOffset = function(dimensionPct) { var w = beforeImg.width(); var h = beforeImg.height(); var img = beforeImg.find("img") var w = img.width(); var h = img.height(); return { w: w+"px", h: h+"px", cw: (dimensionPct*w)+"px", ch: (dimensionPct*h)+"px" }; }; }; var adjustContainer = function(offset) { if (sliderOrientation === 'vertical') { beforeImg.css("clip", "rect(0,"+offset.w+","+offset.ch+",0)"); beforeImg.find("img").css("clip", "rect(0,"+offset.w+","+offset.ch+",0)"); } else { beforeImg.css("clip", "rect(0,"+offset.cw+","+offset.h+",0)"); beforeImg.find("img").css("clip", "rect(0,"+offset.cw+","+offset.h+",0)"); } container.css("height", offset.h); }; @@ -71,8 +79,8 @@ container.addClass("active"); offsetX = container.offset().left; offsetY = container.offset().top; imgWidth = beforeImg.width(); imgHeight = beforeImg.height(); imgWidth = beforeImg.find("img").width(); imgHeight = beforeImg.find("img").height(); }); slider.on("moveend", function(e) { @@ -95,6 +103,15 @@ container.find("img").on("mousedown", function(event) { event.preventDefault(); }); //added this to fix an issue in Chrome where the webkit cached images wouldn't load before trying to read the size. Silly chrome. var imageLoaded = beforeImg.find("img"); $(imageLoaded).load(function() { setTimeout(function() { var offset = calcOffset(options.default_offset_pct); adjustContainer(offset); }, 0); }); $(window).trigger("resize.twentytwenty"); });

Wallace Frost Historical Renovation

Photograph by Martin Vecchio


This historic Wallace Frost home in Birmingham’s Holy Name neighborhood was built in 1929. Although most of the home had been well-preserved in its original, beautiful condition, an addition completed in the early 2000’s resulted in a dark, foreign kitchen that desperately needed to be re-imagined to relate to the rest of the home.

Photography by Martin Vecchio

Drawing from a palette of classic materials and tones, the kitchen was reworked to enhance functionality and allow more light in, while weaving in design elements to match the character and integrity of Frost’s original design. A soft, off-white color was chosen for the cabinetry to avoid going too stark, and two 3 sided glass cabinet towers frame the farmhouse sink and window while allowing ample daylight to pass through. A stunning plaster hood was custom made to introduce a traditional, warm, familiar texture while its form still maintains the clean-lined aesthetic the homeowners desired. Open shelves flanking the plaster hood, and a petite, furniture-like island help create an airy, open feel in this otherwise small space.

Gorgeous black soapstone, and patinaed metal tones of burnished brass and oil rubbed bronze bring a historic, aged feel to this new space. The subtly textured subway backsplash with contrasting grout harkens back to the original 1900s trend, and enhances the hand-crafted feeling within the space. Sconces on the window wall provide warm ambient and task lighting, while the absence of pendants over the island keeps the space open, and historically more consistent with the rest of the home.

Photograph by Martin Vecchio