{"id":1653,"date":"2022-05-05T13:26:46","date_gmt":"2022-05-05T17:26:46","guid":{"rendered":"https:\/\/stouffville.com\/?page_id=1653"},"modified":"2022-06-17T15:54:33","modified_gmt":"2022-06-17T19:54:33","slug":"diy","status":"publish","type":"page","link":"https:\/\/stouffville.com\/do-it\/diy\/","title":{"rendered":"DIY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1653\" class=\"elementor elementor-1653\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-91f31d9 elementor-section-height-min-height elementor-section-items-bottom elementor-section-boxed elementor-section-height-default\" data-id=\"91f31d9\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e59ef77\" data-id=\"e59ef77\" data-element_type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-502dda4 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"502dda4\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 26-02-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Do It<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5498a1c ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"5498a1c\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">DIY<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-1bd6c03 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1bd6c03\" data-element_type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2e3366c\" data-id=\"2e3366c\" data-element_type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c79b2f5 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"c79b2f5\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_postman_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 26-02-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>There are a lot of DIY activities available in Stouffville, including sewing, pottery painting, quilting, papercrafting, flower arranging, wreath-making, furniture refinishing, and knitting.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-3cc4a6d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3cc4a6d\" data-element_type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d3999de\" data-id=\"d3999de\" data-element_type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bbb2914 ob-has-background-overlay elementor-widget elementor-widget-case27-explore-widget\" data-id=\"bbb2914\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"case27-explore-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\t\r\n<div v-cloak\r\n\t:class=\"['mobile-tab-'+state.mobileTab,mapExpanded?'map-expanded':'',loading?'loading-new-results':'']\"\r\n\tclass=\"cts-explore finder-container fc-type-1 finder-one-columns pages-pagination explore-types-topbar\"\r\n\tid=\"c27-explore-listings\"\r\n\t:style=\"containerStyles\"\r\n>\r\n\r\n\t\t\t\t\r\n\t\r\n\t<div class=\"mobile-explore-head-top\" v-if=\"activeType.id===1651 && state.mobileTab!=='filters'\">\r\n\t\t<div v-if=\"currentTax\" class=\"primary-category\">\r\n\t\t\t<span class=\"cat-icon\" :style=\"'background-color:'+(currentTax.activeTerm?currentTax.activeTerm.color:'#fff')\"\r\n\t\t\t\tv-html=\"currentTax.activeTerm.single_icon\"><\/span>\r\n\t\t\t<div v-html=\"currentTermName\"><\/div>\r\n\t\t<\/div>\r\n\t\t<template v-else>\r\n\t\t\t\t\t\t\t\r\n<order-filter\r\n    listing-type=\"diy\"\r\n    filter-key=\"sort\"\r\n    location=\"primary-filter\"\r\n    label=\"Order by\"\r\n\t:choices=\"[{&quot;key&quot;:&quot;latest&quot;,&quot;label&quot;:&quot;Latest&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;a-z&quot;,&quot;label&quot;:&quot;A-Z&quot;,&quot;notes&quot;:[]}]\"\r\n    @input=\"getListings( &#039;primary-filter:order&#039;, true )\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi format_list_bulleted\"><\/i>\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\t<div v-else class=\"form-group explore-filter orderby-filter md-group\" :class=\"wrapperClasses\">\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    \t<label>{{label}}<\/label>\r\n    \t<div class=\"orderby-filter-notes\"\r\n            v-if=\"location==='advanced-form' && hasNote(filters[filterKey], 'has-proximity-clause')\">\r\n            <p>{{locationDetails}}<\/p>\r\n    \t<\/div>\r\n\t<\/div>\r\n<\/order-filter>\r\n\t\t\t\t\t<\/template>\r\n\r\n\t\t<div class=\"explore-head-top-filters\">\r\n\t\t\t<a v-if=\"template==='explore-no-map' && !isMobile\" href=\"#\"\r\n\t\t\t\t@click.prevent=\"this.jQuery('.fc-type-2').toggleClass('fc-type-2-open')\">\r\n\t\t\t\tFilters\t\t\t\t<i class=\"icon-settings-1\"><\/i>\r\n\t\t\t<\/a>\r\n\t\t\t<a v-else href=\"#\" @click.prevent=\"state.mobileTab = 'filters'\">\r\n\t\t\t\tFilters\t\t\t\t<i class=\"icon-settings-1\"><\/i>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div @scroll=\"infiniteScroll\" class=\"fc-default\">\r\n\t\t<div class=\"finder-search min-scroll\" id=\"finderSearch\" :class=\"( state.mobileTab === 'filters' ? '' : 'visible-lg' )\">\r\n\t\t\t<div class=\"finder-tabs-wrapper\">\r\n\t\t\t\t\r\n\r\n<div class=\"finder-tabs col-md-12 without-listing-types\">\r\n\r\n\t\r\n\t\r\n\t\t\t<div class=\"tab-content tab-count-1\" v-show=\"activeType.slug === 'diy'\">\r\n\r\n\t\t\t<div id=\"search-form\" class=\"listing-type-filters search-tab tab-pane fade\" :class=\"activeType.tab == 'search-form' ? 'in active' : ''\">\r\n\t\t\t\t<div class=\"search-filters type-diy type-id-1651\">\r\n\t\t\t\t\t<div class=\"light-forms filter-wrapper\">\r\n\r\n\t\t\t\t\t\t\r\n<order-filter\r\n    listing-type=\"diy\"\r\n    filter-key=\"sort\"\r\n    location=\"advanced-form\"\r\n    label=\"Order by\"\r\n\t:choices=\"[{&quot;key&quot;:&quot;latest&quot;,&quot;label&quot;:&quot;Latest&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;a-z&quot;,&quot;label&quot;:&quot;A-Z&quot;,&quot;notes&quot;:[]}]\"\r\n    @input=\"filterChanged\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi format_list_bulleted\"><\/i>\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\t<div v-else class=\"form-group explore-filter orderby-filter md-group\" :class=\"wrapperClasses\">\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    \t<label>{{label}}<\/label>\r\n    \t<div class=\"orderby-filter-notes\"\r\n            v-if=\"location==='advanced-form' && hasNote(filters[filterKey], 'has-proximity-clause')\">\r\n            <p>{{locationDetails}}<\/p>\r\n    \t<\/div>\r\n\t<\/div>\r\n<\/order-filter>\r\n\r\n<dropdown-hierarchy-filter\r\n    listing-type=\"diy\"\r\n    filter-key=\"region\"\r\n    location=\"advanced-form\"\r\n    label=\"Region\"\r\n    pre-selected=\"[]\"\r\n    ajax-params=\"{&quot;taxonomy&quot;:&quot;region&quot;,&quot;listing-type-id&quot;:1651,&quot;orderby&quot;:&quot;name&quot;,&quot;order&quot;:&quot;ASC&quot;,&quot;hide_empty&quot;:&quot;&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"cts-term-hierarchy form-group md-group\">\r\n        <input type=\"text\" required ref=\"input\" data-placeholder=\" \"\r\n            class=\"hide\"\r\n            :data-template=\"location==='advanced-form'?'default':'alternate'\"\r\n            :data-selected=\"preSelected\"\r\n            :data-mylisting-ajax-params=\"ajaxParams\"\r\n            @termhierarchy:change=\"handleChange\"\r\n        >\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/dropdown-hierarchy-filter>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group fc-search\">\r\n\t\t\t\t\t\t<a href=\"#\" class=\"buttons button-2 full-width c27-explore-search-button\"\r\n\t\t\t\t\t\t   @click.prevent=\"state.mobileTab = 'results'; _getListings(); _resultsScrollTop();\"\r\n\t\t\t\t\t\t><i class=\"mi search\"><\/i>Search<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"reset-results-27 full-width\" @click.prevent=\"resetFilters($event); getListings();\">\r\n\t\t\t\t\t\t\t<i class=\"mi refresh\"><\/i>Reset Filters\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"close-filters-27\" @click.prevent=\"state.mobileTab = 'results'\">\r\n\t\t\t\t\t\t\t<i class=\"mi close\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\r\n\t<div id=\"explore-taxonomy-tab\" class=\"listing-cat-tab tab-pane fade c27-explore-categories\" :class=\"activeType.tab !== 'search-form' ? 'in active' : ''\">\r\n\t\t<div v-if=\"currentTax\">\r\n\t\t\t<transition-group name=\"vfade-down\">\r\n\t\t\t\t<div v-if=\"currentTax.activeTerm\" class=\"active-term\" :key=\"currentTax.activeTerm.term_id\">\r\n\t\t\t\t\t<div class=\"form-group fc-search\" :key=\"'filters-mobile-head'\">\r\n\t\t\t\t\t\t<a href=\"#\" class=\"buttons button-2 full-width c27-explore-search-button\"\r\n\t\t\t\t\t\t   @click.prevent=\"state.mobileTab = 'results'; _getListings(); _resultsScrollTop();\"\r\n\t\t\t\t\t\t   v-if=\"isMobile\"\r\n\t\t\t\t\t\t><i class=\"mi search\"><\/i>Search<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"taxonomy-back-btn\"\r\n\t\t\t\t\t\t\t@click.prevent=\"termsGoBack( currentTax.activeTerm )\"\r\n\t\t\t\t\t\t\tv-if=\"currentTax.activeTermId !== 0\">\r\n\t\t\t\t\t\t\t<i class=\"mi keyboard_backspace\"><\/i>Back\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"close-filters-27\" @click.prevent=\"state.mobileTab = 'results'\"\r\n\t\t\t\t\t\t\tv-if=\"isMobile\">\r\n\t\t\t\t\t\t\t<i class=\"mi close\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"active-taxonomy-container\" :class=\"currentTax.activeTerm.background ? 'with-bg' : 'no-bg'\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"category-background\" style=\"height: 200px; background-size: cover;\"\r\n\t\t\t\t\t\t\t:style=\"currentTax.activeTerm.background ? 'background-image: url(\\''+currentTax.activeTerm.background+'\\');' : ''\"\r\n\t\t\t\t\t\t><\/div>\r\n\t\t\t\t\t\t<span class=\"cat-icon\" :style=\"'background-color:'+currentTax.activeTerm.color\" v-html=\"currentTax.activeTerm.single_icon\"><\/span>\r\n\t\t\t\t\t\t<div v-html=\"currentTermName\"><\/div>\r\n\t\t\t\t\t\t<p class=\"category-description\" v-html=\"currentTax.activeTerm.description\"><\/p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div v-show=\"activeType.id === 1651\">\r\n\t\t\t\t\t\t\t\t\t\r\n<order-filter\r\n    listing-type=\"diy\"\r\n    filter-key=\"sort\"\r\n    location=\"taxonomy-tab\"\r\n    label=\"Order by\"\r\n\t:choices=\"[{&quot;key&quot;:&quot;latest&quot;,&quot;label&quot;:&quot;Latest&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;a-z&quot;,&quot;label&quot;:&quot;A-Z&quot;,&quot;notes&quot;:[]}]\"\r\n    @input=\"filterChanged\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi format_list_bulleted\"><\/i>\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\t<div v-else class=\"form-group explore-filter orderby-filter md-group\" :class=\"wrapperClasses\">\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    \t<label>{{label}}<\/label>\r\n    \t<div class=\"orderby-filter-notes\"\r\n            v-if=\"location==='advanced-form' && hasNote(filters[filterKey], 'has-proximity-clause')\">\r\n            <p>{{locationDetails}}<\/p>\r\n    \t<\/div>\r\n\t<\/div>\r\n<\/order-filter>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-show=\"currentTax.termsLoading && currentTax.activeTermId !== 0 && ! currentTax.activeTerm\" class=\"loader-bg\" :key=\"'single-term-loading-indicator'\">\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat-line bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat-line bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat-line bg-loading-animation\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/transition-group>\r\n\r\n\t\t\t<transition-group :name=\"currentTax.activeTermId === 0 ? 'vfade-up' : 'vfade-down'\">\r\n\t\t\t\t<a href=\"#\" class=\"taxonomy-back-btn\" @click.prevent=\"activeType.tab = 'search-form'; getListings();\" v-if=\"currentTax.activeTermId === 0 && showBackToFilters\" :key=\"'back-to-filters'\">\r\n\t\t\t\t\t<i class=\"mi keyboard_backspace\"><\/i>Back to filters\t\t\t\t<\/a>\r\n\r\n\t\t\t\t<div v-if=\"Object.keys(currentTax.terms).length && currentTax.activeTermId !== 0\" :key=\"'subterms-loaded-indicator-'+currentTax.activeTermId\">\r\n\t\t\t\t\t<h4 class=\"browse-subcategories\"><i class=\"mi bookmark_border\"><\/i>Browse sub-categories<\/h4>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-if=\"currentTax.terms\" v-for=\"term in currentTax.terms\" class=\"listing-cat\" :class=\"term.term_id == currentTax.active_term ? 'active' : ''\" :key=\"term.term_id\">\r\n\t\t\t\t\t<a href=\"#\" @click.prevent=\"termsExplore( activeType.tab, term )\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"overlay \"\r\n\t\t\t\t\t\t\tstyle=\"\"\r\n\t\t\t\t\t\t><\/div>\r\n\t\t\t\t\t\t<div class=\"lc-background\" :style=\"term.background ? 'background-image: url(\\''+term.background+'\\');' : ''\"><\/div>\r\n\r\n\t\t\t\t\t\t<div class=\"lc-info\">\r\n\t\t\t\t\t\t\t<h4 class=\"case27-primary-text\">{{ term.name }}<\/h4>\r\n\t\t\t\t\t\t\t<template v-if=\"activeType.is_global\">\r\n\t\t\t\t\t\t\t\t<h6>{{ term.count }}<\/h6>\r\n\t\t\t\t\t\t\t<\/template>\r\n\t\t\t\t\t\t\t<template v-else>\r\n\t\t\t\t\t\t\t\t<h6 v-if=\"term.count_by_type && term.count_by_type.hasOwnProperty(activeType.slug)\">{{ term.count_by_type[activeType.slug] }}<\/h6>\r\n\t\t\t\t\t\t\t\t<h6 v-else>No listings<\/h6>\r\n\r\n\t\t\t\t\t\t\t<\/template>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"lc-icon\" v-html=\"term.icon\"><\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-if=\"currentTax.terms && currentTax.hasMore && !currentTax.termsLoading\" :key=\"'load-more-terms'\">\r\n\t\t\t\t\t<a href=\"#\" class=\"buttons button-2\" @click.prevent=\"currentTax.termsPage += 1; termsExplore( activeType.tab, currentTax.activeTerm, true );\">\r\n\t\t\t\t\t\tLoad More\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-show=\"currentTax.termsLoading && currentTax.activeTermId === 0\" class=\"loader-bg\" :key=\"'terms-loading-indicator'\">\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/transition-group>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"finder-listings min-scroll\" @scroll=\"infiniteScroll\" id=\"finderListings\" :class=\"( state.mobileTab === 'results' ? '' : 'visible-lg' )\">\r\n\t\t\t<div class=\"fl-head\">\r\n\t\t\t\t<results-header inline-template>\t\t\t\t\t<div class=\"explore-desktop-head\" v-if=\"foundPosts !== 0\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"load-previews-batch load-batch-icon\" :class=\"! hasPrevPage ? 'batch-unavailable' : ''\">\r\n\t\t\t\t\t\t\t\t<a aria-label=\"Load previous results\" href=\"#\" @click.prevent=\"getPrevPage\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"material-icons arrow_back\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<span href=\"#\" class=\"fl-results-no text-left\" v-cloak>\r\n\t\t\t\t\t\t\t\t<span class=\"rslt-nr\" v-html=\"resultCountText\"><\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<div class=\"load-next-batch load-batch-icon\" :class=\"{ 'batch-unavailable': ! hasNextPage }\">\r\n\t\t\t\t\t\t\t\t<a aria-label=\"Load next results\" href=\"#\" @click.prevent=\"getNextPage\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"material-icons arrow_forward\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"expand-map-btn\" v-if=\"!$root.isMobile && !$root.mapExpanded\"\t@click.prevent=\"$root.toggleMap(true)\">\r\n\t\t\t\t\t\t\t\t<i class=\"mi map\"><\/i>\r\n\t\t\t\t\t\t\t\t<span>Map view<\/span>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/results-header>\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"results-view\" :class=\"isotope ? 'grid' : ''\" v-show=\"!loading && found_posts !== 0\"><\/div>\r\n\t\t\t\r\n\t\t\t<div class=\"no-results-wrapper\" v-show=\"!loading && found_posts === 0\">\r\n\t\t\t\t<i class=\"no-results-icon mi mood_bad\"><\/i>\r\n\t\t\t\t<li role=\"presentation\" class=\"no_job_listings_found\">\r\n\t\t\t\t\tThere are no listings matching your search.\t\t\t\t\t<a href=\"#\" class=\"reset-results-27 full-width\" @click.prevent=\"resetFilters($event); getListings('reset', true);\">\r\n\t\t\t\t\t\t<i class=\"mi refresh\"><\/i>\r\n\t\t\t\t\t\tReset Filters\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"loader-bg\" v-show=\"loading\">\r\n\t\t\t\t\r\n<div class=\"paper-spinner center-vh\" style=\"width: 28px; height: 28px;\">\r\n\t<div class=\"spinner-container active\">\r\n\t\t<div class=\"spinner-layer layer-1\" style=\"border-color: #777;\">\r\n\t\t\t<div class=\"circle-clipper left\">\r\n\t\t\t\t<div class=\"circle\" style=\"border-width: 3px;\"><\/div>\r\n\t\t\t<\/div><div class=\"gap-patch\">\r\n\t\t\t\t<div class=\"circle\" style=\"border-width: 3px;\"><\/div>\r\n\t\t\t<\/div><div class=\"circle-clipper right\">\r\n\t\t\t\t<div class=\"circle\" style=\"border-width: 3px;\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"col-md-12 center-button pagination c27-explore-pagination\" v-show=\"!loading\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"compare-bar\" v-if=\"compare.length >= 2\">\r\n\t<a href=\"#\" class=\"buttons button-2\" @click.prevent=\"_compareListing()\">\r\n\t\t<i title=\"mi compare\" class=\"mi compare\"><\/i>\r\n\t\tCompare items\t\t<span>({{ compare.length }})<\/span>\r\n\t<\/a>\r\n\t<a href=\"#\" class=\"buttons button-5\" @click.prevent=\"_clearCompareListing()\">\r\n\t\tCancel\t<\/a>\r\n<\/div>\r\n\t<div class=\"finder-map\" id=\"finderMap\" :class=\"{'map-mobile-visible':state.mobileTab==='map'}\">\r\n\t\t<div\r\n\t\t\tclass=\"map c27-map mylisting-map-loading\"\r\n\t\t\tid=\"map__662c4e7adc673\"\r\n\t\t\tdata-options=\"{&quot;skin&quot;:&quot;skin1&quot;,&quot;scrollwheel&quot;:&quot;&quot;,&quot;zoom&quot;:11,&quot;minZoom&quot;:2,&quot;maxZoom&quot;:18,&quot;defaultLat&quot;:43.9706,&quot;defaultLng&quot;:-79.2443}\"\r\n\t\t>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"mapdrag-switch\" :class=\"{'mb-skin': mapProvider === 'mapbox'}\">\r\n\t\t<div class=\"md-checkbox\">\r\n\t\t\t<input type=\"checkbox\" v-model=\"dragSearch\" id=\"explore-drag-toggle\">\r\n\t\t\t<label for=\"explore-drag-toggle\">Search as I move the map<\/label>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t\t<a href=\"#\" class=\"collapse-map-btn\" v-if=\"!isMobile && mapExpanded\"\r\n\t\t\t\t@click.prevent=\"$root.toggleMap(false)\">\r\n\t\t\t\t<i class=\"mi view_agenda\"><\/i>\r\n\t\t\t\t<span>List view<\/span>\r\n\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t<div style=\"display: none;\">\r\n\t\t<div id=\"explore-map-location-ctrl\" title=\"Click to show your location\">\r\n\t\t\t<i class=\"mi my_location\"><\/i>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"explore-mobile-nav\">\r\n\t<ul class=\"nav nav-tabs\">\r\n\t\t<li class=\"show-results\" :class=\"state.mobileTab === 'results' ? 'active' : ''\">\r\n\t\t\t<a href=\"#\" @click.prevent=\"state.mobileTab = 'results';\">\r\n\t\t\t\t<i class=\"mi view_agenda\"><\/i>\r\n\t\t\t\t<span>List view<\/span>\r\n\t\t\t<\/a>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t<li class=\"show-map\" :class=\"state.mobileTab === 'map' ? 'active' : ''\" v-if=\"map\">\r\n\t\t\t\t<a href=\"#\" @click.prevent=\"state.mobileTab = 'map'; this.window.scrollTo(0,0);\">\r\n\t\t\t\t\t<i class=\"fa fa-map-marked-alt\"><\/i>\r\n\t\t\t\t\t<span>Map view<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<\/ul>\r\n<\/div><\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n\tvar CASE27_Explore_Settings = {\r\n\t\tListingWrap: \"col-md-12 grid-item\",\r\n\t\tActiveMobileTab: \"results\",\r\n\t\tScrollToResults: false,\r\n\t\tMap: {\"default_lat\":43.9706,\"default_lng\":-79.2443,\"default_zoom\":11,\"min_zoom\":2,\"max_zoom\":18,\"skin\":\"skin1\",\"scrollwheel\":\"\"},\r\n\t\tCircleColor: {\"circle_color\":\"#B7BABE\",\"circle_opacity\":0.1,\"circle_border_color\":\"#B7BABE\",\"circle_border_opacity\":0.3},\r\n\t\tIsFirstLoad: true,\r\n\t\tDisableIsotope: false,\r\n\t\tDisableLiveUrlUpdate: false,\r\n\t\tDragSearchEnabled: true,\r\n\t\tDragSearchLabel: \"Visible map area\",\r\n\t\tTermSettings: {\"count\":10},\r\n\t\tListingTypes: {\"diy\":{\"index\":0,\"name\":\"DIY\",\"icon\":\"\\t\\t\\t<i class=\\\"fa fa-smile\\\"><\\\/i>\\r\\n\\t\\t\",\"slug\":\"diy\",\"id\":1651,\"tabs\":{\"search-form\":{\"type\":\"search-form\",\"label\":\"Filters\",\"icon\":\"mi filter_list\",\"orderby\":\"\",\"order\":\"\",\"hide_empty\":false}},\"is_global\":false,\"filters\":{\"page\":0,\"preserve_page\":false,\"sort\":\"latest\",\"region\":\"\"},\"tab\":\"search-form\",\"defaultTab\":\"search-form\",\"taxonomies\":{\"categories\":{\"tax\":\"job_listing_category\",\"field_name\":\"job_category\",\"tab_id\":\"categories\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}},\"regions\":{\"tax\":\"region\",\"field_name\":\"region\",\"tab_id\":\"regions\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}},\"tags\":{\"tax\":\"case27_job_listing_tags\",\"field_name\":\"job_tags\",\"tab_id\":\"tags\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}}},\"max_num_pages\":0,\"is_first_load\":true,\"preview_type\":\"image\"}},\r\n\t\tExplorePage: null,\r\n\t\tActiveListingType: \"diy\",\r\n\t\tTermCache: {},\r\n\t\tCache: {},\r\n\t\tScrollPosition: 0,\r\n\t\tTemplate: \"explore-1\",\r\n\t\tPagination: \"pages\",\r\n\t\tInfiniteScroll: false,\r\n\t\tDisplayAd: false,\r\n\t\tAdPublisherID: \"\",\r\n\t\tAdSlotID: \"\",\r\n\t\tAdInterval: \"\"\t};\r\n<\/script>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Do It DIY There are a lot of DIY activities available in Stouffville, including sewing, pottery painting, quilting, papercrafting, flower arranging, wreath-making, furniture refinishing, and knitting.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1462,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/pages\/1653"}],"collection":[{"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/comments?post=1653"}],"version-history":[{"count":0,"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/pages\/1653\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/pages\/1462"}],"wp:attachment":[{"href":"https:\/\/stouffville.com\/wp-json\/wp\/v2\/media?parent=1653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}