1<!doctype html> 2<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" > 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <!-- This is Squarespace. --><!-- will-myers-new --> 7<base href=""> 8<meta charset="utf-8" /> 9<title>Will Myers | Get Better At Building Websites</title> 10<meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/eee6f0a2-4168-477e-b35d-de87833466a4/favicon.ico?format=100w"/> 11<link rel="canonical" href="https://www.will-myers.com"/> 12<meta property="og:site_name" content="Will Myers"/> 13<meta property="og:title" content="Will Myers | Get Better At Building Websites"/> 14<meta property="og:url" content="https://www.will-myers.com"/> 15<meta property="og:type" content="website"/> 16<meta property="og:description" content="Will Myers trains and supports website builders. This website provides video lessons in Squarespace, free Squarespace plugins, and general tech guidance for individuals and small business owners."/> 17<meta property="og:image" content="http://static1.squarespace.com/static/5dec0d775605ee7848f9f1e6/t/6143b32b5c6160271710ecf2/1631826732241/Will+Myers+Logo.png?format=1500w"/> 18<meta property="og:image:width" content="610"/> 19<meta property="og:image:height" content="105"/> 20<meta itemprop="name" content="Will Myers | Get Better At Building Websites"/> 21<meta itemprop="url" content="https://www.will-myers.com"/> 22<meta itemprop="description" content="Will Myers trains and supports website builders. This website provides video lessons in Squarespace, free Squarespace plugins, and general tech guidance for individuals and small business owners."/> 23<meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/5dec0d775605ee7848f9f1e6/t/6143b32b5c6160271710ecf2/1631826732241/Will+Myers+Logo.png?format=1500w"/> 24<link rel="image_src" href="http://static1.squarespace.com/static/5dec0d775605ee7848f9f1e6/t/6143b32b5c6160271710ecf2/1631826732241/Will+Myers+Logo.png?format=1500w" /> 25<meta itemprop="image" content="http://static1.squarespace.com/static/5dec0d775605ee7848f9f1e6/t/6143b32b5c6160271710ecf2/1631826732241/Will+Myers+Logo.png?format=1500w"/> 26<meta name="twitter:title" content="Will Myers | Get Better At Building Websites"/> 27<meta name="twitter:image" content="http://static1.squarespace.com/static/5dec0d775605ee7848f9f1e6/t/6143b32b5c6160271710ecf2/1631826732241/Will+Myers+Logo.png?format=1500w"/> 28<meta name="twitter:url" content="https://www.will-myers.com"/> 29<meta name="twitter:card" content="summary"/> 30<meta name="twitter:description" content="Will Myers trains and supports website builders. This website provides video lessons in Squarespace, free Squarespace plugins, and general tech guidance for individuals and small business owners."/> 31<meta name="description" content="Will Myers trains and supports website builders. This website provides video lessons in Squarespace, free Squarespace plugins, and general tech guidance for individuals and small business owners. " /> 32<link rel="preconnect" href="https://images.squarespace-cdn.com"> 33<link rel="preconnect" href="https://file.squarespace-cdn.com" crossorigin> 34<style data-sqsp-font-ids="6a313cb3494e3c6626e645ca"> 35/* vietnamese */ 36@font-face { 37 font-family: 'Work Sans'; 38 font-style: italic; 39 font-weight: 700; 40 font-display: swap; 41 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/0596c9ef-dec1-4885-ad6d-7443abfe70e0/vietnamese.woff2') format('woff2'); 42 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 43} 44/* latin-ext */ 45@font-face { 46 font-family: 'Work Sans'; 47 font-style: italic; 48 font-weight: 700; 49 font-display: swap; 50 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/5bb1f76e-0203-4319-ab7b-7905c85f4108/latin-ext.woff2') format('woff2'); 51 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
51BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 52} 53/* latin */ 54@font-face { 55 font-family: 'Work Sans'; 56 font-style: italic; 57 font-weight: 700; 58 font-display: swap; 59 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/0707da75-31c7-40b6-86b4-9bebbaa12a05/latin.woff2') format('woff2'); 60 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 61} 62/* latin-ext */ 63@font-face { 64 font-family: 'Work Sans'; 65 font-style: normal; 66 font-weight: 600; 67 font-display: swap; 68 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/fae4f88e-80f1-475b-a48f-0ea7829ea334/latin-ext.woff2') format('woff2'); 69 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 70} 71/* vietnamese */ 72@font-face { 73 font-family: 'Work Sans'; 74 font-style: normal; 75 font-weight: 600; 76 font-display: swap; 77 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/5e8b864e-542e-413c-baa9-43d42a503445/vietnamese.woff2') format('woff2'); 78 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 79} 80/* latin */ 81@font-face { 82 font-family: 'Work Sans'; 83 font-style: normal; 84 font-weight: 600; 85 font-display: swap; 86 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/97ada22c-605d-4863-af40-ea73945ceede/latin.woff2') format('woff2'); 87 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 88} 89/* vietnamese */ 90@font-face { 91 font-family: 'Work Sans'; 92 font-style: normal; 93 font-weight: 400; 94 font-display: swap; 95 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/d51c75e7-b7f3-43e9-82e8-aa5f8e46da49/vietnamese.woff2') format('woff2'); 96 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 97} 98/* latin */ 99@font-face { 100 font-family: 'Work Sans'; 101 font-style: normal; 102 font-weight: 400; 103 font-display: swap; 104 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/67e140c1-0737-4145-afc4-9f498d6f4b39/latin.woff2') format('woff2'); 105 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 106} 107/* latin-ext */ 108@font-face { 109 font-family: 'Work Sans'; 110 font-style: normal; 111 font-weight: 400; 112 font-display: swap; 113 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/925aca0d-35dc-4703-a91e-214c19b99bd5/latin-ext.woff2') format('woff2'); 114 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 115} 116/* vietnamese */ 117@font-face { 118 font-family: 'Work Sans'; 119 font-style: normal; 120 font-weight: 500; 121 font-display: swap; 122 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/54edb56c-ff8a-4d20-9382-08133737d40d/vietnamese.woff2') format('woff2'); 123 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 124} 125/* latin-ext */ 126@font-face { 127 font-family: 'Work Sans'; 128 font-style: normal; 129 font-weight: 500; 130 font-display: swap; 131 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/a4f673b0-49a9-470c-af82-949ebeaafc90/latin-ext.woff2') format('woff2'); 132 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
132BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 133} 134/* latin */ 135@font-face { 136 font-family: 'Work Sans'; 137 font-style: normal; 138 font-weight: 500; 139 font-display: swap; 140 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/ad543023-f3da-4ee7-b903-7d8d744fbe96/latin.woff2') format('woff2'); 141 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 142} 143/* vietnamese */ 144@font-face { 145 font-family: 'Work Sans'; 146 font-style: italic; 147 font-weight: 400; 148 font-display: swap; 149 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/eec81333-1ab3-4908-aa12-21142fc9b0df/vietnamese.woff2') format('woff2'); 150 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 151} 152/* latin-ext */ 153@font-face { 154 font-family: 'Work Sans'; 155 font-style: italic; 156 font-weight: 400; 157 font-display: swap; 158 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/5d3874b7-daa0-41d7-9e7b-feb731cbca4c/latin-ext.woff2') format('woff2'); 159 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 160} 161/* latin */ 162@font-face { 163 font-family: 'Work Sans'; 164 font-style: italic; 165 font-weight: 400; 166 font-display: swap; 167 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/40f9fffb-24e9-4da7-bbed-d1ef25cb26e5/latin.woff2') format('woff2'); 168 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 169} 170/* vietnamese */ 171@font-face { 172 font-family: 'Work Sans'; 173 font-style: normal; 174 font-weight: 700; 175 font-display: swap; 176 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/b242a786-aee4-4399-8e0e-c210872592ec/vietnamese.woff2') format('woff2'); 177 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 178} 179/* latin */ 180@font-face { 181 font-family: 'Work Sans'; 182 font-style: normal; 183 font-weight: 700; 184 font-display: swap; 185 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/ac82d915-3ded-4e8f-b788-59902f0a9a31/latin.woff2') format('woff2'); 186 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 187} 188/* latin-ext */ 189@font-face { 190 font-family: 'Work Sans'; 191 font-style: normal; 192 font-weight: 700; 193 font-display: swap; 194 src: url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/01ab3112-033c-4322-a9de-d7d7e5436fd6/latin-ext.woff2') format('woff2'); 195 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 196} 197</style>
197<script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.7.7/modern.js"></script>
vendor: 1 bytes, line 197
197
198<script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["order_status_page_checkout_landing_enabled","campaigns_discount_section_in_blasts","campaigns_discount_section_in_automations","campaigns_thumbnail_layout","enable_modernized_pdp_m3_fluid","override_block_styles","marketing_landing_page","campaigns_new_image_layout_picker","enable_form_submission_trigger","scripts_defer","sms-campaigns","enable_modernized_pdp_m3_layout_ux","i18n_beta_website_locales","supports_versioned_template_assets","modernized-pdp-m2-enabled","beacon_chat_last_mile_code_module","campaigns_import_discounts","output_template_css_assets","marketing_automations","campaigns_merch_state","new_beacon_chat_ux","campaigns_table_v2","nested_categories","commerce_product_payment_plan_editing","member_areas_feature","commerce_cart_related_products","new_stacked_index","contacts_and_campaigns_redesign","cdk_website_components_video_lazy_loading_enabled"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-5a2e59483bd4a689-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-b05f5197a871c566-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-dc6df8cba0b21e80-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-3a5374d437fc6d00-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-c3fef2a497c8e56b-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-36d31adb51b10ab2-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-522a53304a318d5d-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-c36c70f2a6258222-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-579b521b5d2852d6-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-aa79d9e67c151249-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-a59991dbb561bbe7-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-86aacd645d83874c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-9275359db8614e42-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-c3fef2a497c8e56b-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-ea8e540759c4c53e-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-fa2bad18396627a1-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-a4cb42ed53265d03-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-e50dc2cea7153bb8-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-0ca1efc2ac068abc-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-84d0de8885ab6685-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-f1d843f2af288a23-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-869b9f4ace85f244-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-7fbb3f7b25936e86-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-a0f681feaaa1d600-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-319a3ad806df29ed-m
198in.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-39a7123209b81d30-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-75b6582783ed07a5-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-19cd4c52262f1d75-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-1ea01eceebb56385-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-b6ca4ee2a30be72c-min.en-US.js"}},"pageType":2,"website":{"id":"5dec0d775605ee7848f9f1e6","captchaSettings":{"siteKey":"6LeVsO4UAAAAAA9nxpEYlKukZheslwwdqglohL5d","enabledForDonations":false},"cloneable":false,"contentModifiedOn":1790599798896,"formattingLocale":"en-US","fullSiteTitle":"Will Myers | Get Better At Building Websites","identifier":"will-myers-new","imageMetadataProcessingEnabled":false,"isHstsEnabled":false,"language":"en-US","logoImageId":"6143b32b5c6160271710ecf2","primaryDomain":"www.will-myers.com","screenshotId":"ea8106c07259b851e05b3a240eb1f02302f413739f3a84581f5e166490491b74","shareButtonOptions":{"4":true,"6":true,"7":true,"1":true,"3":true,"8":true,"2":true},"showOwnerLogin":false,"siteStatus":{},"siteTitle":"Will Myers","sslSetting":3,"timeZone":"America/Chicago","translationLocale":"en-US","typekitId":"","websiteType":4,"hasBeenCloneable":false,"statsMigrated":false,"authenticUrl":"https://www.will-myers.com","baseUrl":"https://www.will-myers.com","internalUrl":"https://will-myers-new.squarespace.com","logoImageUrl":"//images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/31f229e0-8076-42b9-8d5a-401a7cb08dde/Will+Myers+Logo.png","machineTimeZoneOffset":-18000000,"socialAccounts":[{"serviceId":69,"screenname":"YouTube","addedOn":1577564137702,"profileUrl":"https://www.youtube.com/@will-myers?sub_confirmation=1","iconEnabled":true,"serviceName":"youtube-unauth"},{"serviceId":64,"screenname":"Instagram","addedOn":1590171737496,"profileUrl":"https://www.instagram.com/willdashmyers/","iconEnabled":true,"serviceName":"instagram-unauth"},{"serviceId":83,"screenname":"Threads","addedOn":1762199416658,"profileUrl":"https://www.threads.com/@willdashmyers","iconEnabled":true,"serviceName":"threads-unauth"}],"timeZoneAbbr":"CDT","timeZoneOffset":-18000000},"websiteSettings":{"id":"5dec0d775605ee7848f9f1e9","websiteId":"5dec0d775605ee7848f9f1e6","subjects":[],"country":"US","state":"GA","simpleLikingEnabled":true,"mobileInfoBarSettings":{"style":1,"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p data-rte-preserve-empty=\"true\" style=\"white-space:pre-wrap;\"><strong>Unlock your first month of Will's Toolkit free. Get full access to Robo-Will, plus 20% off all plugins. Use code: FREEMONTH</strong></p>","clickthroughUrl":{"url":"https://toolkit.will-myers.com/","newWindow":true}},"popupOverlaySettings":{"style":1,"showOnScroll":false,"scrollPercentage":25,"showOnTimer":true,"timerDelay":5000,"showUntilSignup":false,"displayFrequency":1,"enableMobile":false,"enabledPages":["5e8cd3573c5e1a30fe7ee09a"],"showOnAllPages":false,"version":4},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortn
198ame":"","commentsEnabled":true,"storeSettings":{"returnPolicy":"<p class=\"\" style=\"white-space:pre-wrap;\">I provide a 100% money back guarantee if you aren\u2019t able to get the plugin to work properly within 7 days. No refunds will be given after this period. </p>","termsOfService":"","privacyPolicy":"","expressCheckout":false,"continueShoppingLinkUrl":"products","useLightCart":true,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":false,"isShippingPhoneRequired":false,"showBillingPhoneNumber":false,"isBillingPhoneRequired":false,"currenciesSupported":["USD","ARS","AUD","BRL","CAD","CHF","COP","CZK","DKK","EUR","GBP","HKD","IDR","ILS","INR","JPY","MXN","MYR","NOK","NZD","PHP","PLN","RUB","SEK","SGD","THB","ZAR"],"defaultCurrency":"USD","selectedCurrency":"USD","multicurrencyEnabled":true,"measurementStandard":1,"orderConfirmationInjectCode":"<!-- Peach's Affiliate Programs -->\n
198<script src=\"https://peachs.co/embeds/affinity.min.js\" data-program-id=\"594\" data-affiliate-order-id=\"{orderId}\" data-order-subtotal=\"{orderSubtotalCents}\" data-order-total=\"{orderGrandTotalCents}\" data-email-address=\"{customerEmailAddress}\"><\/script>\n\n<!-- Push new sales data to supabase \n
198<script>\nfetch('https://axumesoffyxvpdveiayx.supabase.co/functions/v1/get-orders', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImF4dW1lc29mZnl4dnBkdmVpYXl4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTU5NzYxMDYsImV4cCI6MjAxMTU1MjEwNn0.Rd0P6-Oay-ZiUJVAlTm-bbJr-9Sjz0VoRP6Az3u51m8'\n },\n body: JSON.stringify({\n name: 'pg_net'\n})\n})\n<\/script>-->\n
198<script>\n (function () {\n fetch(\"https://wills-toolkit.com/api/squarespace/post-purchase-sync\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: \"{}\",\n keepalive: true\n }).catch(function () {});\n })();\n<\/script>\n\n
198<script>\n fetch(\"https://toolkit.will-myers.com/api/squarespace/order-complete\", {\n method: \"POST\",\n keepalive: true\n }).catch(() => {});\n<\/script>\n\n\n\n<!-- Move Subscriber to Email List-->\n
198<script>\n window.addEventListener('load', function(){\n let productTitle = 'Curious Coder';\n let order = Y.Squarespace.CommerceAnalytics._yuievt.events['commerceTrack:commerce-checkout-confirmed'].details[0];\n let id = order.id;\n let isMembership = order.items.filter(item => item.productName == productTitle);\n if (isMembership.length != 0) {\n let button = document.querySelector('#confirmed-page .sqs-editable-button');\n let text = `<p style=\"color:white\"><strong>Within the next few minutes you should receive three emails:</strong></p>\n<ol>\n<li>You should have received an email from Squarespace with your receipt.</li>\n<li>An email asking to verify your account (if you created a new account).</li>\n<li>An email from me that has your next steps.</li>\n</ol>\n\n<p>If you don\u2019t see either of these two emails in the next 10 min, <a href=\"mailto:[email protected]\">shoot me an email</a>.</p>`;\n button.insertAdjacentHTML('beforebegin', text);\n }\n })\n<\/script>","showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":true,"mailingListDescription":"<p class=\"\">Get notifications about product updates, new plugins, and tutorials. </p>","sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":false,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":true,"relatedProductsOrdering":"quantity","customSoldOutText":"Sold Out","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false,"displayNativeProductReviewsEnabled":true,"displayImportedProductReviewsEnabled":false,"productReviewsDisplayScope":"PRODUCT_ONLY","productReviewsMerchantEmailEnabled":true,"hasOptedToCollectNativeReviews":true},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"USD","value":"0.00"},"addToCartConfirmationType":2,"isLive":true,"multipleQuantityAllowedForServices":false},"useEscapeKeyToLogin":true,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled","size":"small","shape":"rect"},"userAccountsSettings":{"loginAllowed":true,"signupAllowed":true}},"cookieSettings":{"isCookieBannerEnabled":true,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"<p class=\"\" style=\"white-space:pre-wrap;\">By using this website, you agree to our <a href=\"/privacy-policy\" target=\"\">privacy policy</a>, <a href=\"/cookie-policy\" target=\"\">cookie policy</a>, and <a href=\"/terms-conditions\" target=\"\">terms and conditions</a>. </p>","cookieBannerTheme":"DARK","cookieBannerThemeName":"black","cookieBannerVariant":"POPUP","cookieBannerPosition":"BOTTOM_RIGHT","cookieBannerCtaVariant":"TEXT","cookieBannerCtaText":"OK","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"Decline","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":false,"cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Home","id":"61be65588dc9801dd86ce2b2","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"true","header-logo-height":"25px","header-mobile-logo-max-height":"23px","header-vert-padding":"1.7vw","header-width":"Inset","maxPageWidth":"1500px","mobile-header-vert-padding":"6vw","pagePadding":"3vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"5%","tweak-blog-alternating-side-by-side-meta-spacing":"15px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"5px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"3","tweak-blog-basic-grid-image-aspect-ratio":"16:9 Widescreen","tweak-blog-basic-grid-image-spacing":"32px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"15px","tweak-blog-basic-grid-secondary-meta":"None","tweak-blog-item-custom-width":"50","tweak-blog-item-show-author-profile":"true","tweak-blog-item-width":"Wide","t
198weak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"150px","tweak-blog-masonry-image-spacing":"25px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"5px","tweak-blog-masonry-secondary-meta":"None","tweak-blog-masonry-vertical-spacing":"100px","tweak-blog-side-by-side-image-aspect-ratio":"16:9 Widescreen","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"None","tweak-blog-side-by-side-read-more-spacing":"5px","tweak-blog-side-by-side-secondary-meta":"Categories","tweak-blog-single-column-image-spacing":"40px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"false","tweak-fixed-header-style":"Basic","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"1.0s","tweak-global-animations-animation-duration":"0.65s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full Bleed","tweak-transparent-header":"true"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[-360,"US","C%sT",null]],"rules":{"US":[[1967,2006,null,"Oct","lastSun","2:00","0","S"],[1987,2006,null,"Apr","Sun>=1","2:00","1:00","D"],[2007,"max",null,"Mar","Sun>=8","2:00","1:00","D"],[2007,"max",null,"Nov","Sun>=1","2:00","0","S"]]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"America/Chicago","name":"Central Time"}},"env":"PRODUCTION","visitorFormContext":{"formFieldFormats":{"initialAddressFormat":{"id":0,"type":"ADDRESS","country":"US","labelLocale":"en","fields":[{"type":"FIELD","label":"Address Line 1","identifier":"Line1","length":0,"required":true,"metadata":{"autocomplete":"address-line1"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Address Line 2","identifier":"Line2","length":0,"required":false,"metadata":{"autocomplete":"address-line2"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"City","identifier":"City","length":0,"required":true,"metadata":{"autocomplete":"address-level2"}},{"type":"SEPARATOR","label":",","identifier":"Comma","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"State","identifier":"State","length":0,"required":true,"metadata":{"autocomplete":"address-level1"}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"ZIP Code","identifier":"Zip","length":0,"required":true,"metadata":{"autocomplete":"postal-code"}}]},"initialNameOrder":"GIVEN_FIRST","initialPhoneFormat":{"id":0,"type":"PHONE_NUMBER","country":"US","labelLocale":"en-US","fields":[{"type":"SEPARATOR","label":"(","identifier":"LeftParen","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"1","identifier":"1","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":")","identifier":"RightParen","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"2","identifier":"2","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":"-","identifier":"Dash","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"3","identifier":"3","length":14,"required":false,"metadata":{}}]},"countries":[{"name":"Afghanistan","code":"AF","phoneCode":"+93"},{"name":"\u00C5land Islands","code":"AX","phoneCode":"+358"},{"name":"Albania","code":"AL","phoneCode":"+355"},{"name":"Algeria","code":"DZ","phoneCode":"+213"},{"name":"American Samoa","code":"AS","phoneCode":"+1"},{"name":"Andorra","code":"AD","phoneCode":"+376"},{"name":"Angola","code":"AO","phoneCode":"+244"},{"name":"Anguilla","code":"AI","phoneCode":"+1"},{"name":"Antigua & Barbuda","code":"AG","phoneCode":"+1"},{"name":"Argentina","code":"AR","phoneCode":"+54"},{"name":"Armenia","code":"AM","phoneCode":"+374"},{"name":"Aruba","code":"AW","phoneCode":"+297"},{"name":"Ascension Island","code":"AC","phoneCode":"+247"},{"name":"Australia","code":"AU","phoneCode":"+61"},{"name":"Austria","code":"AT","phoneCode":"+43"},{"name":"Azerbaijan","code":"AZ","phoneCode":"+994"},{"name":"Bahamas","code":"BS","phoneCode":"+1"},{"name":"Bahrain","code":"BH","phoneCode":"+973"},{"name":"Bangladesh","code":"BD","phoneCode":"+880"},{"name":"Barbados","code":"BB","phoneCode":"+1"},{"name":"Belarus","code":"BY","phoneCode":"+375"},{"name":"Belgium","code":"BE","phoneCode":"+32"},{"name":"Belize","code":"BZ","phoneCode":"+501"},{"name":"Benin","code":"BJ","phoneCode":"+229"},{"name":"Bermuda","code":"BM","phoneCode":"+1"},{"name":"Bhutan","code":"BT","phoneCode":"+975"},{"name":"Bolivia","code":"BO","phoneCode":"+591"},{"name":"Bosnia & Herzegovina","code":"BA","phoneCode":"+387"},{"name":"Botswana","code":"BW","phoneCode":"+267"},{"name":"Brazil","code":"BR","phoneCode":"+55"},{"name":"British Indian Ocean Territory","code":"IO","phoneCode":"+246"},{"name":"British Virgin Islands","code":"VG","phoneCode":"+1"},{"name":"Brunei","code":"BN","phoneCode":"+673"},{"name":"Bulgaria","code":"BG","phoneCode":"+359"},{"name":"Burkina Faso","code":"BF","phoneCode":"+226"},{"name":"Burundi","code":"BI","phoneCode":"+257"},{"name":"Cambodia","code":"KH","phoneCode":"+855"},{"name":"Cameroon","code":"CM","phoneCode":"+237"},{"name":"Canada","code":"CA","phoneCode":"+1"},{"name":"Cape Verde","code":"CV","phoneCode":"+238"},{"name":"Caribbean Netherlands","code":"BQ","phoneCode":"+599"},{"name":"Cayman Islands","code":"KY","phoneCode":"+1"},{"name":"Central African Republic","code":"CF","phoneCode":"+236"},{"name":"Chad","code":"TD","phoneCode":"+235"},{"name":"Chile","code":"CL","phoneCode":"+56"},{"name":"China","code":"CN","phoneCode":"+86"},{"name":"Christmas Island","code":"CX","phoneCode":"+61"},{"name":"Cocos (Keeling) Islands","code":"CC","phoneCode":"+61"},{"name":"Colombia","code":"CO","phoneCode":"+57"},{"name":"Comoros","code":"KM","phoneCode":"+269"},{"name":"Congo - Brazzaville","code":"CG","phoneCode":"+242"},{"name":"Congo - Kinshasa","code":"CD","phoneCode":"+243"},{"name":"Cook Islands","code":"CK","phoneCode":"+682"},{"name":"Costa Rica","code":"CR","phoneCode":"+506"},{"name":"C\u00F4te d\u2019Ivoire","code":"CI","phoneCode":"+225"},{"name":"Croatia","code":"HR","phoneCode":"+385"},{"name":"Cuba","code":"CU","phoneCode":"+53"},{"name":"Cura\u00E7ao","code":"CW","phoneCode":"+599"},{"name":"Cyprus","code":"CY","phoneCode":"+357"},{"name":"Czechia","code":"CZ","phoneCode":"+420"},{"name":"Denmark","code":"DK","phoneCode":"+45"},{"name":"Djibouti","code":"DJ","phoneCode":"+253"},{"name":"Dominica","code":"DM","phoneCode":"+1"},{"name":"Dominican Republic","code":"DO","phoneCode":"+1"},{"name":"Ecuador","code":"EC","phoneCode":"+593"},{"name":"Egypt","code":"EG","phoneCode":"+20"},{"name":"El Salvador","code":"SV","phoneCode":"+503"},{"name":"Equatorial Guinea","code":"GQ","phoneCode":"+240"},{"name":"Eritrea","code":"ER","phoneCode":"+291"},{"name":"Estonia","code":"EE","phoneCode":"+372"},{"name":"Eswatini","code":"SZ","phoneCode":"+268"},{"name":"Ethiopia","code":"ET","phoneCode":"+251"},{"name":"Falkland Islands","code":"FK","phoneCode":"+500"},{"name":"Faroe Islands","code":"FO","phoneCode":"+298"},{"name":"Fiji","code":"FJ","phoneCode":"+679"},{"name":"Finland","code":"FI","phoneCode":"+358"},{"name":"France","code":"FR","phoneCode":"+33"},{"name":"French Guiana","code":"GF","phoneCode":"+594"},{"name":"French Polynesia","code":"PF","phoneCode":"+689"},{"name":"Gabon","code":"GA","phoneCode":"+241"},{"name":"Gambia","code":"GM","phoneCode":"+220"},{"name":"Georgia","code":"GE","phoneCode":"+995"},{"name":"Germany","code":"DE","phoneCode":"+49"},{"name":"Ghana","code":"GH","phoneCode":"+233"},{"name":"Gibraltar","code":"GI","phoneCode":"+350"},{"name":"Greece","code":"GR","phoneCode":"+30"},{"name":"Greenland","code":"GL","phoneCode":"+299"},{"name":"Grenada","code":"GD","phoneCode":"+1"},{"name":"Guadeloupe","code":"GP","phoneCode":"+590"},{"name":"Guam","code":"GU","phoneCode":"+1"},{"name":"Guatemala","code":"GT","phoneCode":"+502"},{"name":"Guernsey","code":"GG","phoneCode":"+44"},{"name":"Guinea","code":"GN","phoneCode":"+224"},{"name":"Guinea-Bissau","code":"GW","phoneCode":"+245"},{"name":"Guyana","code":"GY","phoneCode":"+592"},{"name":"Haiti","code":"HT","phoneCode":"+509"},{"name":"Honduras","code":"HN","phoneCode":"+504"},{"name":"Hong Kong SAR China","code":"HK","phoneCode":"+852"},{"name":"Hungary","code":"HU","phoneCode":"+36"},{"name":"Iceland","code":"IS","phoneCode":"+354"},{"name":"India","code":"IN","phoneCode":"+91"},{"name":"Indonesia","code":"ID","phoneCode":"+62"},{"name":"Iran","code":"IR","phoneCode":"+98"},{"name":"Iraq","code":"IQ","phoneCode":"+964"},{"name":"Ireland","code":"IE","phoneCode":"+353"},{"name":"Isle of Man","code":"IM","phoneCode":"+44"},{"name":"Israel","code":"IL","phoneCode":"+972"},{"name":"Italy","code":"IT","phoneCode":"+39"},{"name":"Jamaica","code":"JM","phoneCode":"+1"},{"name":"Japan","code":"JP","phoneCode":"+81"},{"name":"Jersey","code":"JE","phoneCode":"+44"},{"name":"Jordan","code":"JO","phoneCode":"+962"},{"name":"Kazakhstan","code":"KZ","phoneCode":"+7"},{"name":"Kenya","code":"KE","phoneCode":"+254"},{"name":"Kiribati","code":"KI","phoneCode":"+686"},{"name":"Kosovo","code":"XK","phoneCode":"+383"},{"name":"Kuwait","code":"KW","phoneCode":"+965"},{"name":"Kyrgyzstan","code":"KG","phoneCode":"+996"},{"name":"Laos","code":"LA","phoneCode":"+856"},{"name":"Latvia","code":"LV","phoneCode":"+371"},{"name":"Lebanon","code":"LB","phoneCode":"+961"},{"name":"Lesotho","code":"LS","phoneCode":"+266"},{"name":"Liberia","code":"LR","phoneCode":"+231"},{"name":"Libya","code":"LY","phoneCode":"+218"},{"name":"Liechtenstein","code":"LI","phoneCode":"+423"},{"name":"Lithuania","code":"LT","phoneCode":"+370"},{"name":"Luxembourg","code":"LU","phoneCode":"+352"},{"name":"Macao SAR China","code":"MO","phoneCode":"+853"},{"name":"Madagascar","code":"MG","phoneCode":"+261"},{"name":"Malawi","code":"MW","phoneCode":"+265"},{"name":"Malaysia","code":"MY","phoneCode":"+60"},{"name":"Maldives","code":"MV","phoneCode":"+960"},{"name":"Mali","code":"ML","phoneCode":"+223"},{"name":"Malta","code":"MT","phoneCode":"+356"},{"name":"Marshall Islands","code":"MH","phoneCode":"+692"},{"name":"Martinique","code":"MQ","phoneCode":"+596"},{"name":"Mauritania","code":"MR","phoneCode":"+222"},{"name":"Mauritius","code":"MU","phoneCode":"+230"},{"name":"Mayotte","code":"YT","phoneCode":"+262"},{"name":"Mexico","code":"MX","phoneCode":"+52"},{"name":"Micronesia","code":"FM","phoneCode":"+691"},{"name":"Moldova","code":"MD","phoneCode":"+373"},{"name":"Monaco","code":"MC","phoneCode":"+377"},{"name":"Mongolia","code":"MN","phoneCode":"+976"},{"name":"Montenegro","code":"ME","phoneCode":"+382"},{"name":"Montserrat","code":"MS","phoneCode":"+1"},{"name":"Morocco","code":"MA","phoneCode":"+212"},{"name":"Mozambique","code":"MZ","phoneCode":"+258"},{"name":"Myanmar (Burma)","code":"MM","phoneCode":"+95"},{"name":"Namibia","code":"NA","phoneCode":"+264"},{"name":"Nauru","code":"NR","phoneCode":"+674"},{"name":"Nepal","code":"NP","phoneCode":"+977"},{"name":"Netherlands","code":"NL","phoneCode":"+31"},{"name":"New Caledonia","code":"NC","phoneCode":"+687"},{"name":"New Zealand","code":"NZ","phoneCode":"+64"},{"name":"Nicaragua","code":"NI","phoneCode":"+505"},{"name":"Niger","code":"NE","phoneCode":"+227"},{"name":"Nigeria","code":"NG","phoneCode":"+234"},{"name":"Niue","code":"NU","phoneCode":"+683"},{"name":"Norfolk Island","code":"NF","phoneCode":"+672"},{"name":"Northern Mariana Islands","code":"MP","phoneCode":"+1"},{"name":"North Korea","code":"KP","phoneCode":"+850"},{"name":"North Macedonia","code":"MK","phoneCode":"+389"},{"name":"Norway","code":"NO","phoneCode":"+47"},{"name":"Oman","code":"OM","phoneCode":"+968"},{"name":"Pakistan","code":"PK","phoneCode":"+92"},{"name":"Palau","code":"PW","phoneCode":"+680"},{"name":"Palestinian Territories","code":"PS","phoneCode":"+970"},{"name":"Panama","code":"PA","phoneCode":"+507"},{"name":"Papua New Guinea","code":"PG","phoneCode":"+675"},{"name":"Paraguay","code":"PY","phoneCode":"+595"},{"name":"Peru","code":"PE","phoneCode":"+51"},{"name":"Philippines","code":"PH","phoneCode":"+63"},{"name":"Poland","code":"PL","phoneCode":"+48"},{"name":"Portugal","code":"PT","phoneCode":"+351"},{"name":"Puerto Rico","code":"PR","phoneCode":"+1"},{"name":"Qatar","code":"QA","phoneCode":"+974"},{"name":"R\u00E9union","code":"RE","phoneCode":"+262"},{"name":"Romania","code":"RO","phoneCode":"+40"},{"name":"Russia","code":"RU","phoneCode":"+7"},{"name":"Rwanda","code":"RW","phoneCode":"+250"},{"name":"Samoa","code":"WS","phoneCode":"+685"},{"name":"San Marino","code":"SM","phoneCode":"+378"},{"name":"S\u00E3o Tom\u00E9 & Pr\u00EDncipe","code":"ST","phoneCode":"+239"},{"name":"Saudi Arabia","code":"SA","phoneCode":"+966"},{"name":"Senegal","code":"SN","phoneCode":"+221"},{"name":"Serbia","code":"RS","phoneCode":"+381"},{"name":"Seychelles","code":"SC","phoneCode":"+248"},{"name":"Sierra Leone","code":"SL","phoneCode":"+232"},{"name":"Singapore","code":"SG","phoneCode":"+65"},{"name":"Sint Maarten","code":"SX","phoneCode":"+1"},{"name":"Slovakia","code":"SK","phoneCode":"+421"},{"name":"Slovenia","code":"SI","phoneCode":"+386"},{"name":"Solomon Islands","code":"SB","phoneCode":"+677"},{"name":"Somalia","code":"SO","phoneCode":"+252"},{"name":"South Africa","code":"ZA","phoneCode":"+27"},{"name":"South Korea","code":"KR","phoneCode":"+82"},{"name":"South Sudan","code":"SS","phoneCode":"+211"},{"name":"Spain","code":"ES","phoneCode":"+34"},{"name":"Sri Lanka","code":"LK","phoneCode":"+94"},{"name":"St. Barth\u00E9lemy","code":"BL","phoneCode":"+590"},{"name":"St. Helena","code":"SH","phoneCode":"+290"},{"name":"St. Kitts & Nevis","code":"KN","phoneCode":"+1"},{"name":"St. Lucia","code":"LC","phoneCode":"+1
198"},{"name":"St. Martin","code":"MF","phoneCode":"+590"},{"name":"St. Pierre & Miquelon","code":"PM","phoneCode":"+508"},{"name":"St. Vincent & Grenadines","code":"VC","phoneCode":"+1"},{"name":"Sudan","code":"SD","phoneCode":"+249"},{"name":"Suriname","code":"SR","phoneCode":"+597"},{"name":"Svalbard & Jan Mayen","code":"SJ","phoneCode":"+47"},{"name":"Sweden","code":"SE","phoneCode":"+46"},{"name":"Switzerland","code":"CH","phoneCode":"+41"},{"name":"Syria","code":"SY","phoneCode":"+963"},{"name":"Taiwan","code":"TW","phoneCode":"+886"},{"name":"Tajikistan","code":"TJ","phoneCode":"+992"},{"name":"Tanzania","code":"TZ","phoneCode":"+255"},{"name":"Thailand","code":"TH","phoneCode":"+66"},{"name":"Timor-Leste","code":"TL","phoneCode":"+670"},{"name":"Togo","code":"TG","phoneCode":"+228"},{"name":"Tokelau","code":"TK","phoneCode":"+690"},{"name":"Tonga","code":"TO","phoneCode":"+676"},{"name":"Trinidad & Tobago","code":"TT","phoneCode":"+1"},{"name":"Tristan da Cunha","code":"TA","phoneCode":"+290"},{"name":"Tunisia","code":"TN","phoneCode":"+216"},{"name":"T\u00FCrkiye","code":"TR","phoneCode":"+90"},{"name":"Turkmenistan","code":"TM","phoneCode":"+993"},{"name":"Turks & Caicos Islands","code":"TC","phoneCode":"+1"},{"name":"Tuvalu","code":"TV","phoneCode":"+688"},{"name":"U.S. Virgin Islands","code":"VI","phoneCode":"+1"},{"name":"Uganda","code":"UG","phoneCode":"+256"},{"name":"Ukraine","code":"UA","phoneCode":"+380"},{"name":"United Arab Emirates","code":"AE","phoneCode":"+971"},{"name":"United Kingdom","code":"GB","phoneCode":"+44"},{"name":"United States","code":"US","phoneCode":"+1"},{"name":"Uruguay","code":"UY","phoneCode":"+598"},{"name":"Uzbekistan","code":"UZ","phoneCode":"+998"},{"name":"Vanuatu","code":"VU","phoneCode":"+678"},{"name":"Vatican City","code":"VA","phoneCode":"+39"},{"name":"Venezuela","code":"VE","phoneCode":"+58"},{"name":"Vietnam","code":"VN","phoneCode":"+84"},{"name":"Wallis & Futuna","code":"WF","phoneCode":"+681"},{"name":"Western Sahara","code":"EH","phoneCode":"+212"},{"name":"Yemen","code":"YE","phoneCode":"+967"},{"name":"Zambia","code":"ZM","phoneCode":"+260"},{"name":"Zimbabwe","code":"ZW","phoneCode":"+263"}]},"localizedStrings":{"validation":{"noValidSelection":"A valid selection must be made.","invalidUrl":"Must be a valid URL.","stringTooLong":"Value should have a length no longer than {0}.","containsInvalidKey":"{0} contains an invalid key.","invalidTwitterUsername":"Must be a valid Twitter username.","valueOutsideRange":"Value must be in the range {0} to {1}.","invalidPassword":"Passwords should not contain whitespace.","missingRequiredSubfields":"{0} is missing required subfields: {1}","invalidCurrency":"Currency value should be formatted like 1234 or 123.99.","invalidMapSize":"Value should contain exactly {0} elements.","subfieldsRequired":"All fields in {0} are required.","formSubmissionFailed":"Form submission failed. Review the following information: {0}.","invalidCountryCode":"Country code should have an optional plus and up to 4 digits.","invalidDate":"This is not a real date.","required":"{0} is required.","invalidStringLength":"Value should be {0} characters long.","invalidEmail":"Email addresses should follow the format [email protected].","invalidListLength":"Value should be {0} elements long.","allEmpty":"Please fill out at least one form field.","missingRequiredQuestion":"Missing a required question.","invalidQuestion":"Contained an invalid question.","captchaFailure":"Captcha validation failed. Please try again.","stringTooShort":"Value should have a length of at least {0}.","invalid":"{0} is not valid.","formErrors":"Form Errors","containsInvalidValue":"{0} contains an invalid value.","invalidUnsignedNumber":"Numbers must contain only digits and no other characters.","invalidName":"Valid names contain only letters, numbers, spaces, ', or - characters."},"submit":"Submit","status":{"title":"{@} Block","learnMore":"Learn more"},"name":{"firstName":"First Name","lastName":"Last Name"},"lightbox":{"openForm":"Open Form"},"likert":{"agree":"Agree","stronglyDisagree":"Strongly Disagree","disagree":"Disagree","stronglyAgree":"Strongly Agree","neutral":"Neutral"},"time":{"am":"AM","second":"Second","pm":"PM","minute":"Minute","amPm":"AM/PM","hour":"Hour"},"notFound":"Form not found.","date":{"yyyy":"YYYY","year":"Year","mm":"MM","day":"Day","month":"Month","dd":"DD"},"phone":{"country":"Country","number":"Number","prefix":"Prefix","areaCode":"Area Code","line":"Line"},"submitError":"Unable to submit form. Please try again later.","address":{"stateProvince":"State/Province","country":"Country","zipPostalCode":"Zip/Postal Code","address2":"Address 2","address1":"Address 1","city":"City"},"email":{"signUp":"Sign up for news and updates"}
198,"required":"(required)","invalidData":"Invalid form data."}}};</script>
198<script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
vendor: 1 bytes, line 198
198
199<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/visitor-site-error-reporter-857906e2f8b59eb7-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-visitor_site_error_reporter');</script>
vendor: 1 bytes, line 199
199
200<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/visitor-site-error-reporter-857906e2f8b59eb7-min.en-US.js" defer ></script>
200<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-47f36d74fb8c0a57-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
vendor: 1 bytes, line 200
200
201<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-47f36d74fb8c0a57-min.en-US.js" defer ></script>
201<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-a5cfdec1ae227f33-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
vendor: 1 bytes, line 201
201
202<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-a5cfdec1ae227f33-min.en-US.js" defer ></script>
202<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-2c5e18cab442f0cf-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
vendor: 1 bytes, line 202
202
203<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-2c5e18cab442f0cf-min.en-US.js" defer ></script>
203<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-784b947826b4c445-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
vendor: 1 bytes, line 203
203
204<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-784b947826b4c445-min.en-US.js" defer ></script>
204<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-907ce232a97e184a-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
vendor: 1 bytes, line 204
204
205<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-907ce232a97e184a-min.en-US.js" defer ></script>
205<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-fc86f5e0f030945c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
vendor: 1 bytes, line 205
205
206<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-fc86f5e0f030945c-min.en-US.js" defer ></script>
206<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/commerce-4cc3ef59cd6d9f79-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-commerce');</script>
vendor: 1 bytes, line 206
206
207<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/commerce-4cc3ef59cd6d9f79-min.en-US.js" defer ></script>
207<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].css = ["//assets.squarespace.com/universal/styles-compressed/commerce-d50e5960dc9fd059-min.en-US.css"]; })(SQUARESPACE_ROLLUPS, 'squarespace-commerce');</script>
207 208<link rel="stylesheet" type="text/css" href="//assets.squarespace.com/universal/styles-compressed/commerce-d50e5960dc9fd059-min.en-US.css">
208<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/user-account-core-6105b366e3cf8f25-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script>
vendor: 1 bytes, line 208
208
209<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/user-account-core-6105b366e3cf8f25-min.en-US.js" defer ></script>
209<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].css = ["//assets.squarespace.com/universal/styles-compressed/user-account-core-39ca4b7f697b3da5-min.en-US.css"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script>
209 210<link rel="stylesheet" type="text/css" href="//assets.squarespace.com/universal/styles-compressed/user-account-core-39ca4b7f697b3da5-min.en-US.css">
210<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-234745c143046b99-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
vendor: 1 bytes, line 210
210
211<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-234745c143046b99-min.en-US.js" defer ></script>
211<link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/ce0cca3e-9d39-4879-880d-53f0d48ec167_731/website.components.socialLinks.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.styles.css"/>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-slideshow.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.visitor.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-grid.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/embed-video-player.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/ce0cca3e-9d39-4879-880d-53f0d48ec167_731/website.components.socialLinks.visitor.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-manager.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.visitor.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autogrid.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-list.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-stacked.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-carousel.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/22254.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/18018.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.visitor.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autocolumns.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js"></script>
211<script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-strip.js"></script>
211<script type="application/ld+json">{"url":"https://www.will-myers.com","name":"Will Myers","image":"//images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/31f229e0-8076-42b9-8d5a-401a7cb08dde/Will+Myers+Logo.png","@context":"http://schema.org","@type":"WebSite"}</script>
211<link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/5dec0d775605ee7848f9f1e6/3478/5c5a519771c10ba3470d8101/5dec0d775605ee7848f9f1fc/1833/site.css?nocustom=true"/><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1790788516081-K564YKORV73V496XADZN/static.css"/><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/custom-css/5dec0d775605ee7848f9f1e6/5dec0d775605ee7848f9f1fc/109/custom.css"/>
211<script data-sqs-type="cookiepreferencesgetter">(function(){window.getSquarespaceCookies = function() { const getCookiesAllowed = function(cookieName){ return ('; '+document.cookie).split('; ' + cookieName + '=').pop().split(';')[0] === 'true'}; return { performance: getCookiesAllowed('ss_performanceCookiesAllowed') ? 'accepted' : 'declined', marketing: getCookiesAllowed('ss_marketingCookiesAllowed') ? 'accepted' : 'declined' }}})()</script>
211<script src="https://preview.wm-plugins.com/local-wm-reviews-preview/plugin.js"></script>
211 212
213<script src="https://unpkg.com/[email protected]/dist/flickity.pkgd.min.js"></script>
213 214<link href="/s/WMFlickityReviews.css" rel="stylesheet"> 215 216<link href="https://cdn.jsdelivr.net/gh/willmyerscode/image-hotspots@1/image-hotspots.min.css" rel="stylesheet">
217<script src="https://cdn.jsdelivr.net/gh/willmyerscode/tippy@1/tippy.min.js"></script>
217 218 219 220<link rel="stylesheet" href="https://preview.wm-plugins.com/tmp-blog-sidebar/plugin.css"> 221 222<!-- WM Toolkit -->
223<script src="https://cdn.jsdelivr.net/gh/willmyerscode/toolkit@1/index.min.js"></script>
223 224<!-- Mega Menu Styles from Will-Myers --> 225<link href="https://cdn.jsdelivr.net/gh/willmyerscode/megaMenu@2/megaMenu.min.css" rel="stylesheet" /> 226<!-- Mega Menu Settings from Will-Myers -->
227<script> 228 window.wmMegaMenuSettings = { 229 layout: 'full-width', // full-width or inset 230 openAnimation: 'slide', // slide, fade, or swing 231 triggerIcon: 'squarespace' 232 } 233</script>
233 234
235<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
235 236<!-- Mega Announcement Bar from Will-Myers.com --> 237<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/megaAnnouncementBar@1/styles.min.css"> 238 239<link href="/s/WMRollover101320v10.css" rel="stylesheet" /> 240 241<!-- ToolKit -->
242<script> 243 window.wmAutoSync = ['/code-snippets']; 244</script>
vendor: 1 bytes, line 244
244
245<script src="https://willmyersapi.vercel.app/toolkit.js?v1"></script>
245 246<!--
246<script src="http://localhost:3000/toolkit.js"></script>
246--> 247 248 249<!--<link href="/s/WMAccordion71420v302.css" rel="stylesheet">--> 250<!-- Copy Buttons for Code-->
251<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js" defer></script>
251 252<!--END Copy Buttons for Code--> 253<link href="/s/WMSyntaxHighlightingv101-s9hz.css" rel="stylesheet">
254<script src="https://peachs.co/embeds/affinity.min.js" data-program-id="594"></script>
254 255 256<!--<link href="https://assets.codepen.io/3198845/WMAccordionTESTING2.css" rel="stylesheet">--> 257 258<!-- Will Myers Accordion
259<script defer src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/accordions@3/javascript.min.js"></script>
259 260-->
261<script defer src="/s/WMAccordionTESTING1.js"></script>
261 262<link id="wm-accordions-css" href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/accordions@3/styles.min.css" rel="stylesheet">
263<script> 264document.addEventListener('wmAccordion:collectionsLoaded', ({detail}) => { 265 if (!detail.source) return; 266 window.Prism?.highlightAll() 267}) 268</script>
268 269 270<!-- WM Tabs Plugin 271<!-- Tabs Code Jfavascript From Will-Myers.com 272<link href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/[email protected]/tabs-styles.min.css" id="wm-tabs-css" rel="stylesheet">--> 273<!-- Tabs Code CSS From Will-Myers.com --> 274<link href="https://cdn.jsdelivr.net/gh/willmyerscode/tabs@5/tabs.min.css" rel="stylesheet"> 275 276 277<!-- Webpage Mockup Display --> 278<link href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/[email protected]/styles.min.css" rel="stylesheet" id="website-mockup-css"> 279 280 281<!-- Before / After --> 282<link href="/s/WMBeforeAfterTESTING-1.css" rel="stylesheet" id="wm-before-after-slider-css"> 283 284<!-- Hover Videos--> 285<link id="wm-hover-video" href="/s/VideoOnHoverTESTING.css" rel="stylesheet"> 286 287<!-- Popups --> 288<!-- Popup Styles from Will-Myers.com --> 289<link href="https://cdn.jsdelivr.net/gh/willmyerscode/popup@v6/popup.min.css?v1" rel="stylesheet"> 290 291<!-- 292<link href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/popup@5/popup-styles.min.css" rel="stylesheet">--> 293 294<!-- Section Loader Supreme From Will-Myers.com --> 295<link href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/sectionLoader@2/sectionLoader.min.css" rel="stylesheet"> 296<link href="https://assets.codepen.io/3198845/digital-product-sale.css" rel="stylesheet" /> 297 298<!-- Step Flow Timeline from Will-Myers.com --> 299<link href="https://cdn.jsdelivr.net/gh/willmyerscode/step-flow-timeline@1/stepFlowTimeline.min.css" rel="stylesheet" /> 300 301<!-- Flipbook from Will-Myers.com --> 302<link href="https://cdn.jsdelivr.net/gh/willmyerscode/flipbook@1/flipbook.min.css" rel="stylesheet" /> 303 304<!-- Horizontal Timeline from Will-Myers.com --> 305<link href="https://cdn.jsdelivr.net/gh/willmyerscode/horizontal-timeline@1/horizontalTimeline.min.css" rel="stylesheet" /> 306 307<!-- Collection Carousel Styles from Will-Myers --> 308<link href="https://cdn.jsdelivr.net/gh/willmyerscode/collection-carousel@1/carousel.min.css" rel="stylesheet" /><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
309<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
309 310 311<link href="/s/WMInfiniteSummarySlider.css" rel="stylesheet">
312<script defer src="/s/WMInfiniteSummarySlider.js"></script>
312 313 314
315<script> 316 window.addEventListener('scroll', function(){ 317 document.body.style.setProperty('--scroll-position', (window.pageYOffset / 2) + 'px') 318 }) 319</script>
319 320<style> 321 #sections > .page-section:first-child{ 322 min-height: calc(100vh - 6px) !important; 323 } 324 /** 325 * Colorful Animated Divider 326 * for All "Bright 2" Sections 327 * From Will-Myers.com 328 **/ 329 .bright { 330 --color-1: var(--blue); 331 --color-2: var(--red); 332 --color-3: var(--fuchsia); 333 --color-4: var(--green); 334 --height: 6px; 335 } 336 body:not(.sqs-edit-mode-active) .bright { 337 min-height: var(--height) !important; 338 } 339 body:not(.sqs-edit-mode-active) .bright .content-wrapper{ 340 display:none; 341 } 342 343 .bright .section-background { 344 background-image: 345 repeating-linear-gradient( 346 to right, 347 var(--color-1) 0%, 348 var(--color-1) 25%, 349 var(--color-2) 25%, 350 var(--color-2) 50%, 351 var(--color-3) 50%, 352 var(--color-3) 75%, 353 var(--color-4) 75%, 354 var(--color-4) 100% 355 ); 356 background-position: var(--scroll-position); 357 } 358</style> 359<style> 360 .fe-block-yui_3_17_2_1_1691792389690_14625 { 361 border-left: 1px solid var(--grey-850); 362 border-right: 1px solid var(--grey-850); 363 } 364</style>
364<script>Static.COOKIE_BANNER_CAPABLE = true;</script>
vendor: 64 bytes, lines 364-365
364 365<script async src="https://www.googletagmanager.com/gtag/js?id=
365G-TYLNZXQDJ9
vendor: 11 bytes, line 365
365"></script>
365<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZjQwMz', true);gtag('config', 'G-TYLNZXQDJ9');</script>
365<!-- End of Squarespace Headers --> 366 367 368 </head> 369 370 <body 371 id="collection-61be65588dc9801dd86ce2b2" 372 class=" 373 tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left form-use-theme-colors form-field-style-solid form-field-shape-rounded form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-outline form-field-checkbox-color-inverted form-field-checkbox-shape-rounded form-field-checkbox-layout-fit form-field-radio-type-icon form-field-radio-fill-outline form-field-radio-color-inverted form-field-radio-shape-rounded form-field-radio-layout-fit form-field-survey-fill-outline form-field-survey-color-inverted form-field-survey-shape-rounded form-field-hover-focus-outline form-submit-button-style-label tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-none tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-medium tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title header-width-inset tweak-transparent-header tweak-fixed-header-style-basic tweak-blog-item-width-wide tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-date tweak-blog-item-show-author-profile tweak-blog-item-delimiter-pipe tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-right tweak-blog-side-by-side-image-aspect-ratio-169-widescreen tweak-blog-side-by-side-primary-meta-none tweak-blog-side-by-side-secondary-meta-categories tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-center tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-hide tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show primary-button-style-solid primary-button-shape-rounded secondary-button-style-outline secondary-button-shape-rounded tertiary-button-style-solid tertiary-button-shape-square tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-location tweak-events-stacked-show-excerpt tweak-blog-basic-grid-width-full tweak-blog-basic-grid-image-aspect-ratio-169-widescreen tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-none tweak-blog-basic-grid-excerpt-hide tweak-portfolio-gri
373d-basic-width-inset tweak-portfolio-grid-basic-height-small tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom header-overlay-alignment-left tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-type-page collection-61be65588dc9801dd86ce2b2 collection-layout-default homepage mobile-style-available sqs-seven-one 374 375 376 377 378 379 " 380 tabindex="-1" 381 > 382 <div 383 id="siteWrapper" 384 class="clearfix site-wrapper" 385 > 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 <header 403 data-test="header" 404 id="header" 405 406 class=" 407 408 409 410 411 412 header theme-col--primary 413 " 414 data-section-theme="" 415 data-controller="Header" 416 data-current-styles="{ 417 "layout": "navCenter", 418 "action": { 419 "href": "/take-action", 420 "buttonText": "Take Action", 421 "newWindow": false 422 }, 423 "showSocial": true, 424 "socialOptions": { 425 "socialBorderShape": "none", 426 "socialBorderStyle": "outline", 427 "socialBorderThickness": { 428 "unit": "px", 429 "value": 1.0 430 } 431 }, 432 "sectionTheme": "black", 433 "menuOverlayTheme": "white", 434 "menuOverlayAnimation": "fade", 435 "cartStyle": "cart", 436 "cartText": "Cart", 437 "showEmptyCartState": false, 438 "cartOptions": { 439 "iconType": "solid-2", 440 "cartBorderShape": "none", 441 "cartBorderStyle": "outline", 442 "cartBorderThickness": { 443 "unit": "px", 444 "value": 1.0 445 } 446 }, 447 "showButton": false, 448 "showCart": true, 449 "showAccountLogin": true, 450 "headerStyle": "dynamic", 451 "languagePicker": { 452 "enabled": false, 453 "iconEnabled": false, 454 "iconType": "globe", 455 "flagShape": "shiny", 456 "languageFlags": [ ] 457 }, 458 "iconOptions": { 459 "desktopDropdownIconOptions": { 460 "size": { 461 "unit": "em", 462 "value": 1.0 463 }, 464 "iconSpacing": { 465 "unit": "em", 466 "value": 0.35 467 }, 468 "strokeWidth": { 469 "unit": "px", 470 "value": 2.0 471 }, 472 "endcapType": "round", 473 "folderDropdownIcon": "openArrowHead", 474 "languagePickerIcon": "openArrowHead" 475 }, 476 "mobileDropdownIconOptions": { 477 "size": { 478 "unit": "em", 479 "value": 1.0 480 }, 481 "iconSpacing": { 482 "unit": "em", 483 "value": 0.15 484 }, 485 "strokeWidth": { 486 "unit": "px", 487 "value": 0.5 488 }, 489 "endcapType": "square", 490 "folderDropdownIcon": "openArrowHead", 491 "languagePickerIcon": "openArrowHead" 492 } 493 }, 494 "mobileOptions": { 495 "layout": "logoLeftNavRight", 496 "menuIconOptions": { 497 "style": "halfLineHamburger", 498 "thickness": { 499 "unit": "px", 500 "value": 2.0 501 } 502 } 503 }, 504 "solidOptions": { 505 "headerOpacity": { 506 "unit": "%", 507 "value": 100.0 508 }, 509 "
509blurBackground": { 510 "enabled": false, 511 "blurRadius": { 512 "unit": "px", 513 "value": 12.0 514 } 515 }, 516 "backgroundColor": { 517 "type": "SITE_PALETTE_COLOR", 518 "sitePaletteColor": { 519 "colorName": "white", 520 "alphaModifier": 1.0 521 } 522 }, 523 "navigationColor": { 524 "type": "SITE_PALETTE_COLOR", 525 "sitePaletteColor": { 526 "colorName": "black", 527 "alphaModifier": 1.0 528 } 529 } 530 }, 531 "gradientOptions": { 532 "gradientType": "faded", 533 "headerOpacity": { 534 "unit": "%", 535 "value": 90.0 536 }, 537 "blurBackground": { 538 "enabled": false, 539 "blurRadius": { 540 "unit": "px", 541 "value": 12.0 542 } 543 }, 544 "backgroundColor": { 545 "type": "SITE_PALETTE_COLOR", 546 "sitePaletteColor": { 547 "colorName": "white", 548 "alphaModifier": 1.0 549 } 550 }, 551 "navigationColor": { 552 "type": "SITE_PALETTE_COLOR", 553 "sitePaletteColor": { 554 "colorName": "black", 555 "alphaModifier": 1.0 556 } 557 } 558 }, 559 "dropShadowOptions": { 560 "enabled": false, 561 "blur": { 562 "unit": "px", 563 "value": 12.0 564 }, 565 "spread": { 566 "unit": "px", 567 "value": 0.0 568 }, 569 "distance": { 570 "unit": "px", 571 "value": 12.0 572 } 573 }, 574 "borderOptions": { 575 "enabled": false, 576 "position": "allSides", 577 "thickness": { 578 "unit": "px", 579 "value": 4.0 580 }, 581 "color": { 582 "type": "SITE_PALETTE_COLOR", 583 "sitePaletteColor": { 584 "colorName": "black", 585 "alphaModifier": 1.0 586 } 587 } 588 }, 589 "showPromotedElement": false, 590 "buttonVariant": "primary", 591 "
591blurBackground": { 592 "enabled": false, 593 "blurRadius": { 594 "unit": "px", 595 "value": 12.0 596 } 597 }, 598 "headerOpacity": { 599 "unit": "%", 600 "value": 100.0 601 } 602 }" 603 data-section-id="header" 604 data-header-style="dynamic" 605 data-language-picker="{ 606 "enabled": false, 607 "iconEnabled": false, 608 "iconType": "globe", 609 "flagShape": "shiny", 610 "languageFlags": [ ] 611 }" 612 613 614 data-first-focusable-element 615 tabindex="-1" 616 style=" 617 618 619 --headerBorderColor: hsla(var(--black-hsl), 1); 620 621 622 --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); 623 624 625 --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); 626 627 628 --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); 629 630 631 --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); 632 633 " 634 > 635 <svg style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> 636 <symbol id="circle" > 637 <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" /> 638 </symbol> 639 640 <symbol id="circleFilled" > 641 <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" /> 642 </symbol> 643 644 <symbol id="dash" > 645 <path d="M11 11H19H3" /> 646 </symbol> 647 648 <symbol id="squareFilled" > 649 <rect x="6" y="6" width="11" height="11" /> 650 </symbol> 651 652 <symbol id="square" > 653 <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" /> 654 </symbol> 655 656 <symbol id="plus" > 657 <path d="M11 3V19" /> 658 <path d="M19 11L3 11"/> 659 </symbol> 660 661 <symbol id="closedArrow" > 662 <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" /> 663 </symbol> 664 665 <symbol id="closedArrowFilled" > 666 <path d="M11 11L11 2" stroke="inherit" fill="none" /> 667 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" /> 668 </symbol> 669 670 <symbol id="closedArrowHead" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol"> 671 <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" /> 672 </symbol> 673 674
675 <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol"> 676 <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" /> 677 </symbol> 678 679 <symbol id="openArrow" > 680 <path d="M11 18.3591L11 3" stroke="inherit" fill="none" /> 681 <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none" /> 682 </symbol> 683 684 <symbol id="openArrowHead" > 685 <path d="M18 7L11 14L4 7" fill="none" /> 686 </symbol> 687 688 <symbol id="pinchedArrow" > 689 <path d="M11 17.3591L11 2" fill="none" /> 690 <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" /> 691 </symbol> 692 693 <symbol id="pinchedArrowFilled" > 694 <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/> 695 <path d="M11 11L11 1" fill="none"/> 696 </symbol> 697 698 <symbol id="pinchedArrowHead" > 699 <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091" fill="none" /> 700 </symbol> 701 702 <symbol id="pinchedArrowHeadFilled" > 703 <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" /> 704 </symbol> 705 706</svg> 707 708
708<script> 709 function shouldShowAnnouncementBar() { 710 try { 711 if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) { 712 return false; 713 } 714 var localDataStr = localStorage.getItem('squarespace-announcement-bar'); 715 if (localDataStr && JSON.parse(localDataStr).closed) { 716 return false; 717 } 718 return true; 719 } catch(e) { 720 console.error(e); 721 return true; 722 } 723 } 724 if (shouldShowAnnouncementBar()) { 725 document.body.classList.add('announcement-bar-reserved-space'); 726 } 727 //# sourceURL=reserveSpaceForAnnouncementBar.js 728 </script>
728 729 730<div class="sqs-announcement-bar-dropzone"></div> 731 732 <div class="header-announcement-bar-wrapper"> 733 734 <a 735 href="#page" 736 class="header-skip-link sqs-button-element--primary" 737 > 738 Skip to Content 739 </a> 740 741 742 743<style> 744 @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { 745 .header-blur-background { 746 747 748 } 749 } 750</style> 751 <div 752 class="header-border" 753 data-header-style="dynamic" 754 data-header-border="false" 755 data-test="header-border" 756 style=" 757 758 759 760 761" 762 ></div> 763 <div 764 class="header-dropshadow" 765 data-header-style="dynamic" 766 data-header-dropshadow="false" 767 data-test="header-dropshadow" 768 style="" 769 ></div> 770 771 772 773 <div class='header-inner container--fluid 774 775 header-layout--with-commerce 776 777 778 779 header-mobile-layout-logo-left-nav-right 780 781 782 783 784 785 786 787 788 header-layout-nav-center 789 790 791 792 793 794 795 ' 796 data-test="header-inner" 797 > 798 <!-- Background --> 799 <div class="header-background theme-bg--primary"></div> 800 801 <div class="header-display-desktop" data-content-field="site-title"> 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817<style> 818 .top-bun, 819 .patty, 820 .bottom-bun { 821 height: 2px; 822 } 823</style> 824 825<!-- Burger --> 826<div class="header-burger 827 828 menu-overlay-has-visible-non-navigation-items 829 830" data-animation-role="header-element"> 831 <button class="header-burger-btn burger" data-test="header-burger"> 832 <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> 833 <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> 834 <div class="burger-box"> 835 <div class="burger-inner header-menu-icon-halfLineHamburger navRight"> 836 <div class="top-bun"></div> 837 <div class="patty"></div> 838 <div class="bottom-bun"></div> 839 </div> 840 </div> 841 </button> 842</div> 843 844 845 <!-- Social --> 846 847 848 849 850 851 <!-- Title and nav wrapper --> 852 <div class="header-title-nav-wrapper"> 853 854 855 856 857 858 859 <!-- Title --> 860 861 <div 862 class=" 863 header-title 864 865 " 866 data-animation-role="header-element" 867 > 868 869 <div class="header-title-logo"> 870 <a href="/" data-animation-role="header-element"> 871 872<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/31f229e0-8076-42b9-8d5a-401a7cb08dde/Will+Myers+Logo.png?format=1500w" alt="Will Myers" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> 873 874 </a> 875 </div> 876 877 878 879 </div> 880 881 882 883 <!-- Nav --> 884 <div class="header-nav"> 885 <div class="header-nav-wrapper"> 886 <nav class="header-nav-list"> 887 888 889 890 <div class="header-nav-item header-nav-item--external"> 891 <a href="/all-resources#wm-mega=/resources-menu-light" data-animation-role="header-element">Resources</a> 892 </div> 893 894 895 896 897 <div class="header-nav-item header-nav-item--external"> 898 <a href="https://toolkit.will-myers.com/#wm-mega=/membership-menu-light" data-animation-role="header-element">Membership</a> 899 </div> 900 901 902 903 904 <div class="header-nav-item header-nav-item--external"> 905 <a href="/products#wm-mega=/plugin-store-menu-light" target="_blank" data-animation-role="header-element">Plugin Store</a> 906 </div> 907 908 909 910 911 912 </nav> 913 </div> 914 </div> 915 916 917 </div> 918 919 920 <!-- Actions --> 921 <div class="header-actions header-actions--right"> 922 923 924 <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element"> 925 <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element"> 926 <span class="unauth">Login</span> 927 <span class="auth">Account</span> 928</a> 929 </div> 930 931 932 933 934 <div class="header-actions-action header-actions-action--social"> 935 936 937 <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.youtube.com/@will-myers?sub_confirmation=1" target="_blank" aria-label="YouTube"> 938 <svg viewBox="23 23 64 64"> 939 <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use> 940 </svg> 941 </a> 942 943 <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/willdashmyers/" target="_blank" aria-label="Instagram"> 944 <svg viewBox="23 23 64 64"> 945 <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> 946 </svg> 947 </a> 948 949 <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.threads.com/@willdashmyers" target="_blank" aria-label="Threads"> 950 <svg viewBox="23 23 64 64"> 951 <use xlink:href="#threads-unauth-icon" width="110" height="110"></use> 952 </svg> 953 </a> 954 955 956 </div> 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 <div class="showOnMobile"> 978 979 980 981 982 983 984 <div class="header-actions-action header-actions-action--cart"> 985 <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" >
986 <span class="Cart-inner"> 987 988 989 990 991 <svg class="icon icon--cart" width="135" height="140" viewBox="0 0 135 140" > 992<path fill-rule="evenodd" clip-rule="evenodd" d="M0.000185722 0H40.2565L47.2189 29.2762H135C131.603 39.8202 128.208 50.3655 124.812 60.9106C121.509 71.1674 118.206 81.424 114.902 91.6793H62.0593L64.9924 104.012H112.92V112H58.7038C50.766 78.6473 42.8359 45.2976 34.9058 11.9479L33.9646 7.98956H0V0.00187585L0.000185722 0ZM104.776 118C110.834 118 115.776 122.942 115.776 129C115.776 135.057 110.833 140 104.776 140C98.718 140 93.7764 135.056 93.7764 129C93.7764 122.942 98.718 118 104.776 118ZM73.9229 129C73.9229 122.942 68.9802 118 62.9224 118C56.8655 118 51.9219 122.942 51.9219 129C51.9219 135.056 56.8645 140 62.9224 140C68.9792 140 73.9229 135.057 73.9229 129Z" /> 993</svg> 994 995 996 <div class="icon-cart-quantity"> 997 998 <span class="cart-quantity-container"> 999 1000 <span class="sqs-cart-quantity">0</span> 1001 1002 </span> 1003 1004 </div> 1005 </span> 1006 </a> 1007 </div> 1008 1009 1010 1011 1012 1013 1014 </div> 1015 1016 1017 <div class="showOnDesktop"> 1018 1019 1020 1021 1022 1023 1024 <div class="header-actions-action header-actions-action--cart"> 1025 <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" > 1026 <span class="Cart-inner"> 1027 1028 1029 1030 1031 <svg class="icon icon--cart" width="135" height="140" viewBox="0 0 135 140" > 1032<path fill-rule="evenodd" clip-rule="evenodd" d="M0.000185722 0H40.2565L47.2189 29.2762H135C131.603 39.8202 128.208 50.3655 124.812 60.9106C121.509 71.1674 118.206 81.424 114.902 91.6793H62.0593L64.9924 104.012H112.92V112H58.7038C50.766 78.6473 42.8359 45.2976 34.9058 11.9479L33.9646 7.98956H0V0.00187585L0.000185722 0ZM104.776 118C110.834 118 115.776 122.942 115.776 129C115.776 135.057 110.833 140 104.776 140C98.718 140 93.7764 135.056 93.7764 129C93.7764 122.942 98.718 118 104.776 118ZM73.9229 129C73.9229 122.942 68.9802 118 62.9224 118C56.8655 118 51.9219 122.942 51.9219 129C51.9219 135.056 56.8645 140 62.9224 140C68.9792 140 73.9229 135.057 73.9229 129Z" /> 1033</svg> 1034 1035 1036 <div class="icon-cart-quantity"> 1037 1038 <span class="cart-quantity-container"> 1039 1040 <span class="sqs-cart-quantity">0</span> 1041 1042 </span> 1043 1044 </div> 1045 </span> 1046 </a> 1047 </div> 1048 1049 1050 1051 1052 1053 1054 </div> 1055 1056 1057 </div> 1058 1059 1060 1061 </div> 1062 <div class="header-display-mobile" data-content-field="site-title"> 1063 1064 1065 <!-- Social --> 1066 1067 1068 1069 1070 1071 <!-- Title and nav wrapper --> 1072 <div class="header-title-nav-wrapper"> 1073 1074 1075 1076 1077 1078 1079 <!-- Title --> 1080 1081 <div 1082 class=" 1083 header-title 1084 1085 " 1086 data-animation-role="header-element" 1087 > 1088 1089 <div class="header-title-logo"> 1090 <a href="/" data-animation-role="header-element"> 1091 1092<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/31f229e0-8076-42b9-8d5a-401a7cb08dde/Will+Myers+Logo.png?format=1500w" alt="Will Myers" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> 1093 1094 </a> 1095 </div> 1096 1097 1098 1099 </div> 1100 1101 1102 1103 <!-- Nav --> 1104 <div class="header-nav"> 1105 <div class="header-nav-wrapper"> 1106 <nav class="header-nav-list"> 1107 1108 1109 1110 <div class="header-nav-item header-nav-item--external"> 1111 <a href="/all-resources#wm-mega=/resources-menu-light" data-animation-role="header-element">Resources</a> 1112 </div> 1113 1114 1115 1116 1117 <div class="header-nav-item header-nav-item--external"> 1118 <a href="https://toolkit.will-myers.com/#wm-mega=/membership-menu-light" data-animation-role="header-element">Membership</a> 1119 </div> 1120 1121 1122 1123 1124 <div class="header-nav-item header-nav-item--external"> 1125 <a href="/products#wm-mega=/plugin-store-menu-light" target="_blank" data-animation-role="header-element">Plugin Store</a> 1126 </div> 1127 1128 1129 1130 1131 1132 </nav> 1133 </div> 1134 </div> 1135 1136 1137 </div> 1138 1139 1140 <!-- Actions --> 1141 <div class="header-actions header-actions--right"> 1142 1143 1144 <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element"> 1145 <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element"> 1146 <span class="unauth">Login</span> 1147 <span class="auth">Account</span> 1148</a> 1149 </div> 1150 1151 1152 1153 1154 <div class="header-actions-action header-actions-action--social"> 1155 1156 1157 <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.youtube.com/@will-myers?sub_confirmation=1" target="_blank" aria-label="YouTube"> 1158 <svg viewBox="23 23 64 64"> 1159 <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use> 1160 </svg> 1161 </a> 1162 1163 <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/willdashmyers/" target="_blank" aria-label="Instagram"> 1164 <svg viewBox="23 23 64 64"> 1165 <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> 1166 </svg> 1167 </a> 1168 1169 <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.threads.com/@willdashmyers" target="_blank" aria-label="Threads"> 1170 <svg viewBox="23 23 64 64"> 1171 <use xlink:href="#threads-unauth-icon" width="110" height="110"></use> 1172 </svg> 1173 </a> 1174 1175 1176 </div> 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 <div class="showOnMobile"> 1198 1199 1200 1201 1202 1203 1204 <div class="header-actions-action header-actions-action--cart"> 1205 <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" >
1206 <span class="Cart-inner"> 1207 1208 1209 1210 1211 <svg class="icon icon--cart" width="135" height="140" viewBox="0 0 135 140" > 1212<path fill-rule="evenodd" clip-rule="evenodd" d="M0.000185722 0H40.2565L47.2189 29.2762H135C131.603 39.8202 128.208 50.3655 124.812 60.9106C121.509 71.1674 118.206 81.424 114.902 91.6793H62.0593L64.9924 104.012H112.92V112H58.7038C50.766 78.6473 42.8359 45.2976 34.9058 11.9479L33.9646 7.98956H0V0.00187585L0.000185722 0ZM104.776 118C110.834 118 115.776 122.942 115.776 129C115.776 135.057 110.833 140 104.776 140C98.718 140 93.7764 135.056 93.7764 129C93.7764 122.942 98.718 118 104.776 118ZM73.9229 129C73.9229 122.942 68.9802 118 62.9224 118C56.8655 118 51.9219 122.942 51.9219 129C51.9219 135.056 56.8645 140 62.9224 140C68.9792 140 73.9229 135.057 73.9229 129Z" /> 1213</svg> 1214 1215 1216 <div class="icon-cart-quantity"> 1217 1218 <span class="cart-quantity-container"> 1219 1220 <span class="sqs-cart-quantity">0</span> 1221 1222 </span> 1223 1224 </div> 1225 </span> 1226 </a> 1227 </div> 1228 1229 1230 1231 1232 1233 1234 </div> 1235 1236 1237 <div class="showOnDesktop"> 1238 1239 1240 1241 1242 1243 1244 <div class="header-actions-action header-actions-action--cart"> 1245 <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" > 1246 <span class="Cart-inner"> 1247 1248 1249 1250 1251 <svg class="icon icon--cart" width="135" height="140" viewBox="0 0 135 140" > 1252<path fill-rule="evenodd" clip-rule="evenodd" d="M0.000185722 0H40.2565L47.2189 29.2762H135C131.603 39.8202 128.208 50.3655 124.812 60.9106C121.509 71.1674 118.206 81.424 114.902 91.6793H62.0593L64.9924 104.012H112.92V112H58.7038C50.766 78.6473 42.8359 45.2976 34.9058 11.9479L33.9646 7.98956H0V0.00187585L0.000185722 0ZM104.776 118C110.834 118 115.776 122.942 115.776 129C115.776 135.057 110.833 140 104.776 140C98.718 140 93.7764 135.056 93.7764 129C93.7764 122.942 98.718 118 104.776 118ZM73.9229 129C73.9229 122.942 68.9802 118 62.9224 118C56.8655 118 51.9219 122.942 51.9219 129C51.9219 135.056 56.8645 140 62.9224 140C68.9792 140 73.9229 135.057 73.9229 129Z" /> 1253</svg> 1254 1255 1256 <div class="icon-cart-quantity"> 1257 1258 <span class="cart-quantity-container"> 1259 1260 <span class="sqs-cart-quantity">0</span> 1261 1262 </span> 1263 1264 </div> 1265 </span> 1266 </a> 1267 </div> 1268 1269 1270 1271 1272 1273 1274 </div> 1275 1276 1277 </div> 1278 1279 1280 1281 1282<style> 1283 .top-bun, 1284 .patty, 1285 .bottom-bun { 1286 height: 2px; 1287 } 1288</style> 1289 1290<!-- Burger --> 1291<div class="header-burger 1292 1293 menu-overlay-has-visible-non-navigation-items 1294 1295" data-animation-role="header-element"> 1296 <button class="header-burger-btn burger" data-test="header-burger"> 1297 <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> 1298 <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> 1299 <div class="burger-box"> 1300 <div class="burger-inner header-menu-icon-halfLineHamburger navRight"> 1301 <div class="top-bun"></div> 1302 <div class="patty"></div> 1303 <div class="bottom-bun"></div> 1304 </div> 1305 </div> 1306 </button> 1307</div> 1308 1309 1310 1311 1312 1313 1314 </div> 1315 </div> 1316 </div> 1317 <!-- (Mobile) Menu Navigation --> 1318 <div class="header-menu header-menu--folder-list 1319 white 1320 1321 1322 1323 1324 " 1325 data-section-theme="white" 1326 data-current-styles="{ 1327 "layout": "navCenter", 1328 "action": { 1329 "href": "/take-action", 1330 "buttonText": "Take Action", 1331 "newWindow": false 1332 }, 1333 "showSocial": true, 1334 "socialOptions": { 1335 "socialBorderShape": "none", 1336 "socialBorderStyle": "outline", 1337 "socialBorderThickness": { 1338 "unit": "px", 1339 "value": 1.0 1340 } 1341 }, 1342 "sectionTheme": "black", 1343 "menuOverlayTheme": "white", 1344 "menuOverlayAnimation": "fade", 1345 "cartStyle": "cart", 1346 "cartText": "Cart", 1347 "showEmptyCartState": false, 1348 "cartOptions": { 1349 "iconType": "solid-2", 1350 "cartBorderShape": "none", 1351 "cartBorderStyle": "outline", 1352 "cartBorderThickness": { 1353 "unit": "px", 1354 "value": 1.0 1355 } 1356 }, 1357 "showButton": false, 1358 "showCart": true, 1359 "showAccountLogin": true, 1360 "headerStyle": "dynamic", 1361 "languagePicker": { 1362 "enabled": false, 1363 "iconEnabled": false, 1364 "iconType": "globe", 1365 "flagShape": "shiny", 1366 "languageFlags": [ ] 1367 }, 1368 "iconOptions": { 1369 "desktopDropdownIconOptions": { 1370 "size": { 1371 "unit": "em", 1372 "value": 1.0 1373 }, 1374 "iconSpacing": { 1375 "unit": "em", 1376 "value": 0.35 1377 }, 1378 "strokeWidth": { 1379 "unit": "px", 1380 "value": 2.0 1381 }, 1382 "endcapType": "round", 1383 "folderDropdownIcon": "openArrowHead", 1384 "languagePickerIcon": "openArrowHead" 1385 }, 1386 "mobileDropdownIconOptions": { 1387 "size": { 1388 "unit": "em", 1389 "value": 1.0 1390 }, 1391 "iconSpacing": { 1392 "unit": "em", 1393 "value": 0.15 1394 }, 1395 "strokeWidth": { 1396 "unit": "px", 1397 "value": 0.5 1398 }, 1399 "endcapType": "square", 1400 "folderDropdownIcon": "openArrowHead", 1401 "languagePickerIcon": "openArrowHead" 1402 } 1403 }, 1404 "mobileOptions": { 1405 "layout": "logoLeftNavRight", 1406 "menuIconOptions": { 1407 "style": "halfLineHamburger", 1408 "thickness": { 1409 "unit": "px", 1410 "value": 2.0 1411 } 1412 } 1413 }, 1414 "solidOptions": { 1415 "headerOpacity": { 1416 "unit": &qu
1416ot;%", 1417 "value": 100.0 1418 }, 1419 "blurBackground": { 1420 "enabled": false, 1421 "blurRadius": { 1422 "unit": "px", 1423 "value": 12.0 1424 } 1425 }, 1426 "backgroundColor": { 1427 "type": "SITE_PALETTE_COLOR", 1428 "sitePaletteColor": { 1429 "colorName": "white", 1430 "alphaModifier": 1.0 1431 } 1432 }, 1433 "navigationColor": { 1434 "type": "SITE_PALETTE_COLOR", 1435 "sitePaletteColor": { 1436 "colorName": "black", 1437 "alphaModifier": 1.0 1438 } 1439 } 1440 }, 1441 "gradientOptions": { 1442 "gradientType": "faded", 1443 "headerOpacity": { 1444 "unit": "%", 1445 "value": 90.0 1446 }, 1447 "blurBackground": { 1448 "enabled": false, 1449 "blurRadius": { 1450 "unit": "px", 1451 "value": 12.0 1452 } 1453 }, 1454 "backgroundColor": { 1455 "type": "SITE_PALETTE_COLOR", 1456 "sitePaletteColor": { 1457 "colorName": "white", 1458 "alphaModifier": 1.0 1459 } 1460 }, 1461 "navigationColor": { 1462 "type": "SITE_PALETTE_COLOR", 1463 "sitePaletteColor": { 1464 "colorName": "black", 1465 "alphaModifier": 1.0 1466 } 1467 } 1468 }, 1469 "dropShadowOptions": { 1470 "enabled": false, 1471 "blur": { 1472 "unit": "px", 1473 "value": 12.0 1474 }, 1475 "spread": { 1476 "unit": "px", 1477 "value": 0.0 1478 }, 1479 "distance": { 1480 "unit": "px", 1481 "value": 12.0 1482 } 1483 }, 1484 "borderOptions": { 1485 "enabled": false, 1486 "position": "allSides", 1487 "thickness": { 1488 "unit": "px", 1489 "value": 4.0 1490 }, 1491 "color": { 1492 "type": "SITE_PALETTE_COLOR", 1493 "sitePaletteColor": { 1494 "colorName": "black", 1495 "alphaModifier": 1.0 1496 } 1497 } 1498 }, 1499 "showPromotedElement": false, 1500 "buttonVariant": "primary", 1501 "
1501blurBackground": { 1502 "enabled": false, 1503 "blurRadius": { 1504 "unit": "px", 1505 "value": 12.0 1506 } 1507 }, 1508 "headerOpacity": { 1509 "unit": "%", 1510 "value": 100.0 1511 } 1512 }" 1513 data-section-id="overlay-nav" 1514 data-show-account-login="true" 1515 data-test="header-menu"> 1516 <div class="header-menu-bg theme-bg--primary"></div> 1517 <div class="header-menu-nav"> 1518 <nav class="header-menu-nav-list"> 1519 <div data-folder="root" class="header-menu-nav-folder"> 1520 <div class="header-menu-nav-folder-content"> 1521 <!-- Menu Navigation --> 1522<div class="header-menu-nav-wrapper"> 1523 1524 1525 1526 1527 <div class="container header-menu-nav-item header-menu-nav-item--external"> 1528 <a href="/all-resources#wm-mega=/resources-menu-light" >Resources</a> 1529 </div> 1530 1531 1532 1533 1534 1535 <div class="container header-menu-nav-item header-menu-nav-item--external"> 1536 <a href="https://toolkit.will-myers.com/#wm-mega=/membership-menu-light" >Membership</a> 1537 </div> 1538 1539 1540 1541 1542 1543 <div class="container header-menu-nav-item header-menu-nav-item--external"> 1544 <a href="/products#wm-mega=/plugin-store-menu-light" target="_blank" >Plugin Store</a> 1545 </div> 1546 1547 1548 1549 1550</div> 1551 1552 1553 1554 <div 1555 class="user-accounts-link header-menu-nav-item header-nav-item--collection customerAccountLoginMobile" 1556 data-controller="UserAccountLink" 1557 data-animation-role="header-element" 1558 > 1559 <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element"> 1560 <span class="unauth">Login</span> 1561 <span class="auth">Account</span> 1562</a> 1563 </div> 1564 1565 1566 </div> 1567 1568 <div class="header-menu-actions social-accounts"> 1569 1570 1571 <div class="header-menu-actions-action header-menu-actions-action--social mobile"> 1572 <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.youtube.com/@will-myers?sub_confirmation=1" target="_blank" aria-label="YouTube"> 1573 <svg viewBox="23 23 64 64"> 1574 <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use> 1575 </svg> 1576 </a> 1577 </div> 1578 1579 <div class="header-menu-actions-action header-menu-actions-action--social mobile"> 1580 <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/willdashmyers/" target="_blank" aria-label="Instagram"> 1581 <svg viewBox="23 23 64 64"> 1582 <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> 1583 </svg> 1584 </a> 1585 </div> 1586 1587 <div class="header-menu-actions-action header-menu-actions-action--social mobile"> 1588 <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.threads.com/@willdashmyers" target="_blank" aria-label="Threads"> 1589 <svg viewBox="23 23 64 64"> 1590 <use xlink:href="#threads-unauth-icon" width="110" height="110"></use> 1591 </svg> 1592 </a> 1593 </div> 1594 1595 1596 </div> 1597 1598 1599 1600 </div> 1601 </nav> 1602 </div> 1603 </div> 1604 1605
1605<script> 1606 (function() { 1607 var header = document.getElementById('header'); 1608 if (!header) { 1609 return; 1610 } 1611 function setHeaderHeightVar() { 1612 document.documentElement.style.setProperty( 1613 '--header-height', 1614 header.getBoundingClientRect().height + 'px' 1615 ); 1616 } 1617 setHeaderHeightVar(); 1618 var images = header.getElementsByTagName('img'); 1619 for (var i = 0; i < images.length; i++) { 1620 if (!images[i].complete) { 1621 images[i].addEventListener('load', setHeaderHeightVar); 1622 } 1623 } 1624 })(); 1625 //# sourceURL=reserveSpaceForHeader.js 1626 </script>
1626 1627 </header> 1628 1629 1630 1631 1632 <main id="page" class="container" role="main"> 1633 1634 1635 <article 1636 class="page-regions" 1637 id="page-regions" 1638 data-collection-id="61be65588dc9801dd86ce2b2" 1639 data-item-id="" 1640 data-regions-source="collection" 1641> 1642 1643 1644 1645 1646 1647 1648 <section class="region" data-region-id="8b58a52ec88eb2d491ba4799" data-region-source="collection"> 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669<section 1670 data-test="page-section" 1671 1672 data-section-theme="" 1673 class='page-section 1674 1675 full-bleed-section 1676 layout-engine-section 1677 1678 background-width--full-bleed 1679 1680 1681 1682 1683 1684 content-width--wide 1685 1686 horizontal-alignment--center 1687 vertical-alignment--middle 1688 1689 1690 1691 1692 ' 1693 1694 data-section-id="64d6d39a9368c43a47300d6f" 1695 1696 data-controller="SectionWrapperController" 1697 data-current-styles="{ 1698 "imageOverlayOpacity": 0.15, 1699 "backgroundWidth": "background-width--full-bleed", 1700 "sectionHeight": "section-height--custom", 1701 "customSectionHeight": 67, 1702 "horizontalAlignment": "horizontal-alignment--center", 1703 "verticalAlignment": "vertical-alignment--middle", 1704 "contentWidth": "content-width--wide", 1705 "customContentWidth": 50, 1706 "sectionTheme": "", 1707 "sectionAnimation": "none", 1708 "backgroundMode": "image" 1709 }" 1710 data-current-context="{ 1711 "video": { 1712 "playbackSpeed": 0.5, 1713 "filter": 1, 1714 "filterStrength": 0, 1715 "zoom": 0, 1716 "videoSourceProvider": "none" 1717 }, 1718 "backgroundImageId": null, 1719 "backgroundMediaEffect": { 1720 "type": "none" 1721 }, 1722 "divider": { 1723 "enabled": false 1724 }, 1725 "typeName": "page" 1726 }" 1727 data-animation="none" 1728 data-fluid-engine-section 1729 1730 1731 style="min-height: 67vh;" 1732 1733 1734 id="main-hero-section" 1735 1736 1737 1738 1739 1740 1741 data-sqsp-section="fluid-engine" 1742 1743 1744> 1745 <div 1746 class="section-border" 1747 1748 > 1749 <div class="section-background"> 1750 1751 1752 1753 </div> 1754 </div> 1755 <div 1756 class='content-wrapper' 1757 style=' 1758 1759 1760 1761 padding-top: calc(67vmax / 10); padding-bottom: calc(67vmax / 10); 1762 1763 1764 ' 1765 > 1766 <div 1767 class="content" 1768 1769 > 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 <div data-fluid-engine="true"><style> 1781 1782.fe-64d6d39a9368c43a47300d6e { 1783 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 1784 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 1785 1786 display: grid; 1787 position: relative; 1788 grid-area: 1/1/-1/-1; 1789 grid-template-rows: repeat(24,minmax(24px, auto)); 1790 grid-template-columns: 1791 minmax(var(--grid-gutter), 1fr) 1792 repeat(8, minmax(0, var(--cell-max-width))) 1793 minmax(var(--grid-gutter), 1fr); 1794 row-gap: 11.0px; 1795 column-gap: 11.0px; 1796 overflow-x: hidden; 1797 overflow-x: clip; 1798} 1799 1800@media (min-width: 768px) { 1801 .background-width--inset .fe-64d6d39a9368c43a47300d6e { 1802 --inset-padding: calc(var(--sqs-site-gutter) * 2); 1803 } 1804 1805 .fe-64d6d39a9368c43a47300d6e { 1806 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 1807 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 1808 --inset-padding: 0vw; 1809 1810 --row-height-scaling-factor: 0.0215; 1811 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 1812 1813 grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 1814 grid-template-columns: 1815 minmax(var(--grid-gutter), 1fr) 1816 repeat(24, minmax(0, var(--cell-max-width))) 1817 minmax(var(--grid-gutter), 1fr); 1818 } 1819} 1820 1821 1822 .fe-block-74616b0181f5b06434f3 {
1823 grid-area: 1/5/4/7; 1824 z-index: 2; 1825 1826 @media (max-width: 767px) { 1827 1828 1829 } 1830 } 1831 1832 .fe-block-74616b0181f5b06434f3 .sqs-block { 1833 justify-content: center; 1834 } 1835 1836 .fe-block-74616b0181f5b06434f3 .sqs-block-alignment-wrapper { 1837 align-items: center; 1838 } 1839 1840 @media (min-width: 768px) { 1841 .fe-block-74616b0181f5b06434f3 { 1842 grid-area: 1/13/4/15; 1843 z-index: 1; 1844 1845 1846 1847 1848 } 1849 1850 .fe-block-74616b0181f5b06434f3 .sqs-block { 1851 justify-content: center; 1852 } 1853 1854 .fe-block-74616b0181f5b06434f3 .sqs-block-alignment-wrapper { 1855 align-items: center; 1856 } 1857 } 1858 1859 .fe-block-8c66e1dc5e22f0ee5da1 { 1860 grid-area: 4/2/10/10; 1861 z-index: 2; 1862 1863 @media (max-width: 767px) { 1864 1865 1866 } 1867 } 1868 1869 .fe-block-8c66e1dc5e22f0ee5da1 .sqs-block { 1870 justify-content: flex-start; 1871 } 1872 1873 .fe-block-8c66e1dc5e22f0ee5da1 .sqs-block-alignment-wrapper { 1874 align-items: flex-start; 1875 } 1876 1877 @media (min-width: 768px) { 1878 .fe-block-8c66e1dc5e22f0ee5da1 { 1879 grid-area: 4/7/11/21; 1880 z-index: 3; 1881 1882 1883 1884 1885 } 1886 1887 .fe-block-8c66e1dc5e22f0ee5da1 .sqs-block { 1888 justify-content: center; 1889 } 1890 1891 .fe-block-8c66e1dc5e22f0ee5da1 .sqs-block-alignment-wrapper { 1892 align-items: center; 1893 } 1894 } 1895 1896 .fe-block-1281191791a301173667 { 1897 grid-area: 10/2/25/10; 1898 z-index: 7; 1899 1900 @media (max-width: 767px) { 1901 1902 1903 } 1904 } 1905 1906 .fe-block-1281191791a301173667 .sqs-block { 1907 justify-content: flex-start; 1908 } 1909 1910 .fe-block-1281191791a301173667 .sqs-block-alignment-wrapper { 1911 align-items: flex-start; 1912 } 1913 1914 @media (min-width: 768px) { 1915 .fe-block-1281191791a301173667 { 1916 grid-area: 12/2/16/26; 1917 z-index: 7; 1918 1919 1920 1921 1922 } 1923 1924 .fe-block-1281191791a301173667 .sqs-block { 1925 justify-content: flex-start; 1926 } 1927 1928 .fe-block-1281191791a301173667 .sqs-block-alignment-wrapper { 1929 align-items: flex-start; 1930 } 1931 } 1932 1933</style><div class="fluid-engine fe-64d6d39a9368c43a47300d6e"><div class="fe-block fe-block-74616b0181f5b06434f3"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="100" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js"]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="74616b0181f5b06434f3" id="block-74616b0181f5b06434f3"><div class="sqs-block-content"> 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 <div 1969 class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-left combination-animation-site-default individual-animation-site-default 1970 }" 1971 data-component-id="74616b0181f5b06434f3" 1972 data-test="image-block-fluid-outer-wrapper" 1973 data-is-image-stretched="false" 1974 data-is-mask-applied="true" 1975 data-media-focal-point="0.5,0.5" 1976 data-shape-mask="circle" 1977 1978 data-bpo="" 1979 data-breakpoints="[{"id":"system_desktop","name":"Desktop"},{"id":"system_mobile","name":"Mobile","maxWidth":"767px"}]" 1980 1981 1982 > 1983 <div 1984 class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" 1985 data-animation-role="image" 1986 > 1987 <div 1988 class="fluid-image-container sqs-image-content js-image-container visitor-mode" 1989 data-shape-mask="circle" 1990 data-sqsp-image-block-image-container 1991 > 1992 1993 1994 1995 1996 1997 1998 1999 2000 <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop"> 2001 2002 2003 <div class="js-content-mode-element content-fill"> 2004 2005 2006 2007 2008 2009 2010 2011 <img data-stretch="false" 2012 data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg" 2013 data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg" 2014 data-image-dimensions="600x600" 2015 data-image-focal-point="0.5,0.5" 2016 data-sqsp-image-block-image 2017 alt="Will Myers" 2018 data-licensed-asset-preview="false" 2019 data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg" width="600" height="600" alt="" sizes="auto, 100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1524ff94-3bf5-4273-b02d-20dda07013de/IMG_0449+Large.jpeg?format=2500w 2500w" decoding="auto" data-loader="sqs" data-image-component="1.0.1"> 2020 2021 2022 2023 <div class="fluidImageOverlay"></div> 2024 2025 </div> 2026 2027 2028 </div> 2029 2030 2031 2032 <svg data-image-mask-id="74616b0181f5b06434f3-system_desktop" width="0" height="0" style="position: absolute;"> 2033 <defs> 2034 <clipPath id="74616b0181f5b06434f3-system_desktop" clipPathUnits="objectBoundingBox"> 2035 2036 2037 2038 2039 2040 2041 2042 <path d="M0,0.5 A0.5 0.5, 0 0 1, 1 0.5 M1,0.5 A0.5 0.5, 0 0 1, 0 0.5 Z"> 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 </clipPath> 2109 </defs> 2110 </svg> 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 </div> 2124 </div> 2125 <style> 2126 2127 2128 2129 #block-74616b0181f5b06434f3 {
2130 --image-component-focal-point: 50% 50%; 2131 2132 --image-component-object-fit: cover; 2133 --image-component-overlay-opacity: 0; 2134 --image-component-overlay-blend-mode: normal; 2135 2136 --image-component-native-aspect-ratio: 600/600; 2137 2138 2139 2140 2141 } 2142 #block-74616b0181f5b06434f3 .fluid-image-container.visitor-mode { 2143 2144 2145 overflow: hidden;clip-path: url(#74616b0181f5b06434f3-system_desktop);-webkit-clip-path: url(#74616b0181f5b06434f3-system_desktop); 2146 2147 } 2148 #block-74616b0181f5b06434f3 .js-content-mode-element-wrapper { 2149 position: relative; 2150 width: 100%; 2151 height: 100%; 2152 display: none; 2153 } 2154 #block-74616b0181f5b06434f3 .js-content-mode-element-system_desktop { 2155 display: block; 2156 } 2157 </style> 2158 <style class="transform-overrides-vars"> 2159 2160</style> 2161 2162 2163 2164 2165 2166 </div> 2167 2168</div></div></div><div class="fe-block fe-block-8c66e1dc5e22f0ee5da1"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="8c66e1dc5e22f0ee5da1" id="block-8c66e1dc5e22f0ee5da1"><div class="sqs-block-content"><div class="sqs-text-block-container"> 2169 2170 <div class="sqs-html-content" data-sqsp-text-block-content><h1 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--white"><strong>Hi, Iâm Will. ðð¼</strong></span></h1><h4 style="text-align:center;white-space:pre-wrap;">I build <a href="/products">Squarespace plugins</a>, develop websites, and am raising a <a href="/articles/introducing-robo-will-your-ai-squarespace-design-assistant">helpful & responsible Robo-Will</a>. </h4></div> 2171 2172 2173 2174<style id="container-styles">#block-8c66e1dc5e22f0ee5da1 { 2175 2176 --stroke-style: none;--stroke-thickness: 6px; 2177 2178 2179 2180 2181 2182 2183 2184 2185 } 2186 2187 #block-8c66e1dc5e22f0ee5da1 .sqs-html-content { 2188 2189 --tweak-text-block-padding: 6% 6% 6% 6%; 2190 --tweak-text-block-padding: initial; 2191} 2192 2193 .fe-block-8c66e1dc5e22f0ee5da1 { 2194 mix-blend-mode: var(--tweak-text-block-blend 2195 ); 2196 border-radius: var(--tweak-text-block-radius); 2197 } 2198 2199 2200 2201.fe-block-8c66e1dc5e22f0ee5da1 { 2202 --tweak-text-block-radius: 0px 0px 0px 0px; 2203 } 2204 2205 2206 2207 .fe-block-8c66e1dc5e22f0ee5da1 { 2208 --tweak-text-block-blend 2209 : normal; 2210 } 2211 2212 2213 .fe-block-8c66e1dc5e22f0ee5da1 { 2214 --blur-value: blur(15px);} 2215 2216</style> 2217 2218<style id="override-container-styles"> 2219 @media screen and (max-width: 767px) { 2220 2221 2222 2223#block-8c66e1dc5e22f0ee5da1 { 2224 2225 } 2226 } 2227 2228 2229 @media screen and (max-width: 767px) { 2230 #block-8c66e1dc5e22f0ee5da1 .sqs-html-content { 2231 2232 } 2233 } 2234 2235 @media screen and (max-width: 767px) { 2236 2237 2238 2239 2240 2241 2242 }</style> 2243<style class="transform-overrides-vars"> 2244 2245</style> 2246 2247 2248 2249 2250</div> 2251</div></div></div><div class="fe-block fe-block-1281191791a301173667"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js"]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="1281191791a301173667" id="block-1281191791a301173667"><div class="sqs-block-content"> 2252 2253 2254<div
2255 class="sqs-code-container" 2256 2257 2258 data-localized="{"enableSafeModeButton":"Preview in safe mode","enableSafeModeText":"This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.","enableSafeModeTitle":"Embedded Scripts","exitSafeModeButton":"Exit safe preview","exitSafeModeText":"Please view the page after logging out for accurate rendering.","exitSafeModeTitle":"Safe Preview","globalSafeMode":"Embedded Code: This block contains embedded code that has been disabled.","scriptDisabled":"Script Disabled"}" 2259 2260 2261 2262 2263> 2264 2265 <div class="thing-big--items"> 2266 <a href="/all-resources" class="thing-big--item"> 2267 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2268 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" /> 2269 </svg> 2270 <p><strong>Learn from a tutorial</strong></p> 2271 <p>100+ tutorials on coding, design, and building cool stuff in Squarespace. </p> 2272 </a> 2273 <a href="/curious-coder-info" class="thing-big--item"> 2274 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2275 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" /> 2276 </svg> 2277 <p><strong>Join the membership</strong></p> 2278 <p>Exclusive grab-n-go code snippets and mini-courses for Squarespace pros.</p> 2279 </a> 2280 <a href="/products" class="thing-big--item"> 2281 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2282 <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" /> 2283 </svg> 2284 <p><strong>Grab a plugin</strong></p> 2285 <p>Create unique effects or build the perfect layout for your website. </p> 2286 </a> 2287</div> 2288 2289 2290 2291 2292 2293</div> 2294 2295<style class="transform-overrides-vars"> 2296 2297</style> 2298 2299</div></div></div></div></div> 2300 </div> 2301 2302 </div> 2303 2304</section> 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326<section 2327 data-test="page-section" 2328 2329 data-section-theme="bright" 2330 class='page-section 2331 2332 full-bleed-section 2333 layout-engine-section 2334 2335 background-width--full-bleed 2336 2337 2338 section-height--custom 2339 2340 2341 2342 content-width--wide 2343 2344 horizontal-alignment--center 2345 vertical-alignment--middle 2346 2347 2348 2349 2350 bright' 2351 2352 data-section-id="64d7c89d1e284e1bd909e876" 2353 2354 data-controller="SectionWrapperController" 2355 data-current-styles="{ 2356 "imageOverlayOpacity": 0.15, 2357 "backgroundWidth": "background-width--full-bleed", 2358 "sectionHeight": "section-height--custom", 2359 "customSectionHeight": 0, 2360 "horizontalAlignment": "horizontal-alignment--center", 2361 "verticalAlignment": "vertical-alignment--middle", 2362 "contentWidth": "content-width--wide", 2363 "customContentWidth": 50, 2364 "sectionTheme": "bright", 2365 "sectionAnimation": "none", 2366 "backgroundMode": "image" 2367 }" 2368 data-current-context="{ 2369 "video": { 2370 "playbackSpeed": 0.5, 2371 "filter": 1, 2372 "filterStrength": 0, 2373 "zoom": 0, 2374 "videoSourceProvider": "none" 2375 }, 2376 "backgroundImageId": null, 2377 "backgroundMediaEffect": { 2378 "type": "none" 2379 }, 2380 "divider": { 2381 "enabled": false 2382 }, 2383 "typeName": "page" 2384 }" 2385 data-animation="none" 2386 data-fluid-engine-section 2387 2388 2389 2390 2391 2392 2393 2394 2395 data-sqsp-section="fluid-engine" 2396 2397 2398> 2399 <div 2400 class="section-border" 2401 2402 > 2403 <div class="section-background"> 2404 2405 2406 2407 </div> 2408 </div> 2409 <div 2410 class='content-wrapper' 2411 style=' 2412 2413 2414 2415 padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); 2416 2417 2418 ' 2419 > 2420 <div 2421 class="content" 2422 2423 > 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 <div data-fluid-engine="true"><style> 2435 2436.fe-64d7c89efaddb00db0ffc685 { 2437 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 2438 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 2439 2440 display: grid; 2441 position: relative; 2442 grid-area: 1/1/-1/-1; 2443 grid-template-rows: repeat(2,minmax(24px, auto)); 2444 grid-template-columns: 2445 minmax(var(--grid-gutter), 1fr) 2446 repeat(8, minmax(0, var(--cell-max-width))) 2447 minmax(var(--grid-gutter), 1fr); 2448 row-gap: 11.0px; 2449 column-gap: 11.0px; 2450 overflow-x: hidden; 2451 overflow-x: clip; 2452} 2453 2454@media (min-width: 768px) { 2455 .background-width--inset .fe-64d7c89efaddb00db0ffc685 { 2456 --inset-padding: calc(var(--sqs-site-gutter) * 2); 2457 } 2458 2459 .fe-64d7c89efaddb00db0ffc685 { 2460 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 2461 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 2462 --inset-padding: 0vw; 2463 2464 --row-height-scaling-factor: 0.0215; 2465 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 2466 2467 grid-template-rows: repeat(1,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 2468 grid-template-columns: 2469 minmax(var(--grid-gutter), 1fr) 2470 repeat(24, minmax(0, var(--cell-max-width))) 2471 minmax(var(--grid-gutter), 1fr); 2472 } 2473} 2474 2475 2476</style><div class="fluid-engine fe-64d7c89efaddb00db0ffc685"></div></div> 2477 </div> 2478 2479 </div> 2480 2481</section> 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491
2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503<section 2504 data-test="page-section" 2505 2506 data-section-theme="" 2507 class='page-section 2508 2509 full-bleed-section 2510 layout-engine-section 2511 2512 background-width--full-bleed 2513 2514 section-height--medium 2515 2516 2517 content-width--wide 2518 2519 horizontal-alignment--center 2520 vertical-alignment--middle 2521 2522 2523 2524 2525 ' 2526 2527 data-section-id="64d7b890c13d834fce8afdec" 2528 2529 data-controller="SectionWrapperController" 2530 data-current-styles="{ 2531 "imageOverlayOpacity": 0.15, 2532 "backgroundWidth": "background-width--full-bleed", 2533 "sectionHeight": "section-height--medium", 2534 "customSectionHeight": 1, 2535 "horizontalAlignment": "horizontal-alignment--center", 2536 "verticalAlignment": "vertical-alignment--middle", 2537 "contentWidth": "content-width--wide", 2538 "customContentWidth": 50, 2539 "sectionTheme": "", 2540 "sectionAnimation": "none", 2541 "backgroundMode": "image" 2542 }" 2543 data-current-context="{ 2544 "video": { 2545 "playbackSpeed": 0.5, 2546 "filter": 1, 2547 "filterStrength": 0, 2548 "zoom": 0, 2549 "videoSourceProvider": "none" 2550 }, 2551 "backgroundImageId": null, 2552 "backgroundMediaEffect": { 2553 "type": "none" 2554 }, 2555 "divider": { 2556 "enabled": false 2557 }, 2558 "typeName": "page" 2559 }" 2560 data-animation="none" 2561 data-fluid-engine-section 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 data-sqsp-section="fluid-engine" 2573 2574 2575> 2576 <div 2577 class="section-border" 2578 2579 > 2580 <div class="section-background"> 2581 2582 2583 2584 </div> 2585 </div> 2586 <div 2587 class='content-wrapper' 2588 style=' 2589 2590 2591 2592 ' 2593 > 2594 <div 2595 class="content" 2596 2597 > 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 <div data-fluid-engine="true"><style> 2609 2610.fe-64d7b89014ee7e43de527173 { 2611 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 2612 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 2613 2614 display: grid; 2615 position: relative; 2616 grid-area: 1/1/-1/-1; 2617 grid-template-rows: repeat(30,minmax(24px, auto)); 2618 grid-template-columns: 2619 minmax(var(--grid-gutter), 1fr) 2620 repeat(8, minmax(0, var(--cell-max-width))) 2621 minmax(var(--grid-gutter), 1fr); 2622 row-gap: 11.0px; 2623 column-gap: 11.0px; 2624 overflow-x: hidden; 2625 overflow-x: clip; 2626} 2627 2628@media (min-width: 768px) { 2629 .background-width--inset .fe-64d7b89014ee7e43de527173 { 2630 --inset-padding: calc(var(--sqs-site-gutter) * 2); 2631 } 2632 2633 .fe-64d7b89014ee7e43de527173 { 2634 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 2635 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 2636 --inset-padding: 0vw; 2637 2638 --row-height-scaling-factor: 0.0215; 2639 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 2640 2641 grid-template-rows: repeat(14,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 2642 grid-template-columns: 2643 minmax(var(--grid-gutter), 1fr) 2644 repeat(24, minmax(0, var(--cell-max-width))) 2645 minmax(var(--grid-gutter), 1fr); 2646 } 2647} 2648 2649 2650 .fe-block-yui_3_17_2_1_1691856738678_50643 { 2651 grid-area: 1/2/5/10; 2652 z-index: 1; 2653 2654 @media (max-width: 767px) { 2655 2656 2657 } 2658 } 2659 2660 .fe-block-yui_3_17_2_1_1691856738678_50643 .sqs-block { 2661 justify-content: flex-start; 2662 } 2663 2664 .fe-block-yui_3_17_2_1_1691856738678_50643 .sqs-block-alignment-wrapper {
2665 align-items: flex-start; 2666 } 2667 2668 @media (min-width: 768px) { 2669 .fe-block-yui_3_17_2_1_1691856738678_50643 { 2670 grid-area: 1/8/4/20; 2671 z-index: 5; 2672 2673 2674 2675 2676 } 2677 2678 .fe-block-yui_3_17_2_1_1691856738678_50643 .sqs-block { 2679 justify-content: flex-start; 2680 } 2681 2682 .fe-block-yui_3_17_2_1_1691856738678_50643 .sqs-block-alignment-wrapper { 2683 align-items: flex-start; 2684 } 2685 } 2686 2687 .fe-block-yui_3_17_2_1_1691870091914_36937 { 2688 grid-area: 6/1/14/11; 2689 z-index: 7; 2690 2691 @media (max-width: 767px) { 2692 2693 2694 } 2695 } 2696 2697 .fe-block-yui_3_17_2_1_1691870091914_36937 .sqs-block { 2698 justify-content: flex-start; 2699 } 2700 2701 .fe-block-yui_3_17_2_1_1691870091914_36937 .sqs-block-alignment-wrapper { 2702 align-items: flex-start; 2703 } 2704 2705 @media (min-width: 768px) { 2706 .fe-block-yui_3_17_2_1_1691870091914_36937 { 2707 grid-area: 6/1/10/27; 2708 z-index: 4; 2709 2710 2711 2712 2713 } 2714 2715 .fe-block-yui_3_17_2_1_1691870091914_36937 .sqs-block { 2716 justify-content: flex-start; 2717 } 2718 2719 .fe-block-yui_3_17_2_1_1691870091914_36937 .sqs-block-alignment-wrapper { 2720 align-items: flex-start; 2721 } 2722 } 2723 2724 .fe-block-ff8be4b609bc3777b2d0 { 2725 grid-area: 14/2/16/10; 2726 z-index: 4; 2727 2728 @media (max-width: 767px) { 2729 2730 2731 } 2732 } 2733 2734 .fe-block-ff8be4b609bc3777b2d0 .sqs-block { 2735 justify-content: center; 2736 } 2737 2738 .fe-block-ff8be4b609bc3777b2d0 .sqs-block-alignment-wrapper { 2739 align-items: center; 2740 } 2741 2742 @media (min-width: 768px) { 2743 .fe-block-ff8be4b609bc3777b2d0 { 2744 grid-area: 4/8/6/20; 2745 z-index: 4; 2746 2747 2748 2749 2750 } 2751 2752 .fe-block-ff8be4b609bc3777b2d0 .sqs-block { 2753 justify-content: flex-start; 2754 } 2755 2756 .fe-block-ff8be4b609bc3777b2d0 .sqs-block-alignment-wrapper { 2757 align-items: flex-start; 2758 } 2759 } 2760 2761 .fe-block-2f03da2f3937d14eb20e { 2762 grid-area: 16/2/31/10; 2763 z-index: 7; 2764 2765 @media (max-width: 767px) { 2766 2767 2768 } 2769 } 2770 2771 .fe-block-2f03da2f3937d14eb20e .sqs-block { 2772 justify-content: flex-start; 2773 } 2774 2775 .fe-block-2f03da2f3937d14eb20e .sqs-block-alignment-wrapper { 2776 align-items: flex-start; 2777 } 2778 2779 @media (min-width: 768px) { 2780 .fe-block-2f03da2f3937d14eb20e { 2781 grid-area: 11/2/15/26; 2782 z-index: 7; 2783 2784 2785 2786 2787 } 2788 2789 .fe-block-2f03da2f3937d14eb20e .sqs-block { 2790 justify-content: flex-start; 2791 } 2792 2793 .fe-block-2f03da2f3937d14eb20e .sqs-block-alignment-wrapper { 2794 align-items: flex-start; 2795 } 2796 } 2797 2798</style><div class="fluid-engine fe-64d7b89014ee7e43de527173"><div class="fe-block fe-block-yui_3_17_2_1_1691856738678_50643"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1691856738678_50643" id="block-yui_3_17_2_1_1691856738678_50643"><div class="sqs-block-content"><div class="sqs-text-block-container"> 2799 2800 <div class="sqs-html-content" data-sqsp-text-block-content><h4 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--white"><strong>Featured Plugins.</strong></span></h4><p style="text-align:center;white-space:pre-wrap;" class=""><span class="sqsrte-text-color--white">Extend the functionality of Squarespace with plugins. Add additional effects, layouts, and designs.</span></p></div> 2801 2802 2803 2804<style id="container-styles">#block-yui_3_17_2_1_1691856738678_50643 { 2805 2806 --stroke-style: none;--stroke-thickness: 6px; 2807 2808 2809 2810 2811 2812 2813 2814 2815 } 2816 2817 #block-yui_3_17_2_1_1691856738678_50643 .sqs-html-content { 2818 2819 --tweak-text-block-padding: 6% 6% 6% 6%; 2820 --tweak-text-block-padding: initial; 2821} 2822 2823 .fe-block-yui_3_17_2_1_1691856738678_50643 { 2824 mix-blend-mode: var(--tweak-text-block-blend 2825 ); 2826 border-radius: var(--tweak-text-block-radius); 2827 } 2828 2829 2830 2831.fe-block-yui_3_17_2_1_1691856738678_50643 { 2832 --tweak-text-block-radius: 0px 0px 0px 0px; 2833 } 2834 2835 2836 2837 .fe-block-yui_3_17_2_1_1691856738678_50643 { 2838 --tweak-text-block-blend 2839 : normal; 2840 } 2841 2842 2843 .fe-block-yui_3_17_2_1_1691856738678_50643 { 2844 --blur-value: blur(15px);} 2845 2846</style> 2847 2848<style id="override-container-styles"> 2849 @media screen and (max-width: 767px) { 2850 2851 2852 2853#block-yui_3_17_2_1_1691856738678_50643 { 2854 2855 } 2856 } 2857 2858 2859 @media screen and (max-width: 767px) { 2860 #block-yui_3_17_2_1_1691856738678_50643 .sqs-html-content { 2861 2862 } 2863 } 2864 2865 @media screen and (max-width: 767px) { 2866 2867 2868 2869 2870 2871 2872 }</style> 2873<style class="transform-overrides-vars"> 2874 2875</style> 2876 2877 2878 2879 2880</div> 2881</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1691870091914_36937"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-summary-v2 summary-block summary-v2-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/18018.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/22254.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/embed-vi
2881deo-player.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autocolumns.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autogrid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-carousel.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-grid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-list.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-slideshow.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-stacked.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-strip.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-manager.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.visitor.js"]" data-block-type="1337" data-definition-name="website.components.summary" data-sqsp-block="summary" data-website-component-id="yui_3_17_2_1_1691870091914_36937" id="block-yui_3_17_2_1_1691870091914_36937"><div class="sqs-block-content"> 2882 2883 2884 2885 2886 2887 2888<div class=" 2889 summary-block-wrapper 2890 summary-block-collection-type-products 2891 summary-block-setting-text-size-medium 2892 summary-block-setting-text-align-left 2893 summary-block-setting-design-carousel 2894 summary-block-setting-design-list-thumbnail-left 2895 summary-block-setting-metadata-position-below-content 2896 summary-block-setting-primary-metadata-none 2897 summary-block-setting-secondary-metadata-none 2898 summary-block-setting-show-thumbnail 2899 summary-block-setting-show-title 2900 summary-block-setting-show-price 2901 summary-block-setting-hide-excerpt 2902 2903 2904 sqs-gallery-design-carousel 2905 2906 " 2907 2908 data-design=carousel 2909 data-image-aspect-ratio=1.7778 2910 data-slides-per-row=3 2911 2912 data-mixed-content=true 2913 data-column-width=270 2914 data-gutter="60" 2915 data-list-image-size="30" 2916 data-active-alignment="" 2917 data-square-thumbs="" 2918 data-auto-crop="true" 2919 2920 2921> 2922 <div class="summary-item-list-container sqs-gallery-container"> 2923 <header class="summary-block-header"> 2924 2925 <div class="summary-heading" data-animation-role="content"> 2926 2927 <span class="summary-collection-title">Products</span> 2928 2929 </div> 2930 2931 <div class="summary-carousel-pager sqs-gallery-controls" data-animation-role="content"> 2932 <span 2933 class="summary-carousel-pager-prev previous" 2934 tabindex="0" 2935 role="button" 2936 aria-label="Previous" 2937 ></span> 2938 <span 2939 class="summary-carousel-pager-next next" 2940 tabindex="0" 2941 role="button" 2942 aria-label="Next" 2943 ></span> 2944 </div> 2945 </header> 2946 <div class="summary-item-list sqs-gallery"> 2947 2948 <div class=" 2949 summary-item 2950 positioned 2951 summary-item-record-type-store-item 2952 sqs-gallery-design-carousel-slide 2953 2954 2955 summary-item-has-thumbnail 2956 2957 summary-item-has-excerpt 2958 summary-item-has-cats 2959 summary-item-has-tags 2960 2961 summary-item-has-comments-enabled 2962 2963 " 2964 2965 > 2966 2967 2968 2969 2970
2971 <div class="summary-thumbnail-outer-container"> 2972 <a 2973 2974 2975 href="/products/p/horizontal-timeline" 2976 2977 2978 class=" 2979 summary-thumbnail-container 2980 sqs-gallery-image-container 2981 2982 " 2983 data-title="Horizontal Timeline" 2984 data-description="" 2985 aria-label="Horizontal Timeline" 2986 > 2987 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 2988 2989 2990 2991 <!-- Main Image --> 2992 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/5cd05246-77af-4eb5-a0c7-a1af719aebb4/ScreenRecording2026-01-26at14.36.48-ezgif.com-video-to-gif-converter.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/5cd05246-77af-4eb5-a0c7-a1af719aebb4/ScreenRecording2026-01-26at14.36.48-ezgif.com-video-to-gif-converter.gif" data-image-dimensions="800x451" data-image-focal-point="0.5,0.5" alt="Horizontal Timeline" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
2992ail-image-carousel" /> 2993 2994 2995 2996 2997 2998 2999 <!-- Products: Mark --> 3000 <div class="summary-product-status"> 3001 3002 3003 3004 3005 3006 3007 </div> 3008 3009 3010 3011 3012 </div> 3013 </a> 3014 3015 <!-- Products: Quick View --> 3016 3017 3018 3019 3020 </div> 3021 3022 3023 3024 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 3025 3026 <div class="summary-metadata-container summary-metadata-container--above-title"> 3027 3028 <div class="summary-metadata summary-metadata--primary"> 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043</div> 3044 3045 <div class="summary-metadata summary-metadata--secondary"> 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060</div> 3061 </div> 3062 3063 <div class="summary-title"> 3064 <a 3065 3066 3067 href="/products/p/horizontal-timeline" 3068 3069 3070 class="summary-title-link"> 3071 Horizontal Timeline 3072 </a> 3073 </div> 3074 3075 <div class="summary-metadata-container summary-metadata-container--below-title"> 3076 3077 <div class="summary-metadata summary-metadata--primary"> 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092</div> 3093 3094 <div class="summary-metadata summary-metadata--secondary"> 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109</div> 3110 </div> 3111 3112 3113 3114 <div class="summary-price"> 3115 3116 3117<div class="product-price"> 3118$25.00 3119</div></div> 3120 3121 3122 3123 3124 3125 <div class=" 3126 summary-excerpt 3127 summary-excerpt-only 3128 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Transform Squarespace list sections into scroll-driven horizontal timelines with a progress bar indicator.</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a href="https://horizontal-timeline.squarespace.com/">See Demo</a> (password: demo)</p></div> 3129 3130 3131 3132 <a href="/products/p/horizontal-timeline" class="summary-read-more-link">Read more →</a> 3133 3134 <div class="summary-metadata-container summary-metadata-container--below-content"> 3135 3136 <div class="summary-metadata summary-metadata--primary"> 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151</div> 3152 3153 <div class="summary-metadata summary-metadata--secondary"> 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168</div> 3169 </div> 3170 </div> 3171 </div> 3172 3173 <div class=" 3174 summary-item 3175 positioned 3176 summary-item-record-type-store-item 3177 sqs-gallery-design-carousel-slide 3178 3179 3180 summary-item-has-thumbnail 3181 3182 summary-item-has-excerpt 3183 summary-item-has-cats 3184 summary-item-has-tags 3185 3186 summary-item-has-comments-enabled 3187 3188 " 3189 3190 > 3191 3192 3193 3194 3195
3196 <div class="summary-thumbnail-outer-container"> 3197 <a 3198 3199 3200 href="/products/p/mega-menu-for-squarespace-71" 3201 3202 3203 class=" 3204 summary-thumbnail-container 3205 sqs-gallery-image-container 3206 3207 " 3208 data-title="Mega Menu for Squarespace 7.1" 3209 data-description="" 3210 aria-label="Mega Menu for Squarespace 7.1" 3211 > 3212 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 3213 3214 3215 3216 <!-- Main Image --> 3217 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/e7dfe40d-ecc3-496a-a007-1b11a7a8f914/Mega+Menu+-+Full+Width.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/e7dfe40d-ecc3-496a-a007-1b11a7a8f914/Mega+Menu+-+Full+Width.gif" data-image-dimensions="800x444" data-image-focal-point="0.5,0.5" alt="Mega Menu for Squarespace 7.1" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 3218 3219 3220 3221 3222 3223 3224 <!-- Products: Mark --> 3225 <div class="summary-product-status"> 3226 3227 3228 3229 3230 3231 3232 </div> 3233 3234 3235 3236 3237 </div> 3238 </a> 3239 3240 <!-- Products: Quick View --> 3241 3242 3243 3244 3245 </div> 3246 3247 3248 3249 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 3250 3251 <div class="summary-metadata-container summary-metadata-container--above-title"> 3252 3253 <div class="summary-metadata summary-metadata--primary"> 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268</div> 3269 3270 <div class="summary-metadata summary-metadata--secondary"> 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285</div> 3286 </div> 3287 3288 <div class="summary-title"> 3289 <a 3290 3291 3292 href="/products/p/mega-menu-for-squarespace-71" 3293 3294 3295 class="summary-title-link"> 3296 Mega Menu for Squarespace 7.1 3297 </a> 3298 </div> 3299 3300 <div class="summary-metadata-container summary-metadata-container--below-title"> 3301 3302 <div class="summary-metadata summary-metadata--primary"> 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317</div> 3318 3319 <div class="summary-metadata summary-metadata--secondary"> 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334</div> 3335 </div> 3336 3337 3338 3339 <div class="summary-price"> 3340 3341 3342<div class="product-price"> 3343$25.00 3344</div></div> 3345 3346 3347 3348 3349 3350 <div class=" 3351 summary-excerpt 3352 summary-excerpt-only 3353 "><p>Easily add a Mega Menu to your Squarespace 7.1 website to extend your websites navigation. With simple copy-and-paste code and clear installation video, you'll be up and running in no time.</p><p><a target="_blank" href="https://mega-menu-plugin.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 3354 3355 3356 3357 <a href="/products/p/mega-menu-for-squarespace-71" class="summary-read-more-link">Read more →</a> 3358 3359 <div class="summary-metadata-container summary-metadata-container--below-content"> 3360 3361 <div class="summary-metadata summary-metadata--primary"> 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376</div> 3377 3378 <div class="summary-metadata summary-metadata--secondary"> 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393</div> 3394 </div> 3395 </div> 3396 </div> 3397 3398 <div class=" 3399 summary-item 3400 positioned 3401 summary-item-record-type-store-item 3402 sqs-gallery-design-carousel-slide 3403 3404 3405 summary-item-has-thumbnail 3406 3407 summary-item-has-excerpt 3408 summary-item-has-cats 3409 summary-item-has-tags 3410 3411 summary-item-has-comments-enabled 3412 3413 " 3414 3415 > 3416 3417 3418 3419 3420
3421 <div class="summary-thumbnail-outer-container"> 3422 <a 3423 3424 3425 href="/products/p/step-flow-timeline" 3426 3427 3428 class=" 3429 summary-thumbnail-container 3430 sqs-gallery-image-container 3431 3432 " 3433 data-title="Step Flow Timeline" 3434 data-description="" 3435 aria-label="Step Flow Timeline" 3436 > 3437 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 3438 3439 3440 3441 <!-- Main Image --> 3442 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/45332a48-1085-46ae-92db-a065fba24d97/ScreenRecording2026-07-21at14.50.30-ezgif.com-video-to-gif-converter.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/45332a48-1085-46ae-92db-a065fba24d97/ScreenRecording2026-07-21at14.50.30-ezgif.com-video-to-gif-converter.gif" data-image-dimensions="800x450" data-image-focal-point="0.5,0.5" alt="Step Flow Timeline" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
3442ail-image-carousel" /> 3443 3444 3445 3446 3447 3448 3449 <!-- Products: Mark --> 3450 <div class="summary-product-status"> 3451 3452 3453 3454 3455 3456 3457 </div> 3458 3459 3460 3461 3462 </div> 3463 </a> 3464 3465 <!-- Products: Quick View --> 3466 3467 3468 3469 3470 </div> 3471 3472 3473 3474 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 3475 3476 <div class="summary-metadata-container summary-metadata-container--above-title"> 3477 3478 <div class="summary-metadata summary-metadata--primary"> 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493</div> 3494 3495 <div class="summary-metadata summary-metadata--secondary"> 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510</div> 3511 </div> 3512 3513 <div class="summary-title"> 3514 <a 3515 3516 3517 href="/products/p/step-flow-timeline" 3518 3519 3520 class="summary-title-link"> 3521 Step Flow Timeline 3522 </a> 3523 </div> 3524 3525 <div class="summary-metadata-container summary-metadata-container--below-title"> 3526 3527 <div class="summary-metadata summary-metadata--primary"> 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542</div> 3543 3544 <div class="summary-metadata summary-metadata--secondary"> 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559</div> 3560 </div> 3561 3562 3563 3564 <div class="summary-price"> 3565 3566 3567<div class="product-price"> 3568$25.00 3569</div></div> 3570 3571 3572 3573 3574 3575 <div class=" 3576 summary-excerpt 3577 summary-excerpt-only 3578 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Transform List Sections into elegant Timelines</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a href="https://step-flow-timeline.squarespace.com/" rel="noopener">See Demo</a> (password: demo)</p></div> 3579 3580 3581 3582 <a href="/products/p/step-flow-timeline" class="summary-read-more-link">Read more →</a> 3583 3584 <div class="summary-metadata-container summary-metadata-container--below-content"> 3585 3586 <div class="summary-metadata summary-metadata--primary"> 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601</div> 3602 3603 <div class="summary-metadata summary-metadata--secondary"> 3604 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618</div> 3619 </div> 3620 </div> 3621 </div> 3622 3623 <div class=" 3624 summary-item 3625 positioned 3626 summary-item-record-type-store-item 3627 sqs-gallery-design-carousel-slide 3628 3629 3630 summary-item-has-thumbnail 3631 3632 summary-item-has-excerpt 3633 summary-item-has-cats 3634 summary-item-has-tags 3635 3636 summary-item-has-comments-enabled 3637 3638 " 3639 3640 > 3641 3642 3643 3644 3645
3646 <div class="summary-thumbnail-outer-container"> 3647 <a 3648 3649 3650 href="/products/p/floating-navbar" 3651 3652 3653 class=" 3654 summary-thumbnail-container 3655 sqs-gallery-image-container 3656 3657 " 3658 data-title="Floating Navbar" 3659 data-description="" 3660 aria-label="Floating Navbar" 3661 > 3662 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 3663 3664 3665 3666 <!-- Main Image --> 3667 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/8677d6d7-18bf-4f15-b619-adeb3fd9a57d/ScreenRecording2026-08-26at14.45.09-ezgif.com-video-to-gif-converter.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/8677d6d7-18bf-4f15-b619-adeb3fd9a57d/ScreenRecording2026-08-26at14.45.09-ezgif.com-video-to-gif-converter.gif" data-image-dimensions="800x447" data-image-focal-point="0.5,0.5" alt="Floating Navbar" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
3667ail-image-carousel" /> 3668 3669 3670 3671 3672 3673 3674 <!-- Products: Mark --> 3675 <div class="summary-product-status"> 3676 3677 3678 3679 3680 3681 3682 </div> 3683 3684 3685 3686 3687 </div> 3688 </a> 3689 3690 <!-- Products: Quick View --> 3691 3692 3693 3694 3695 </div> 3696 3697 3698 3699 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 3700 3701 <div class="summary-metadata-container summary-metadata-container--above-title"> 3702 3703 <div class="summary-metadata summary-metadata--primary"> 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718</div> 3719 3720 <div class="summary-metadata summary-metadata--secondary"> 3721 3722 3723 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 3734 3735</div> 3736 </div> 3737 3738 <div class="summary-title"> 3739 <a 3740 3741 3742 href="/products/p/floating-navbar" 3743 3744 3745 class="summary-title-link"> 3746 Floating Navbar 3747 </a> 3748 </div> 3749 3750 <div class="summary-metadata-container summary-metadata-container--below-title"> 3751 3752 <div class="summary-metadata summary-metadata--primary"> 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767</div> 3768 3769 <div class="summary-metadata summary-metadata--secondary"> 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784</div> 3785 </div> 3786 3787 3788 3789 <div class="summary-price"> 3790 3791 3792<div class="product-price"> 3793$25.00 3794</div></div> 3795 3796 3797 3798 3799 3800 <div class=" 3801 summary-excerpt 3802 summary-excerpt-only 3803 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Floating Navigation for your Squarespace website</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a rel="noopener" href="https://floating-navigation.squarespace.com/">See Demo</a> (password: demo)</p></div> 3804 3805 3806 3807 <a href="/products/p/floating-navbar" class="summary-read-more-link">Read more →</a> 3808 3809 <div class="summary-metadata-container summary-metadata-container--below-content"> 3810 3811 <div class="summary-metadata summary-metadata--primary"> 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826</div> 3827 3828 <div class="summary-metadata summary-metadata--secondary"> 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843</div> 3844 </div> 3845 </div> 3846 </div> 3847 3848 <div class=" 3849 summary-item 3850 positioned 3851 summary-item-record-type-store-item 3852 sqs-gallery-design-carousel-slide 3853 3854 3855 summary-item-has-thumbnail 3856 3857 summary-item-has-excerpt 3858 summary-item-has-cats 3859 summary-item-has-tags 3860 3861 summary-item-has-comments-enabled 3862 3863 " 3864 3865 > 3866 3867 3868 3869 3870
3871 <div class="summary-thumbnail-outer-container"> 3872 <a 3873 3874 3875 href="/products/p/store-filter" 3876 3877 3878 class=" 3879 summary-thumbnail-container 3880 sqs-gallery-image-container 3881 3882 " 3883 data-title="Store Filter" 3884 data-description="" 3885 aria-label="Store Filter" 3886 > 3887 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 3888 3889 3890 3891 3892 3893 3894 3895 <!-- Products: First Product Image Image --> 3896 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/4532beef-1ec3-4779-a179-1bdc7b781ee8/Screenshot+2026-09-16+at+13.13.23.png" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/4532beef-1ec3-4779-a179-1bdc7b781ee8/Screenshot+2026-09-16+at+13.13.23.png" data-image-dimensions="2880x1610" data-image-focal-point="0.5,0.5" alt="Screenshot 2026-09-16 at 13.13.23.png" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 3897 3898 3899 3900 3901 3902 3903 3904 3905 <!-- Products: Mark --> 3906 <div class="summary-product-status"> 3907 3908 3909 3910 3911 3912 3913 </div> 3914 3915 3916 3917 3918 </div> 3919 </a> 3920 3921 <!-- Products: Quick View --> 3922 3923 3924 3925 3926 </div> 3927 3928 3929 3930 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 3931 3932 <div class="summary-metadata-container summary-metadata-container--above-title"> 3933 3934 <div class="summary-metadata summary-metadata--primary"> 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949</div> 3950 3951 <div class="summary-metadata summary-metadata--secondary"> 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966</div> 3967 </div> 3968 3969 <div class="summary-title"> 3970 <a 3971 3972 3973 href="/products/p/store-filter" 3974 3975 3976 class="summary-title-link"> 3977 Store Filter 3978 </a> 3979 </div> 3980 3981 <div class="summary-metadata-container summary-metadata-container--below-title"> 3982 3983 <div class="summary-metadata summary-metadata--primary"> 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998</div> 3999 4000 <div class="summary-metadata summary-metadata--secondary"> 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015</div> 4016 </div> 4017 4018 4019 4020 <div class="summary-price"> 4021 4022 4023<div class="product-price"> 4024$25.00 4025</div></div> 4026 4027 4028 4029 4030 4031 <div class=" 4032 summary-excerpt 4033 summary-excerpt-only 4034 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Filter your Storeâs items by Category, Tag, Price or set your own Custom Filters.</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" rel="noopener" href="https://store-filter.squarespace.com">See Demo</a><strong><em> </em></strong>(password: demo)</p></div> 4035 4036 4037 4038 <a href="/products/p/store-filter" class="summary-read-more-link">Read more →</a> 4039 4040 <div class="summary-metadata-container summary-metadata-container--below-content"> 4041 4042 <div class="summary-metadata summary-metadata--primary"> 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057</div> 4058 4059 <div class="summary-metadata summary-metadata--secondary"> 4060 4061 4062 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074</div> 4075 </div> 4076 </div> 4077 </div> 4078 4079 <div class=" 4080 summary-item 4081 positioned 4082 summary-item-record-type-store-item 4083 sqs-gallery-design-carousel-slide 4084 4085 4086 summary-item-has-thumbnail 4087 4088 summary-item-has-excerpt 4089 summary-item-has-cats 4090 summary-item-has-tags 4091 4092 summary-item-has-comments-enabled 4093 4094 " 4095 4096 > 4097 4098 4099 4100 4101
4102 <div class="summary-thumbnail-outer-container"> 4103 <a 4104 4105 4106 href="/products/p/accessibility-widget" 4107 4108 4109 class=" 4110 summary-thumbnail-container 4111 sqs-gallery-image-container 4112 4113 " 4114 data-title="Accessibility Widget" 4115 data-description="" 4116 aria-label="Accessibility Widget" 4117 > 4118 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 4119 4120 4121 4122 <!-- Main Image --> 4123 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/0ed43bf8-6227-4b53-93b8-08d54413c68d/Screenshot+2026-08-04+at+13.43.32.png" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/0ed43bf8-6227-4b53-93b8-08d54413c68d/Screenshot+2026-08-04+at+13.43.32.png" data-image-dimensions="2878x1620" data-image-focal-point="0.5,0.5" alt="Accessibility Widget" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 4124 4125 4126 4127 4128 4129 4130 <!-- Products: Mark --> 4131 <div class="summary-product-status"> 4132 4133 4134 4135 4136 4137 4138 </div> 4139 4140 4141 4142 4143 </div> 4144 </a> 4145 4146 <!-- Products: Quick View --> 4147 4148 4149 4150 4151 </div> 4152 4153 4154 4155 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 4156 4157 <div class="summary-metadata-container summary-metadata-container--above-title"> 4158 4159 <div class="summary-metadata summary-metadata--primary"> 4160 4161 4162 4163 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 4174</div> 4175 4176 <div class="summary-metadata summary-metadata--secondary"> 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191</div> 4192 </div> 4193 4194 <div class="summary-title"> 4195 <a 4196 4197 4198 href="/products/p/accessibility-widget" 4199 4200 4201 class="summary-title-link"> 4202 Accessibility Widget 4203 </a> 4204 </div> 4205 4206 <div class="summary-metadata-container summary-metadata-container--below-title"> 4207 4208 <div class="summary-metadata summary-metadata--primary"> 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 4220 4221 4222 4223</div> 4224 4225 <div class="summary-metadata summary-metadata--secondary"> 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240</div> 4241 </div> 4242 4243 4244 4245 <div class="summary-price"> 4246 4247 4248<div class="product-price"> 4249$25.00 4250</div></div> 4251 4252 4253 4254 4255 4256 <div class=" 4257 summary-excerpt 4258 summary-excerpt-only 4259 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Accessibility toolbar for Squarespace.</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a href="https://accessibility-widget.squarespace.com/" rel="noopener">See Demo</a> (password: demo)</p></div> 4260 4261 4262 4263 <a href="/products/p/accessibility-widget" class="summary-read-more-link">Read more →</a> 4264 4265 <div class="summary-metadata-container summary-metadata-container--below-content"> 4266 4267 <div class="summary-metadata summary-metadata--primary"> 4268 4269 4270 4271 4272 4273 4274 4275 4276 4277 4278 4279 4280 4281 4282</div> 4283 4284 <div class="summary-metadata summary-metadata--secondary"> 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299</div> 4300 </div> 4301 </div> 4302 </div> 4303 4304 <div class=" 4305 summary-item 4306 positioned 4307 summary-item-record-type-store-item 4308 sqs-gallery-design-carousel-slide 4309 4310 4311 summary-item-has-thumbnail 4312 4313 summary-item-has-excerpt 4314 summary-item-has-cats 4315 summary-item-has-tags 4316 4317 summary-item-has-comments-enabled 4318 4319 " 4320 4321 > 4322 4323 4324 4325 4326
4327 <div class="summary-thumbnail-outer-container"> 4328 <a 4329 4330 4331 href="/products/p/flipbook" 4332 4333 4334 class=" 4335 summary-thumbnail-container 4336 sqs-gallery-image-container 4337 4338 " 4339 data-title="Flipbook" 4340 data-description="" 4341 aria-label="Flipbook" 4342 > 4343 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 4344 4345 4346 4347 <!-- Main Image --> 4348 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/9d803763-e6ce-49ca-b828-0c181e7472d7/ScreenRecording2026-06-12at13.01.29-ezgif.com-crop.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/9d803763-e6ce-49ca-b828-0c181e7472d7/ScreenRecording2026-06-12at13.01.29-ezgif.com-crop.gif" data-image-dimensions="783x423" data-image-focal-point="0.5,0.5" alt="Flipbook" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 4349 4350 4351 4352 4353 4354 4355 <!-- Products: Mark --> 4356 <div class="summary-product-status"> 4357 4358 4359 4360 4361 4362 4363 </div> 4364 4365 4366 4367 4368 </div> 4369 </a> 4370 4371 <!-- Products: Quick View --> 4372 4373 4374 4375 4376 </div> 4377 4378 4379 4380 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 4381 4382 <div class="summary-metadata-container summary-metadata-container--above-title"> 4383 4384 <div class="summary-metadata summary-metadata--primary"> 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399</div> 4400 4401 <div class="summary-metadata summary-metadata--secondary"> 4402 4403 4404 4405 4406 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416</div> 4417 </div> 4418 4419 <div class="summary-title"> 4420 <a 4421 4422 4423 href="/products/p/flipbook" 4424 4425 4426 class="summary-title-link"> 4427 Flipbook 4428 </a> 4429 </div> 4430 4431 <div class="summary-metadata-container summary-metadata-container--below-title"> 4432 4433 <div class="summary-metadata summary-metadata--primary"> 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448</div> 4449 4450 <div class="summary-metadata summary-metadata--secondary"> 4451 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465</div> 4466 </div> 4467 4468 4469 4470 <div class="summary-price"> 4471 4472 4473<div class="product-price"> 4474$25.00 4475</div></div> 4476 4477 4478 4479 4480 4481 <div class=" 4482 summary-excerpt 4483 summary-excerpt-only 4484 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Transform List Sections into Interactive Flipbooks</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a href="https://flipbook.squarespace.com/" rel="noopener">See Demo</a> (password: demo)</p></div> 4485 4486 4487 4488 <a href="/products/p/flipbook" class="summary-read-more-link">Read more →</a> 4489 4490 <div class="summary-metadata-container summary-metadata-container--below-content"> 4491 4492 <div class="summary-metadata summary-metadata--primary"> 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507</div> 4508 4509 <div class="summary-metadata summary-metadata--secondary"> 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524</div> 4525 </div> 4526 </div> 4527 </div> 4528 4529 <div class=" 4530 summary-item 4531 positioned 4532 summary-item-record-type-store-item 4533 sqs-gallery-design-carousel-slide 4534 4535 4536 summary-item-has-thumbnail 4537 4538 summary-item-has-excerpt 4539 summary-item-has-cats 4540 summary-item-has-tags 4541 4542 summary-item-has-comments-enabled 4543 4544 " 4545 4546 > 4547 4548 4549 4550 4551
4552 <div class="summary-thumbnail-outer-container"> 4553 <a 4554 4555 4556 href="/products/p/website-showcase" 4557 4558 4559 class=" 4560 summary-thumbnail-container 4561 sqs-gallery-image-container 4562 4563 " 4564 data-title="Website Showcase" 4565 data-description="" 4566 aria-label="Website Showcase" 4567 > 4568 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 4569 4570 4571 4572 <!-- Main Image --> 4573 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/a8944863-a928-42f6-a1fc-2221560b1d63/ScreenRecording2026-01-12at17.42.32-ezgif.com-video-to-gif-converter+%281%29.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/a8944863-a928-42f6-a1fc-2221560b1d63/ScreenRecording2026-01-12at17.42.32-ezgif.com-video-to-gif-converter+%281%29.gif" data-image-dimensions="800x451" data-image-focal-point="0.5,0.5" alt="Website Showcase" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
4573ail-image-carousel" /> 4574 4575 4576 4577 4578 4579 4580 <!-- Products: Mark --> 4581 <div class="summary-product-status"> 4582 4583 4584 4585 4586 4587 4588 </div> 4589 4590 4591 4592 4593 </div> 4594 </a> 4595 4596 <!-- Products: Quick View --> 4597 4598 4599 4600 4601 </div> 4602 4603 4604 4605 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 4606 4607 <div class="summary-metadata-container summary-metadata-container--above-title"> 4608 4609 <div class="summary-metadata summary-metadata--primary"> 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 4624</div> 4625 4626 <div class="summary-metadata summary-metadata--secondary"> 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641</div> 4642 </div> 4643 4644 <div class="summary-title"> 4645 <a 4646 4647 4648 href="/products/p/website-showcase" 4649 4650 4651 class="summary-title-link"> 4652 Website Showcase 4653 </a> 4654 </div> 4655 4656 <div class="summary-metadata-container summary-metadata-container--below-title"> 4657 4658 <div class="summary-metadata summary-metadata--primary"> 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673</div> 4674 4675 <div class="summary-metadata summary-metadata--secondary"> 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690</div> 4691 </div> 4692 4693 4694 4695 <div class="summary-price"> 4696 4697 4698<div class="product-price"> 4699$25.00 4700</div></div> 4701 4702 4703 4704 4705 4706 <div class=" 4707 summary-excerpt 4708 summary-excerpt-only 4709 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><span>Showcase your Web Design Portfolio, enabling potential clients to interact with your builds.</span></p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://website-showcase.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 4710 4711 4712 4713 <a href="/products/p/website-showcase" class="summary-read-more-link">Read more →</a> 4714 4715 <div class="summary-metadata-container summary-metadata-container--below-content"> 4716 4717 <div class="summary-metadata summary-metadata--primary"> 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732</div> 4733 4734 <div class="summary-metadata summary-metadata--secondary"> 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749</div> 4750 </div> 4751 </div> 4752 </div> 4753 4754 <div class=" 4755 summary-item 4756 positioned 4757 summary-item-record-type-store-item 4758 sqs-gallery-design-carousel-slide 4759 4760 4761 summary-item-has-thumbnail 4762 4763 summary-item-has-excerpt 4764 summary-item-has-cats 4765 summary-item-has-tags 4766 4767 summary-item-has-comments-enabled 4768 4769 " 4770 4771 > 4772 4773 4774 4775 4776
4777 <div class="summary-thumbnail-outer-container"> 4778 <a 4779 4780 4781 href="/products/p/simple-tables" 4782 4783 4784 class=" 4785 summary-thumbnail-container 4786 sqs-gallery-image-container 4787 4788 " 4789 data-title="Simple Tables" 4790 data-description="" 4791 aria-label="Simple Tables" 4792 > 4793 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 4794 4795 4796 4797 4798 4799 4800 4801 <!-- Products: First Product Image Image --> 4802 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/2b48d313-f990-4ba4-aad0-72f05e21e668/screenshot_2025-12-02_at_14.30.26_720.png" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/2b48d313-f990-4ba4-aad0-72f05e21e668/screenshot_2025-12-02_at_14.30.26_720.png" data-image-dimensions="720x406" data-image-focal-point="0.5,0.5" alt="screenshot_2025-12-02_at_14.30.26_720.png" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
4802ail-image-carousel" /> 4803 4804 4805 4806 4807 4808 4809 4810 4811 <!-- Products: Mark --> 4812 <div class="summary-product-status"> 4813 4814 4815 4816 4817 4818 4819 </div> 4820 4821 4822 4823 4824 </div> 4825 </a> 4826 4827 <!-- Products: Quick View --> 4828 4829 4830 4831 4832 </div> 4833 4834 4835 4836 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 4837 4838 <div class="summary-metadata-container summary-metadata-container--above-title"> 4839 4840 <div class="summary-metadata summary-metadata--primary"> 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855</div> 4856 4857 <div class="summary-metadata summary-metadata--secondary"> 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872</div> 4873 </div> 4874 4875 <div class="summary-title"> 4876 <a 4877 4878 4879 href="/products/p/simple-tables" 4880 4881 4882 class="summary-title-link"> 4883 Simple Tables 4884 </a> 4885 </div> 4886 4887 <div class="summary-metadata-container summary-metadata-container--below-title"> 4888 4889 <div class="summary-metadata summary-metadata--primary"> 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904</div> 4905 4906 <div class="summary-metadata summary-metadata--secondary"> 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 4921</div> 4922 </div> 4923 4924 4925 4926 <div class="summary-price"> 4927 4928 4929<div class="product-price"> 4930$25.00 4931</div></div> 4932 4933 4934 4935 4936 4937 <div class=" 4938 summary-excerpt 4939 summary-excerpt-only 4940 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><span>Place a Simple Table anywhere on your website. Perfect for Timetables or Portfolios.</span></p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://simple-table.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 4941 4942 4943 4944 <a href="/products/p/simple-tables" class="summary-read-more-link">Read more →</a> 4945 4946 <div class="summary-metadata-container summary-metadata-container--below-content"> 4947 4948 <div class="summary-metadata summary-metadata--primary"> 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963</div> 4964 4965 <div class="summary-metadata summary-metadata--secondary"> 4966 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 4980</div> 4981 </div> 4982 </div> 4983 </div> 4984 4985 <div class=" 4986 summary-item 4987 positioned 4988 summary-item-record-type-store-item 4989 sqs-gallery-design-carousel-slide 4990 4991 4992 summary-item-has-thumbnail 4993 4994 summary-item-has-excerpt 4995 summary-item-has-cats 4996 summary-item-has-tags 4997 4998 summary-item-has-comments-enabled 4999 5000 " 5001 5002 > 5003 5004 5005 5006 5007
5008 <div class="summary-thumbnail-outer-container"> 5009 <a 5010 5011 5012 href="/products/p/scroll-away-hero" 5013 5014 5015 class=" 5016 summary-thumbnail-container 5017 sqs-gallery-image-container 5018 5019 " 5020 data-title="Scroll Away Hero" 5021 data-description="" 5022 aria-label="Scroll Away Hero" 5023 > 5024 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 5025 5026 5027 5028 <!-- Main Image --> 5029 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/f2b0290c-088c-44c1-8e64-b2125aadbbc6/blog+scroll+away.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/f2b0290c-088c-44c1-8e64-b2125aadbbc6/blog+scroll+away.gif" data-image-dimensions="960x532" data-image-focal-point="0.5,0.5" alt="Scroll Away Hero" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 5030 5031 5032 5033 5034 5035 5036 <!-- Products: Mark --> 5037 <div class="summary-product-status"> 5038 5039 5040 5041 5042 5043 5044 </div> 5045 5046 5047 5048 5049 </div> 5050 </a> 5051 5052 <!-- Products: Quick View --> 5053 5054 5055 5056 5057 </div> 5058 5059 5060 5061 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 5062 5063 <div class="summary-metadata-container summary-metadata-container--above-title"> 5064 5065 <div class="summary-metadata summary-metadata--primary"> 5066 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 5079 5080</div> 5081 5082 <div class="summary-metadata summary-metadata--secondary"> 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097</div> 5098 </div> 5099 5100 <div class="summary-title"> 5101 <a 5102 5103 5104 href="/products/p/scroll-away-hero" 5105 5106 5107 class="summary-title-link"> 5108 Scroll Away Hero 5109 </a> 5110 </div> 5111 5112 <div class="summary-metadata-container summary-metadata-container--below-title"> 5113 5114 <div class="summary-metadata summary-metadata--primary"> 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129</div> 5130 5131 <div class="summary-metadata summary-metadata--secondary"> 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146</div> 5147 </div> 5148 5149 5150 5151 <div class="summary-price"> 5152 5153 5154<div class="product-price"> 5155$25.00 5156</div></div> 5157 5158 5159 5160 5161 5162 <div class=" 5163 summary-excerpt 5164 summary-excerpt-only 5165 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Create a cinematic first impression. Sometimes, the most powerful thing you can do is let your work speak first. A full-screen hero that holds your visitor's attention, then gracefully fades as they scroll to explore more.</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><strong><span>Perfect for:</span></strong></p><ul data-rte-list="true"><li><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><span>Visual portfolios & photography sites</span></p></li><li><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><span>Film, art, and creative work</span></p></li><li><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><span>Magazine-style blog covers</span></p></li><li><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><span>Portfolio item intros</span></p></li></ul><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://scroll-away-hero.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 5166 5167 5168 5169 <a href="/products/p/scroll-away-hero" class="summary-read-more-link">Read more →</a> 5170 5171 <div class="summary-metadata-container summary-metadata-container--below-content"> 5172 5173 <div class="summary-metadata summary-metadata--primary"> 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188</div> 5189 5190 <div class="summary-metadata summary-metadata--secondary"> 5191 5192 5193 5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205</div> 5206 </div> 5207 </div> 5208 </div> 5209 5210 <div class=" 5211 summary-item 5212 positioned 5213 summary-item-record-type-store-item 5214 sqs-gallery-design-carousel-slide 5215 5216 5217 summary-item-has-thumbnail 5218 5219 summary-item-has-excerpt 5220 summary-item-has-cats 5221 summary-item-has-tags 5222 5223 summary-item-has-comments-enabled 5224 5225 " 5226 5227 > 5228 5229 5230 5231 5232
5233 <div class="summary-thumbnail-outer-container"> 5234 <a 5235 5236 5237 href="/products/p/infinite-logo-gallery-slider" 5238 5239 5240 class=" 5241 summary-thumbnail-container 5242 sqs-gallery-image-container 5243 5244 " 5245 data-title="Infinite Gallery Slider" 5246 data-description="" 5247 aria-label="Infinite Gallery Slider" 5248 > 5249 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 5250 5251 5252 5253 <!-- Main Image --> 5254 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/788a1812-fbd8-4767-8216-922fa0f45061/GIF+-+Logo+Slider.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/788a1812-fbd8-4767-8216-922fa0f45061/GIF+-+Logo+Slider.gif" data-image-dimensions="960x532" data-image-focal-point="0.5,0.5" alt="Infinite Gallery Slider" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 5255 5256 5257 5258 5259 5260 5261 <!-- Products: Mark --> 5262 <div class="summary-product-status"> 5263 5264 5265 5266 5267 5268 5269 </div> 5270 5271 5272 5273 5274 </div> 5275 </a> 5276 5277 <!-- Products: Quick View --> 5278 5279 5280 5281 5282 </div> 5283 5284 5285 5286 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 5287 5288 <div class="summary-metadata-container summary-metadata-container--above-title"> 5289 5290 <div class="summary-metadata summary-metadata--primary"> 5291 5292 5293 5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305</div> 5306 5307 <div class="summary-metadata summary-metadata--secondary"> 5308 5309 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 5320 5321 5322</div> 5323 </div> 5324 5325 <div class="summary-title"> 5326 <a 5327 5328 5329 href="/products/p/infinite-logo-gallery-slider" 5330 5331 5332 class="summary-title-link"> 5333 Infinite Gallery Slider 5334 </a> 5335 </div> 5336 5337 <div class="summary-metadata-container summary-metadata-container--below-title"> 5338 5339 <div class="summary-metadata summary-metadata--primary"> 5340 5341 5342 5343 5344 5345 5346 5347 5348 5349 5350 5351 5352 5353 5354</div> 5355 5356 <div class="summary-metadata summary-metadata--secondary"> 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 5367 5368 5369 5370 5371</div> 5372 </div> 5373 5374 5375 5376 <div class="summary-price"> 5377 5378 5379<div class="product-price"> 5380$25.00 5381</div></div> 5382 5383 5384 5385 5386 5387 <div class=" 5388 summary-excerpt 5389 summary-excerpt-only 5390 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><strong>Infinite Gallery Slider</strong> turns any List Section into a smooth, continuously scrolling image reel. Perfect for product shots, logos, brand badges, or any set of visuals you want moving on autopilot. </p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://infinite-gallery-slider.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 5391 5392 5393 5394 <a href="/products/p/infinite-logo-gallery-slider" class="summary-read-more-link">Read more →</a> 5395 5396 <div class="summary-metadata-container summary-metadata-container--below-content"> 5397 5398 <div class="summary-metadata summary-metadata--primary"> 5399 5400 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413</div> 5414 5415 <div class="summary-metadata summary-metadata--secondary"> 5416 5417 5418 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 5430</div> 5431 </div> 5432 </div> 5433 </div> 5434 5435 <div class=" 5436 summary-item 5437 positioned 5438 summary-item-record-type-store-item 5439 sqs-gallery-design-carousel-slide 5440 5441 5442 summary-item-has-thumbnail 5443 5444 summary-item-has-excerpt 5445 summary-item-has-cats 5446 summary-item-has-tags 5447 5448 summary-item-has-comments-enabled 5449 5450 " 5451 5452 > 5453 5454 5455 5456 5457
5458 <div class="summary-thumbnail-outer-container"> 5459 <a 5460 5461 5462 href="/products/p/horizontal-scrolling-sections" 5463 5464 5465 class=" 5466 summary-thumbnail-container 5467 sqs-gallery-image-container 5468 5469 " 5470 data-title="Horizontal Scrolling Sections" 5471 data-description="" 5472 aria-label="Horizontal Scrolling Sections" 5473 > 5474 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 5475 5476 5477 5478 <!-- Main Image --> 5479 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1762558641095-CQX3XF8W8ILSOY9SO2CW/Horizontal+Scrolling+Section.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1762558641095-CQX3XF8W8ILSOY9SO2CW/Horizontal+Scrolling+Section.gif" data-image-dimensions="800x444" data-image-focal-point="0.5,0.5" alt="Horizontal Scrolling Sections" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 5480 5481 5482 5483 5484 5485 5486 <!-- Products: Mark --> 5487 <div class="summary-product-status"> 5488 5489 5490 5491 5492 5493 5494 </div> 5495 5496 5497 5498 5499 </div> 5500 </a> 5501 5502 <!-- Products: Quick View --> 5503 5504 5505 5506 5507 </div> 5508 5509 5510 5511 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 5512 5513 <div class="summary-metadata-container summary-metadata-container--above-title"> 5514 5515 <div class="summary-metadata summary-metadata--primary"> 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530</div> 5531 5532 <div class="summary-metadata summary-metadata--secondary"> 5533 5534 5535 5536 5537 5538 5539 5540 5541 5542 5543 5544 5545 5546 5547</div> 5548 </div> 5549 5550 <div class="summary-title"> 5551 <a 5552 5553 5554 href="/products/p/horizontal-scrolling-sections" 5555 5556 5557 class="summary-title-link"> 5558 Horizontal Scrolling Sections 5559 </a> 5560 </div> 5561 5562 <div class="summary-metadata-container summary-metadata-container--below-title"> 5563 5564 <div class="summary-metadata summary-metadata--primary"> 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579</div> 5580 5581 <div class="summary-metadata summary-metadata--secondary"> 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593 5594 5595 5596</div> 5597 </div> 5598 5599 5600 5601 <div class="summary-price"> 5602 5603 5604<div class="product-price"> 5605$25.00 5606</div></div> 5607 5608 5609 5610 5611 5612 <div class=" 5613 summary-excerpt 5614 summary-excerpt-only 5615 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><span>Transform any page section into a horizontal scroll component. Ideal for image galleries, case studies, and storytelling layouts. Simple setup, smooth performance, mobile-friendly.</span></p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://horizontal-scroll-plugin.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 5616 5617 5618 5619 <a href="/products/p/horizontal-scrolling-sections" class="summary-read-more-link">Read more →</a> 5620 5621 <div class="summary-metadata-container summary-metadata-container--below-content"> 5622 5623 <div class="summary-metadata summary-metadata--primary"> 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638</div> 5639 5640 <div class="summary-metadata summary-metadata--secondary"> 5641 5642 5643 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655</div> 5656 </div> 5657 </div> 5658 </div> 5659 5660 <div class=" 5661 summary-item 5662 positioned 5663 summary-item-record-type-store-item 5664 sqs-gallery-design-carousel-slide 5665 5666 5667 summary-item-has-thumbnail 5668 5669 summary-item-has-excerpt 5670 summary-item-has-cats 5671 summary-item-has-tags 5672 5673 summary-item-has-comments-enabled 5674 5675 " 5676 5677 > 5678 5679 5680 5681 5682
5683 <div class="summary-thumbnail-outer-container"> 5684 <a 5685 5686 5687 href="/products/p/blog-pagination-glide" 5688 5689 5690 class=" 5691 summary-thumbnail-container 5692 sqs-gallery-image-container 5693 5694 " 5695 data-title="Blog Pagination - Glide" 5696 data-description="" 5697 aria-label="Blog Pagination - Glide" 5698 > 5699 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 5700 5701 5702 5703 <!-- Main Image --> 5704 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/d179004a-ec7b-4fb2-a18e-a2c8849beac9/Blog+Pagination.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/d179004a-ec7b-4fb2-a18e-a2c8849beac9/Blog+Pagination.gif" data-image-dimensions="960x539" data-image-focal-point="0.5,0.5" alt="Blog Pagination - Glide" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 5705 5706 5707 5708 5709 5710 5711 <!-- Products: Mark --> 5712 <div class="summary-product-status"> 5713 5714 5715 5716 5717 5718 5719 </div> 5720 5721 5722 5723 5724 </div> 5725 </a> 5726 5727 <!-- Products: Quick View --> 5728 5729 5730 5731 5732 </div> 5733 5734 5735 5736 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 5737 5738 <div class="summary-metadata-container summary-metadata-container--above-title"> 5739 5740 <div class="summary-metadata summary-metadata--primary"> 5741 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755</div> 5756 5757 <div class="summary-metadata summary-metadata--secondary"> 5758 5759 5760 5761 5762 5763 5764 5765 5766 5767 5768 5769 5770 5771 5772</div> 5773 </div> 5774 5775 <div class="summary-title"> 5776 <a 5777 5778 5779 href="/products/p/blog-pagination-glide" 5780 5781 5782 class="summary-title-link"> 5783 Blog Pagination - Glide 5784 </a> 5785 </div> 5786 5787 <div class="summary-metadata-container summary-metadata-container--below-title"> 5788 5789 <div class="summary-metadata summary-metadata--primary"> 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804</div> 5805 5806 <div class="summary-metadata summary-metadata--secondary"> 5807 5808 5809 5810 5811 5812 5813 5814 5815 5816 5817 5818 5819 5820 5821</div> 5822 </div> 5823 5824 5825 5826 <div class="summary-price"> 5827 5828 5829<div class="product-price"> 5830$25.00 5831</div></div> 5832 5833 5834 5835 5836 5837 <div class=" 5838 summary-excerpt 5839 summary-excerpt-only 5840 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Create a beautiful Glide In animation for your</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://blog-pagination-glide.squarespace.com/blog/golden-milk-jbsel?password=demo">See Demo</a> (password: demo)</p></div> 5841 5842 5843 5844 <a href="/products/p/blog-pagination-glide" class="summary-read-more-link">Read more →</a> 5845 5846 <div class="summary-metadata-container summary-metadata-container--below-content"> 5847 5848 <div class="summary-metadata summary-metadata--primary"> 5849 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863</div> 5864 5865 <div class="summary-metadata summary-metadata--secondary"> 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880</div> 5881 </div> 5882 </div> 5883 </div> 5884 5885 <div class=" 5886 summary-item 5887 positioned 5888 summary-item-record-type-store-item 5889 sqs-gallery-design-carousel-slide 5890 5891 5892 summary-item-has-thumbnail 5893 5894 summary-item-has-excerpt 5895 summary-item-has-cats 5896 summary-item-has-tags 5897 5898 summary-item-has-comments-enabled 5899 5900 " 5901 5902 > 5903 5904 5905 5906 5907
5908 <div class="summary-thumbnail-outer-container"> 5909 <a 5910 5911 5912 href="/products/p/image-hotspots-plugin-for-squarespace" 5913 5914 5915 class=" 5916 summary-thumbnail-container 5917 sqs-gallery-image-container 5918 5919 " 5920 data-title="Image Hotspots" 5921 data-description="" 5922 aria-label="Image Hotspots" 5923 > 5924 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 5925 5926 5927 5928 <!-- Main Image --> 5929 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/3444d354-c4e2-4fc3-aa3d-3e831d682996/Image+Hotspot+-+Product+Image.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/3444d354-c4e2-4fc3-aa3d-3e831d682996/Image+Hotspot+-+Product+Image.jpg" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="Image Hotspots" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 5930 5931 5932 5933 5934 5935 5936 <!-- Products: Mark --> 5937 <div class="summary-product-status"> 5938 5939 5940 5941 5942 5943 5944 </div> 5945 5946 5947 5948 5949 </div> 5950 </a> 5951 5952 <!-- Products: Quick View --> 5953 5954 5955 5956 5957 </div> 5958 5959 5960 5961 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 5962 5963 <div class="summary-metadata-container summary-metadata-container--above-title"> 5964 5965 <div class="summary-metadata summary-metadata--primary"> 5966 5967 5968 5969 5970 5971 5972 5973 5974 5975 5976 5977 5978 5979 5980</div> 5981 5982 <div class="summary-metadata summary-metadata--secondary"> 5983 5984 5985 5986 5987 5988 5989 5990 5991 5992 5993 5994 5995 5996 5997</div> 5998 </div> 5999 6000 <div class="summary-title"> 6001 <a 6002 6003 6004 href="/products/p/image-hotspots-plugin-for-squarespace" 6005 6006 6007 class="summary-title-link"> 6008 Image Hotspots 6009 </a> 6010 </div> 6011 6012 <div class="summary-metadata-container summary-metadata-container--below-title"> 6013 6014 <div class="summary-metadata summary-metadata--primary"> 6015 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029</div> 6030 6031 <div class="summary-metadata summary-metadata--secondary"> 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046</div> 6047 </div> 6048 6049 6050 6051 <div class="summary-price"> 6052 6053 6054<div class="product-price"> 6055$25.00 6056</div></div> 6057 6058 6059 6060 6061 6062 <div class=" 6063 summary-excerpt 6064 summary-excerpt-only 6065 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Easily add Image Hotspots to Image Blocks or Product Detail Images on your website. </p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://image-hotspots.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 6066 6067 6068 6069 <a href="/products/p/image-hotspots-plugin-for-squarespace" class="summary-read-more-link">Read more →</a> 6070 6071 <div class="summary-metadata-container summary-metadata-container--below-content"> 6072 6073 <div class="summary-metadata summary-metadata--primary"> 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088</div> 6089 6090 <div class="summary-metadata summary-metadata--secondary"> 6091 6092 6093 6094 6095 6096 6097 6098 6099 6100 6101 6102 6103 6104 6105</div> 6106 </div> 6107 </div> 6108 </div> 6109 6110 <div class=" 6111 summary-item 6112 positioned 6113 summary-item-record-type-store-item 6114 sqs-gallery-design-carousel-slide 6115 6116 6117 summary-item-has-thumbnail 6118 6119 summary-item-has-excerpt 6120 summary-item-has-cats 6121 summary-item-has-tags 6122 6123 summary-item-has-comments-enabled 6124 6125 " 6126 6127 > 6128 6129 6130 6131 6132
6133 <div class="summary-thumbnail-outer-container"> 6134 <a 6135 6136 6137 href="/products/p/tooltips-for-squarespace" 6138 6139 6140 class=" 6141 summary-thumbnail-container 6142 sqs-gallery-image-container 6143 6144 " 6145 data-title="Tooltips" 6146 data-description="" 6147 aria-label="Tooltips" 6148 > 6149 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 6150 6151 6152 6153 <!-- Main Image --> 6154 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/2e19eb4b-62a2-4834-ae3a-7c642470fd60/Screen+Recording+2025-06-23+at+2.35.14%E2%80%AFPM.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/2e19eb4b-62a2-4834-ae3a-7c642470fd60/Screen+Recording+2025-06-23+at+2.35.14%E2%80%AFPM.gif" data-image-dimensions="960x549" data-image-focal-point="0.5,0.5" alt="Tooltips" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 6155 6156 6157 6158 6159 6160 6161 <!-- Products: Mark --> 6162 <div class="summary-product-status"> 6163 6164 6165 6166 6167 6168 6169 </div> 6170 6171 6172 6173 6174 </div> 6175 </a> 6176 6177 <!-- Products: Quick View --> 6178 6179 6180 6181 6182 </div> 6183 6184 6185 6186 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 6187 6188 <div class="summary-metadata-container summary-metadata-container--above-title"> 6189 6190 <div class="summary-metadata summary-metadata--primary"> 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205</div> 6206 6207 <div class="summary-metadata summary-metadata--secondary"> 6208 6209 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222</div> 6223 </div> 6224 6225 <div class="summary-title"> 6226 <a 6227 6228 6229 href="/products/p/tooltips-for-squarespace" 6230 6231 6232 class="summary-title-link"> 6233 Tooltips 6234 </a> 6235 </div> 6236 6237 <div class="summary-metadata-container summary-metadata-container--below-title"> 6238 6239 <div class="summary-metadata summary-metadata--primary"> 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254</div> 6255 6256 <div class="summary-metadata summary-metadata--secondary"> 6257 6258 6259 6260 6261 6262 6263 6264 6265 6266 6267 6268 6269 6270 6271</div> 6272 </div> 6273 6274 6275 6276 <div class="summary-price"> 6277 6278 6279<div class="product-price"> 6280$25.00 6281</div></div> 6282 6283 6284 6285 6286 6287 <div class=" 6288 summary-excerpt 6289 summary-excerpt-only 6290 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Easily add Tooltips to your Squarespace 7.1 website. With simple copy-and-paste code and clear installation video, you'll be up and running in no time.</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://tooltips-plugin.squarespace.com/?password=demo">See Demo</a> (password: demo)</p></div> 6291 6292 6293 6294 <a href="/products/p/tooltips-for-squarespace" class="summary-read-more-link">Read more →</a> 6295 6296 <div class="summary-metadata-container summary-metadata-container--below-content"> 6297 6298 <div class="summary-metadata summary-metadata--primary"> 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 6313</div> 6314 6315 <div class="summary-metadata summary-metadata--secondary"> 6316 6317 6318 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330</div> 6331 </div> 6332 </div> 6333 </div> 6334 6335 <div class=" 6336 summary-item 6337 positioned 6338 summary-item-record-type-store-item 6339 sqs-gallery-design-carousel-slide 6340 6341 6342 summary-item-has-thumbnail 6343 6344 summary-item-has-excerpt 6345 summary-item-has-cats 6346 summary-item-has-tags 6347 6348 summary-item-has-comments-enabled 6349 6350 " 6351 6352 > 6353 6354 6355 6356 6357
6358 <div class="summary-thumbnail-outer-container"> 6359 <a 6360 6361 6362 href="/products/p/pocket-view" 6363 6364 6365 class=" 6366 summary-thumbnail-container 6367 sqs-gallery-image-container 6368 6369 " 6370 data-title="Pocket View Tabs" 6371 data-description="" 6372 aria-label="Pocket View Tabs" 6373 > 6374 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 6375 6376 6377 6378 <!-- Main Image --> 6379 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/d5c0f09e-b19b-4709-96f0-775c1ca9de71/Screenshot+2025-01-23+at+15.46.14.png" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/d5c0f09e-b19b-4709-96f0-775c1ca9de71/Screenshot+2025-01-23+at+15.46.14.png" data-image-dimensions="2872x1374" data-image-focal-point="0.5,0.5" alt="Pocket View Tabs" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 6380 6381 6382 6383 6384 6385 6386 <!-- Products: Mark --> 6387 <div class="summary-product-status"> 6388 6389 6390 6391 6392 6393 6394 </div> 6395 6396 6397 6398 6399 </div> 6400 </a> 6401 6402 <!-- Products: Quick View --> 6403 6404 6405 6406 6407 </div> 6408 6409 6410 6411 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 6412 6413 <div class="summary-metadata-container summary-metadata-container--above-title"> 6414 6415 <div class="summary-metadata summary-metadata--primary"> 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430</div> 6431 6432 <div class="summary-metadata summary-metadata--secondary"> 6433 6434 6435 6436 6437 6438 6439 6440 6441 6442 6443 6444 6445 6446 6447</div> 6448 </div> 6449 6450 <div class="summary-title"> 6451 <a 6452 6453 6454 href="/products/p/pocket-view" 6455 6456 6457 class="summary-title-link"> 6458 Pocket View Tabs 6459 </a> 6460 </div> 6461 6462 <div class="summary-metadata-container summary-metadata-container--below-title"> 6463 6464 <div class="summary-metadata summary-metadata--primary"> 6465 6466 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479</div> 6480 6481 <div class="summary-metadata summary-metadata--secondary"> 6482 6483 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496</div> 6497 </div> 6498 6499 6500 6501 <div class="summary-price"> 6502 6503 6504<div class="product-price"> 6505$25.00 6506</div></div> 6507 6508 6509 6510 6511 6512 <div class=" 6513 summary-excerpt 6514 summary-excerpt-only 6515 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Transform List Sections into an elegant Tab Component.</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://pocket-view.squarespace.com/?password=demo">View Demo</a> (pw: demo)</p></div> 6516 6517 6518 6519 <a href="/products/p/pocket-view" class="summary-read-more-link">Read more →</a> 6520 6521 <div class="summary-metadata-container summary-metadata-container--below-content"> 6522 6523 <div class="summary-metadata summary-metadata--primary"> 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538</div> 6539 6540 <div class="summary-metadata summary-metadata--secondary"> 6541 6542 6543 6544 6545 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555</div> 6556 </div> 6557 </div> 6558 </div> 6559 6560 <div class=" 6561 summary-item 6562 positioned 6563 summary-item-record-type-store-item 6564 sqs-gallery-design-carousel-slide 6565 6566 6567 summary-item-has-thumbnail 6568 6569 summary-item-has-excerpt 6570 summary-item-has-cats 6571 summary-item-has-tags 6572 6573 summary-item-has-comments-enabled 6574 6575 " 6576 6577 > 6578 6579 6580 6581 6582
6583 <div class="summary-thumbnail-outer-container"> 6584 <a 6585 6586 6587 href="/products/p/collection-carousel" 6588 6589 6590 class=" 6591 summary-thumbnail-container 6592 sqs-gallery-image-container 6593 6594 " 6595 data-title="Collection Carousel" 6596 data-description="" 6597 aria-label="Collection Carousel" 6598 > 6599 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 6600 6601 6602 6603 <!-- Main Image --> 6604 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/90077d92-440d-438c-bd33-80c07f81e48c/Free+Mode.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/90077d92-440d-438c-bd33-80c07f81e48c/Free+Mode.gif" data-image-dimensions="800x442" data-image-focal-point="0.5,0.5" alt="Collection Carousel" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 6605 6606 6607 6608 6609 6610 6611 <!-- Products: Mark --> 6612 <div class="summary-product-status"> 6613 6614 6615 6616 6617 6618 6619 </div> 6620 6621 6622 6623 6624 </div> 6625 </a> 6626 6627 <!-- Products: Quick View --> 6628 6629 6630 6631 6632 </div> 6633 6634 6635 6636 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 6637 6638 <div class="summary-metadata-container summary-metadata-container--above-title"> 6639 6640 <div class="summary-metadata summary-metadata--primary"> 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655</div> 6656 6657 <div class="summary-metadata summary-metadata--secondary"> 6658 6659 6660 6661 6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672</div> 6673 </div> 6674 6675 <div class="summary-title"> 6676 <a 6677 6678 6679 href="/products/p/collection-carousel" 6680 6681 6682 class="summary-title-link"> 6683 Collection Carousel 6684 </a> 6685 </div> 6686 6687 <div class="summary-metadata-container summary-metadata-container--below-title"> 6688 6689 <div class="summary-metadata summary-metadata--primary"> 6690 6691 6692 6693 6694 6695 6696 6697 6698 6699 6700 6701 6702 6703 6704</div> 6705 6706 <div class="summary-metadata summary-metadata--secondary"> 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721</div> 6722 </div> 6723 6724 6725 6726 <div class="summary-price"> 6727 6728 6729<div class="product-price"> 6730$25.00 6731</div></div> 6732 6733 6734 6735 6736 6737 <div class=" 6738 summary-excerpt 6739 summary-excerpt-only 6740 "><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://collection-carousel.squarespace.com/?password=demo">See Demo</a></p><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true">Add a beautiful collection carousel with features like, infinite loop, autoplay, and free sliding. </p></div> 6741 6742 6743 6744 <a href="/products/p/collection-carousel" class="summary-read-more-link">Read more →</a> 6745 6746 <div class="summary-metadata-container summary-metadata-container--below-content"> 6747 6748 <div class="summary-metadata summary-metadata--primary"> 6749 6750 6751 6752 6753 6754 6755 6756 6757 6758 6759 6760 6761 6762 6763</div> 6764 6765 <div class="summary-metadata summary-metadata--secondary"> 6766 6767 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780</div> 6781 </div> 6782 </div> 6783 </div> 6784 6785 <div class=" 6786 summary-item 6787 positioned 6788 summary-item-record-type-store-item 6789 sqs-gallery-design-carousel-slide 6790 6791 6792 summary-item-has-thumbnail 6793 6794 summary-item-has-excerpt 6795 summary-item-has-cats 6796 summary-item-has-tags 6797 6798 summary-item-has-comments-enabled 6799 6800 " 6801 6802 > 6803 6804 6805 6806 6807
6808 <div class="summary-thumbnail-outer-container"> 6809 <a 6810 6811 6812 href="/products/p/secondary-navigation-for-squarespace-71" 6813 6814 6815 class=" 6816 summary-thumbnail-container 6817 sqs-gallery-image-container 6818 6819 " 6820 data-title="Secondary Navigation for Squarespace 7.1" 6821 data-description="" 6822 aria-label="Secondary Navigation for Squarespace 7.1" 6823 > 6824 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 6825 6826 6827 6828 <!-- Main Image --> 6829 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/a9f0ec5d-dafa-4c49-a385-d99c5a6e1b87/product+page.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/a9f0ec5d-dafa-4c49-a385-d99c5a6e1b87/product+page.gif" data-image-dimensions="800x460" data-image-focal-point="0.5,0.5" alt="Secondary Navigation for Squarespace 7.1" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 6830 6831 6832 6833 6834 6835 6836 <!-- Products: Mark --> 6837 <div class="summary-product-status"> 6838 6839 6840 6841 6842 6843 6844 </div> 6845 6846 6847 6848 6849 </div> 6850 </a> 6851 6852 <!-- Products: Quick View --> 6853 6854 6855 6856 6857 </div> 6858 6859 6860 6861 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 6862 6863 <div class="summary-metadata-container summary-metadata-container--above-title"> 6864 6865 <div class="summary-metadata summary-metadata--primary"> 6866 6867 6868 6869 6870 6871 6872 6873 6874 6875 6876 6877 6878 6879 6880</div> 6881 6882 <div class="summary-metadata summary-metadata--secondary"> 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 6895 6896 6897</div> 6898 </div> 6899 6900 <div class="summary-title"> 6901 <a 6902 6903 6904 href="/products/p/secondary-navigation-for-squarespace-71" 6905 6906 6907 class="summary-title-link"> 6908 Secondary Navigation for Squarespace 7.1 6909 </a> 6910 </div> 6911 6912 <div class="summary-metadata-container summary-metadata-container--below-title"> 6913 6914 <div class="summary-metadata summary-metadata--primary"> 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 6926 6927 6928 6929</div> 6930 6931 <div class="summary-metadata summary-metadata--secondary"> 6932 6933 6934 6935 6936 6937 6938 6939 6940 6941 6942 6943 6944 6945 6946</div> 6947 </div> 6948 6949 6950 6951 <div class="summary-price"> 6952 6953 6954<div class="product-price"> 6955$25.00 6956</div></div> 6957 6958 6959 6960 6961 6962 <div class=" 6963 summary-excerpt 6964 summary-excerpt-only 6965 "><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://secondary-nav-wm-plugin.squarespace.com/?password=demo">See Demo</a></p><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true">Add a secondary navigation above or below your header, either on a single page or site-wide.</p></div> 6966 6967 6968 6969 <a href="/products/p/secondary-navigation-for-squarespace-71" class="summary-read-more-link">Read more →</a> 6970 6971 <div class="summary-metadata-container summary-metadata-container--below-content"> 6972 6973 <div class="summary-metadata summary-metadata--primary"> 6974 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988</div> 6989 6990 <div class="summary-metadata summary-metadata--secondary"> 6991 6992 6993 6994 6995 6996 6997 6998 6999 7000 7001 7002 7003 7004 7005</div> 7006 </div> 7007 </div> 7008 </div> 7009 7010 <div class=" 7011 summary-item 7012 positioned 7013 summary-item-record-type-store-item 7014 sqs-gallery-design-carousel-slide 7015 7016 7017 summary-item-has-thumbnail 7018 7019 summary-item-has-excerpt 7020 summary-item-has-cats 7021 summary-item-has-tags 7022 7023 summary-item-has-comments-enabled 7024 7025 " 7026 7027 > 7028 7029 7030 7031 7032
7033 <div class="summary-thumbnail-outer-container"> 7034 <a 7035 7036 7037 href="/products/p/pricing-table" 7038 7039 7040 class=" 7041 summary-thumbnail-container 7042 sqs-gallery-image-container 7043 7044 " 7045 data-title="Pricing Table" 7046 data-description="" 7047 aria-label="Pricing Table" 7048 > 7049 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 7050 7051 7052 7053 <!-- Main Image --> 7054 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/eb3999b2-fccb-4d46-a349-f4eaaa1ff50e/Screenshot+2024-08-09+at+15.14.30.png" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/eb3999b2-fccb-4d46-a349-f4eaaa1ff50e/Screenshot+2024-08-09+at+15.14.30.png" data-image-dimensions="2880x1048" data-image-focal-point="0.5,0.5" alt="Pricing Table" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 7055 7056 7057 7058 7059 7060 7061 <!-- Products: Mark --> 7062 <div class="summary-product-status"> 7063 7064 7065 7066 7067 7068 7069 </div> 7070 7071 7072 7073 7074 </div> 7075 </a> 7076 7077 <!-- Products: Quick View --> 7078 7079 7080 7081 7082 </div> 7083 7084 7085 7086 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 7087 7088 <div class="summary-metadata-container summary-metadata-container--above-title"> 7089 7090 <div class="summary-metadata summary-metadata--primary"> 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 7102 7103 7104 7105</div> 7106 7107 <div class="summary-metadata summary-metadata--secondary"> 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122</div> 7123 </div> 7124 7125 <div class="summary-title"> 7126 <a 7127 7128 7129 href="/products/p/pricing-table" 7130 7131 7132 class="summary-title-link"> 7133 Pricing Table 7134 </a> 7135 </div> 7136 7137 <div class="summary-metadata-container summary-metadata-container--below-title"> 7138 7139 <div class="summary-metadata summary-metadata--primary"> 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 7153 7154</div> 7155 7156 <div class="summary-metadata summary-metadata--secondary"> 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171</div> 7172 </div> 7173 7174 7175 7176 <div class="summary-price"> 7177 7178 7179<div class="product-price"> 7180$25.00 7181</div></div> 7182 7183 7184 7185 7186 7187 <div class=" 7188 summary-excerpt 7189 summary-excerpt-only 7190 "><p>Display your packages or services elegantly in a Pricing Table. Three Preset Styles available.</p><p><a target="_blank" href="https://pricing-table.squarespace.com?password=demo">View Demo</a> (pw: demo)</p></div> 7191 7192 7193 7194 <a href="/products/p/pricing-table" class="summary-read-more-link">Read more →</a> 7195 7196 <div class="summary-metadata-container summary-metadata-container--below-content"> 7197 7198 <div class="summary-metadata summary-metadata--primary"> 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213</div> 7214 7215 <div class="summary-metadata summary-metadata--secondary"> 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230</div> 7231 </div> 7232 </div> 7233 </div> 7234 7235 <div class=" 7236 summary-item 7237 positioned 7238 summary-item-record-type-store-item 7239 sqs-gallery-design-carousel-slide 7240 7241 7242 summary-item-has-thumbnail 7243 7244 summary-item-has-excerpt 7245 summary-item-has-cats 7246 summary-item-has-tags 7247 7248 summary-item-has-comments-enabled 7249 7250 " 7251 7252 > 7253 7254 7255 7256 7257
7258 <div class="summary-thumbnail-outer-container"> 7259 <a 7260 7261 7262 href="/products/p/tabs-plugin-for-squarespace" 7263 7264 7265 class=" 7266 summary-thumbnail-container 7267 sqs-gallery-image-container 7268 7269 " 7270 data-title="Tabs Pro" 7271 data-description="" 7272 aria-label="Tabs Pro" 7273 > 7274 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 7275 7276 7277 7278 <!-- Main Image --> 7279 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1719534540909-9CYS6L73YNG2HAW98NGE/Tabs+Pro+Thumbnail.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1719534540909-9CYS6L73YNG2HAW98NGE/Tabs+Pro+Thumbnail.gif" data-image-dimensions="800x444" data-image-focal-point="0.5,0.5" alt="Tabs Pro" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 7280 7281 7282 7283 7284 7285 7286 <!-- Products: Mark --> 7287 <div class="summary-product-status"> 7288 7289 7290 7291 7292 7293 7294 </div> 7295 7296 7297 7298 7299 </div> 7300 </a> 7301 7302 <!-- Products: Quick View --> 7303 7304 7305 7306 7307 </div> 7308 7309 7310 7311 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 7312 7313 <div class="summary-metadata-container summary-metadata-container--above-title"> 7314 7315 <div class="summary-metadata summary-metadata--primary"> 7316 7317 7318 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 7329 7330</div> 7331 7332 <div class="summary-metadata summary-metadata--secondary"> 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347</div> 7348 </div> 7349 7350 <div class="summary-title"> 7351 <a 7352 7353 7354 href="/products/p/tabs-plugin-for-squarespace" 7355 7356 7357 class="summary-title-link"> 7358 Tabs Pro 7359 </a> 7360 </div> 7361 7362 <div class="summary-metadata-container summary-metadata-container--below-title"> 7363 7364 <div class="summary-metadata summary-metadata--primary"> 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379</div> 7380 7381 <div class="summary-metadata summary-metadata--secondary"> 7382 7383 7384 7385 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 7396</div> 7397 </div> 7398 7399 7400 7401 <div class="summary-price"> 7402 7403 7404<div class="product-price"> 7405$25.00 7406</div></div> 7407 7408 7409 7410 7411 7412 <div class=" 7413 summary-excerpt 7414 summary-excerpt-only 7415 "><p class="" style="white-space:pre-wrap;"><a href="https://tabs-plugin-demo.squarespace.com?password=demo" target="_blank">See Demo</a> (pw: demo)</p><p class="" style="white-space:pre-wrap;">Add a beautiful tabs component to your Squarespace website thatâs easy to edit and fun to customize. </p></div> 7416 7417 7418 7419 <a href="/products/p/tabs-plugin-for-squarespace" class="summary-read-more-link">Read more →</a> 7420 7421 <div class="summary-metadata-container summary-metadata-container--below-content"> 7422 7423 <div class="summary-metadata summary-metadata--primary"> 7424 7425 7426 7427 7428 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438</div> 7439 7440 <div class="summary-metadata summary-metadata--secondary"> 7441 7442 7443 7444 7445 7446 7447 7448 7449 7450 7451 7452 7453 7454 7455</div> 7456 </div> 7457 </div> 7458 </div> 7459 7460 <div class=" 7461 summary-item 7462 positioned 7463 summary-item-record-type-store-item 7464 sqs-gallery-design-carousel-slide 7465 7466 7467 summary-item-has-thumbnail 7468 7469 summary-item-has-excerpt 7470 summary-item-has-cats 7471 summary-item-has-tags 7472 7473 summary-item-has-comments-enabled 7474 7475 " 7476 7477 > 7478 7479 7480 7481 7482
7483 <div class="summary-thumbnail-outer-container"> 7484 <a 7485 7486 7487 href="/products/p/countdown-timer" 7488 7489 7490 class=" 7491 summary-thumbnail-container 7492 sqs-gallery-image-container 7493 7494 " 7495 data-title="Countdown Timer" 7496 data-description="" 7497 aria-label="Countdown Timer" 7498 > 7499 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 7500 7501 7502 7503 7504 7505 7506 7507 <!-- Products: First Product Image Image --> 7508 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c805ed31-4bb3-46d7-9b86-65cb304461e4/Countdown+Timer.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c805ed31-4bb3-46d7-9b86-65cb304461e4/Countdown+Timer.gif" data-image-dimensions="800x450" data-image-focal-point="0.5,0.5" alt="Countdown Timer.gif" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 7509 7510 7511 7512 7513 7514 7515 7516 7517 <!-- Products: Mark --> 7518 <div class="summary-product-status"> 7519 7520 7521 7522 7523 7524 7525 </div> 7526 7527 7528 7529 7530 </div> 7531 </a> 7532 7533 <!-- Products: Quick View --> 7534 7535 7536 7537 7538 </div> 7539 7540 7541 7542 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 7543 7544 <div class="summary-metadata-container summary-metadata-container--above-title"> 7545 7546 <div class="summary-metadata summary-metadata--primary"> 7547 7548 7549 7550 7551 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561</div> 7562 7563 <div class="summary-metadata summary-metadata--secondary"> 7564 7565 7566 7567 7568 7569 7570 7571 7572 7573 7574 7575 7576 7577 7578</div> 7579 </div> 7580 7581 <div class="summary-title"> 7582 <a 7583 7584 7585 href="/products/p/countdown-timer" 7586 7587 7588 class="summary-title-link"> 7589 Countdown Timer 7590 </a> 7591 </div> 7592 7593 <div class="summary-metadata-container summary-metadata-container--below-title"> 7594 7595 <div class="summary-metadata summary-metadata--primary"> 7596 7597 7598 7599 7600 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610</div> 7611 7612 <div class="summary-metadata summary-metadata--secondary"> 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 7623 7624 7625 7626 7627</div> 7628 </div> 7629 7630 7631 7632 <div class="summary-price"> 7633 7634 7635<div class="product-price"> 7636$25.00 7637</div></div> 7638 7639 7640 7641 7642 7643 <div class=" 7644 summary-excerpt 7645 summary-excerpt-only 7646 "><p style="white-space:pre-wrap;">Display a Countdown Timer to an event. Choose from three preset styles.</p><p style="white-space:pre-wrap;">Option to place within Announcement Bar provided.</p><p style="white-space:pre-wrap;"><a href="https://wm-countdown-timer.squarespace.com" target="_blank" rel="noopener">View Demo</a> (pw: demo)</p><p style="white-space:pre-wrap;"><a href="#wm-popup=/countdown-timer-demo-video#block-yui_3_17_2_1_1720594068274_31385" rel="noopener">How This Works [Video]</a></p></div> 7647 7648 7649 7650 <a href="/products/p/countdown-timer" class="summary-read-more-link">Read more →</a> 7651 7652 <div class="summary-metadata-container summary-metadata-container--below-content"> 7653 7654 <div class="summary-metadata summary-metadata--primary"> 7655 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 7666 7667 7668 7669</div> 7670 7671 <div class="summary-metadata summary-metadata--secondary"> 7672 7673 7674 7675 7676 7677 7678 7679 7680 7681 7682 7683 7684 7685 7686</div> 7687 </div> 7688 </div> 7689 </div> 7690 7691 <div class=" 7692 summary-item 7693 positioned 7694 summary-item-record-type-store-item 7695 sqs-gallery-design-carousel-slide 7696 7697 7698 summary-item-has-thumbnail 7699 7700 summary-item-has-excerpt 7701 summary-item-has-cats 7702 summary-item-has-tags 7703 7704 summary-item-has-comments-enabled 7705 7706 " 7707 7708 > 7709 7710 7711 7712 7713
7714 <div class="summary-thumbnail-outer-container"> 7715 <a 7716 7717 7718 href="/products/p/pinned-page-nav-bar" 7719 7720 7721 class=" 7722 summary-thumbnail-container 7723 sqs-gallery-image-container 7724 7725 " 7726 data-title="Pinned Page Nav Bar" 7727 data-description="" 7728 aria-label="Pinned Page Nav Bar" 7729 > 7730 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 7731 7732 7733 7734 <!-- Main Image --> 7735 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1708970173696-FRQNMDUNGXPV2MCFAZKU/Screen+Recording+2024-02-26+at+12.54.39%E2%80%AFPM.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1708970173696-FRQNMDUNGXPV2MCFAZKU/Screen+Recording+2024-02-26+at+12.54.39%E2%80%AFPM.gif" data-image-dimensions="800x450" data-image-focal-point="0.5,0.5" alt="Pinned Page Nav Bar" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 7736 7737 7738 7739 7740 7741 7742 <!-- Products: Mark --> 7743 <div class="summary-product-status"> 7744 7745 7746 7747 7748 7749 7750 </div> 7751 7752 7753 7754 7755 </div> 7756 </a> 7757 7758 <!-- Products: Quick View --> 7759 7760 7761 7762 7763 </div> 7764 7765 7766 7767 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 7768 7769 <div class="summary-metadata-container summary-metadata-container--above-title"> 7770 7771 <div class="summary-metadata summary-metadata--primary"> 7772 7773 7774 7775 7776 7777 7778 7779 7780 7781 7782 7783 7784 7785 7786</div> 7787 7788 <div class="summary-metadata summary-metadata--secondary"> 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803</div> 7804 </div> 7805 7806 <div class="summary-title"> 7807 <a 7808 7809 7810 href="/products/p/pinned-page-nav-bar" 7811 7812 7813 class="summary-title-link"> 7814 Pinned Page Nav Bar 7815 </a> 7816 </div> 7817 7818 <div class="summary-metadata-container summary-metadata-container--below-title"> 7819 7820 <div class="summary-metadata summary-metadata--primary"> 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835</div> 7836 7837 <div class="summary-metadata summary-metadata--secondary"> 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852</div> 7853 </div> 7854 7855 7856 7857 <div class="summary-price"> 7858 7859 7860<div class="product-price"> 7861$25.00 7862</div></div> 7863 7864 7865 7866 7867 7868 <div class=" 7869 summary-excerpt 7870 summary-excerpt-only 7871 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Easily navigate throughout a page with this pinned page nav bar. Outline your page content for easy navigation. </p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://pinned-page-navbar-demo.squarespace.com/services?password=demo" rel="noopener">View Demo</a> (pw: demo)</p><p style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a href="#wm-popup=/pinned-nav-demo-video#block-yui_3_17_2_1_1710172698723_35970" rel="noopener">How This Works [Video]</a></p></div> 7872 7873 7874 7875 <a href="/products/p/pinned-page-nav-bar" class="summary-read-more-link">Read more →</a> 7876 7877 <div class="summary-metadata-container summary-metadata-container--below-content"> 7878 7879 <div class="summary-metadata summary-metadata--primary"> 7880 7881 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894</div> 7895 7896 <div class="summary-metadata summary-metadata--secondary"> 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911</div> 7912 </div> 7913 </div> 7914 </div> 7915 7916 <div class=" 7917 summary-item 7918 positioned 7919 summary-item-record-type-store-item 7920 sqs-gallery-design-carousel-slide 7921 7922 7923 summary-item-has-thumbnail 7924 7925 summary-item-has-excerpt 7926 summary-item-has-cats 7927 summary-item-has-tags 7928 7929 summary-item-has-comments-enabled 7930 7931 " 7932 7933 > 7934 7935 7936 7937 7938
7939 <div class="summary-thumbnail-outer-container"> 7940 <a 7941 7942 7943 href="/products/p/vertical-accordion" 7944 7945 7946 class=" 7947 summary-thumbnail-container 7948 sqs-gallery-image-container 7949 7950 " 7951 data-title="Vertical Accordion" 7952 data-description="" 7953 aria-label="Vertical Accordion" 7954 > 7955 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 7956 7957 7958 7959 <!-- Main Image --> 7960 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1712678181908-47HR4V8U3P47T49RETRT/ScreenRecording2024-04-09at16.54.25-ezgif.com-video-to-gif-converter.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1712678181908-47HR4V8U3P47T49RETRT/ScreenRecording2024-04-09at16.54.25-ezgif.com-video-to-gif-converter.gif" data-image-dimensions="600x302" data-image-focal-point="0.5,0.5" alt="Vertical Accordion" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
7960ail-image-carousel" /> 7961 7962 7963 7964 7965 7966 7967 <!-- Products: Mark --> 7968 <div class="summary-product-status"> 7969 7970 7971 7972 7973 7974 7975 </div> 7976 7977 7978 7979 7980 </div> 7981 </a> 7982 7983 <!-- Products: Quick View --> 7984 7985 7986 7987 7988 </div> 7989 7990 7991 7992 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 7993 7994 <div class="summary-metadata-container summary-metadata-container--above-title"> 7995 7996 <div class="summary-metadata summary-metadata--primary"> 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011</div> 8012 8013 <div class="summary-metadata summary-metadata--secondary"> 8014 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 8028</div> 8029 </div> 8030 8031 <div class="summary-title"> 8032 <a 8033 8034 8035 href="/products/p/vertical-accordion" 8036 8037 8038 class="summary-title-link"> 8039 Vertical Accordion 8040 </a> 8041 </div> 8042 8043 <div class="summary-metadata-container summary-metadata-container--below-title"> 8044 8045 <div class="summary-metadata summary-metadata--primary"> 8046 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060</div> 8061 8062 <div class="summary-metadata summary-metadata--secondary"> 8063 8064 8065 8066 8067 8068 8069 8070 8071 8072 8073 8074 8075 8076 8077</div> 8078 </div> 8079 8080 8081 8082 <div class="summary-price"> 8083 8084 8085<div class="product-price"> 8086$25.00 8087</div></div> 8088 8089 8090 8091 8092 8093 <div class=" 8094 summary-excerpt 8095 summary-excerpt-only 8096 "><p class="" style="white-space:pre-wrap;"><span style="color: rgb(204, 204, 204)">Create a stylish component that allows you to dynamically display content from a Portfolio or Blog Collection in a Vertical Accordion Layout.</span></p><p class="" style="white-space:pre-wrap;"><a href="https://wm-vertical-accordion.squarespace.com" target="_blank"><span style="color: rgb(204, 204, 204)">View Demo</span></a><span style="color: rgb(204, 204, 204)"> (pw: demo)</span></p><p class="" style="white-space:pre-wrap;"><a href="#how-it-works"><span style="color: rgb(204, 204, 204)">How It Works</span></a></p></div> 8097 8098 8099 8100 <a href="/products/p/vertical-accordion" class="summary-read-more-link">Read more →</a> 8101 8102 <div class="summary-metadata-container summary-metadata-container--below-content"> 8103 8104 <div class="summary-metadata summary-metadata--primary"> 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119</div> 8120 8121 <div class="summary-metadata summary-metadata--secondary"> 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 8132 8133 8134 8135 8136</div> 8137 </div> 8138 </div> 8139 </div> 8140 8141 <div class=" 8142 summary-item 8143 positioned 8144 summary-item-record-type-store-item 8145 sqs-gallery-design-carousel-slide 8146 8147 8148 summary-item-has-thumbnail 8149 8150 summary-item-has-excerpt 8151 summary-item-has-cats 8152 summary-item-has-tags 8153 8154 summary-item-has-comments-enabled 8155 8156 " 8157 8158 > 8159 8160 8161 8162 8163
8164 <div class="summary-thumbnail-outer-container"> 8165 <a 8166 8167 8168 href="/products/p/dark-mode" 8169 8170 8171 class=" 8172 summary-thumbnail-container 8173 sqs-gallery-image-container 8174 8175 " 8176 data-title="Dark Mode" 8177 data-description="" 8178 aria-label="Dark Mode" 8179 > 8180 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 8181 8182 8183 8184 <!-- Main Image --> 8185 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1706189137231-XMVJ0GMNGW1VXMM0EZZ2/ScreenRecording2024-01-25at13.24.16-ezgif.com-video-to-gif-converter.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1706189137231-XMVJ0GMNGW1VXMM0EZZ2/ScreenRecording2024-01-25at13.24.16-ezgif.com-video-to-gif-converter.gif" data-image-dimensions="600x338" data-image-focal-point="0.5,0.5" alt="Dark Mode" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 8186 8187 8188 8189 8190 8191 8192 <!-- Products: Mark --> 8193 <div class="summary-product-status"> 8194 8195 8196 8197 8198 8199 8200 </div> 8201 8202 8203 8204 8205 </div> 8206 </a> 8207 8208 <!-- Products: Quick View --> 8209 8210 8211 8212 8213 </div> 8214 8215 8216 8217 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 8218 8219 <div class="summary-metadata-container summary-metadata-container--above-title"> 8220 8221 <div class="summary-metadata summary-metadata--primary"> 8222 8223 8224 8225 8226 8227 8228 8229 8230 8231 8232 8233 8234 8235 8236</div> 8237 8238 <div class="summary-metadata summary-metadata--secondary"> 8239 8240 8241 8242 8243 8244 8245 8246 8247 8248 8249 8250 8251 8252 8253</div> 8254 </div> 8255 8256 <div class="summary-title"> 8257 <a 8258 8259 8260 href="/products/p/dark-mode" 8261 8262 8263 class="summary-title-link"> 8264 Dark Mode 8265 </a> 8266 </div> 8267 8268 <div class="summary-metadata-container summary-metadata-container--below-title"> 8269 8270 <div class="summary-metadata summary-metadata--primary"> 8271 8272 8273 8274 8275 8276 8277 8278 8279 8280 8281 8282 8283 8284 8285</div> 8286 8287 <div class="summary-metadata summary-metadata--secondary"> 8288 8289 8290 8291 8292 8293 8294 8295 8296 8297 8298 8299 8300 8301 8302</div> 8303 </div> 8304 8305 8306 8307 <div class="summary-price"> 8308 8309 8310<div class="product-price"> 8311$25.00 8312</div></div> 8313 8314 8315 8316 8317 8318 <div class=" 8319 summary-excerpt 8320 summary-excerpt-only 8321 "><p><span>Toggle between light and dark color themes on your website. Or get creative and toggle between any color themes you want.</span></p><p><a target="_blank" href="https://wm-dark-mode.squarespace.com?password=dark" rel="noopener"><span>View Demo</span></a><span> (pw: dark)</span></p></div> 8322 8323 8324 8325 <a href="/products/p/dark-mode" class="summary-read-more-link">Read more →</a> 8326 8327 <div class="summary-metadata-container summary-metadata-container--below-content"> 8328 8329 <div class="summary-metadata summary-metadata--primary"> 8330 8331 8332 8333 8334 8335 8336 8337 8338 8339 8340 8341 8342 8343 8344</div> 8345 8346 <div class="summary-metadata summary-metadata--secondary"> 8347 8348 8349 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359 8360 8361</div> 8362 </div> 8363 </div> 8364 </div> 8365 8366 <div class=" 8367 summary-item 8368 positioned 8369 summary-item-record-type-store-item 8370 sqs-gallery-design-carousel-slide 8371 8372 8373 summary-item-has-thumbnail 8374 8375 summary-item-has-excerpt 8376 summary-item-has-cats 8377 summary-item-has-tags 8378 8379 summary-item-has-comments-enabled 8380 8381 " 8382 8383 > 8384 8385 8386 8387 8388
8389 <div class="summary-thumbnail-outer-container"> 8390 <a 8391 8392 8393 href="/products/p/nested-menu-dropdowns" 8394 8395 8396 class=" 8397 summary-thumbnail-container 8398 sqs-gallery-image-container 8399 8400 " 8401 data-title="Nested Menu Dropdowns" 8402 data-description="" 8403 aria-label="Nested Menu Dropdowns" 8404 > 8405 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 8406 8407 8408 8409 <!-- Main Image --> 8410 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1705336312060-UJ4HRC9W7GIFQDT6RJPA/Nested+Dropdowns+GIF.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1705336312060-UJ4HRC9W7GIFQDT6RJPA/Nested+Dropdowns+GIF.gif" data-image-dimensions="960x539" data-image-focal-point="0.5,0.5" alt="Nested Menu Dropdowns" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 8411 8412 8413 8414 8415 8416 8417 <!-- Products: Mark --> 8418 <div class="summary-product-status"> 8419 8420 8421 8422 8423 8424 8425 </div> 8426 8427 8428 8429 8430 </div> 8431 </a> 8432 8433 <!-- Products: Quick View --> 8434 8435 8436 8437 8438 </div> 8439 8440 8441 8442 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 8443 8444 <div class="summary-metadata-container summary-metadata-container--above-title"> 8445 8446 <div class="summary-metadata summary-metadata--primary"> 8447 8448 8449 8450 8451 8452 8453 8454 8455 8456 8457 8458 8459 8460 8461</div> 8462 8463 <div class="summary-metadata summary-metadata--secondary"> 8464 8465 8466 8467 8468 8469 8470 8471 8472 8473 8474 8475 8476 8477 8478</div> 8479 </div> 8480 8481 <div class="summary-title"> 8482 <a 8483 8484 8485 href="/products/p/nested-menu-dropdowns" 8486 8487 8488 class="summary-title-link"> 8489 Nested Menu Dropdowns 8490 </a> 8491 </div> 8492 8493 <div class="summary-metadata-container summary-metadata-container--below-title"> 8494 8495 <div class="summary-metadata summary-metadata--primary"> 8496 8497 8498 8499 8500 8501 8502 8503 8504 8505 8506 8507 8508 8509 8510</div> 8511 8512 <div class="summary-metadata summary-metadata--secondary"> 8513 8514 8515 8516 8517 8518 8519 8520 8521 8522 8523 8524 8525 8526 8527</div> 8528 </div> 8529 8530 8531 8532 <div class="summary-price"> 8533 8534 8535<div class="product-price"> 8536$25.00 8537</div></div> 8538 8539 8540 8541 8542 8543 <div class=" 8544 summary-excerpt 8545 summary-excerpt-only 8546 "><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true">Create a second level of dropdown folders in your menu navigation.</p><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true"><a target="_blank" href="https://nested-folders.squarespace.com/">See Demo</a> (pw: demo)</p></div> 8547 8548 8549 8550 <a href="/products/p/nested-menu-dropdowns" class="summary-read-more-link">Read more →</a> 8551 8552 <div class="summary-metadata-container summary-metadata-container--below-content"> 8553 8554 <div class="summary-metadata summary-metadata--primary"> 8555 8556 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 8567 8568 8569</div> 8570 8571 <div class="summary-metadata summary-metadata--secondary"> 8572 8573 8574 8575 8576 8577 8578 8579 8580 8581 8582 8583 8584 8585 8586</div> 8587 </div> 8588 </div> 8589 </div> 8590 8591 <div class=" 8592 summary-item 8593 positioned 8594 summary-item-record-type-store-item 8595 sqs-gallery-design-carousel-slide 8596 8597 8598 summary-item-has-thumbnail 8599 8600 summary-item-has-excerpt 8601 summary-item-has-cats 8602 summary-item-has-tags 8603 8604 summary-item-has-comments-enabled 8605 8606 " 8607 8608 > 8609 8610 8611 8612 8613
8614 <div class="summary-thumbnail-outer-container"> 8615 <a 8616 8617 8618 href="/products/p/collection-to-list-section-sync" 8619 8620 8621 class=" 8622 summary-thumbnail-container 8623 sqs-gallery-image-container 8624 8625 " 8626 data-title="Collection to List Section Sync" 8627 data-description="" 8628 aria-label="Collection to List Section Sync" 8629 > 8630 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 8631 8632 8633 8634 <!-- Main Image --> 8635 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1705366404661-23KP2ZV2RRAKPV2LKVZE/Products+Carousel.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1705366404661-23KP2ZV2RRAKPV2LKVZE/Products+Carousel.gif" data-image-dimensions="960x534" data-image-focal-point="0.5,0.5" alt="Collection to List Section Sync" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 8636 8637 8638 8639 8640 8641 8642 <!-- Products: Mark --> 8643 <div class="summary-product-status"> 8644 8645 8646 8647 8648 8649 8650 </div> 8651 8652 8653 8654 8655 </div> 8656 </a> 8657 8658 <!-- Products: Quick View --> 8659 8660 8661 8662 8663 </div> 8664 8665 8666 8667 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 8668 8669 <div class="summary-metadata-container summary-metadata-container--above-title"> 8670 8671 <div class="summary-metadata summary-metadata--primary"> 8672 8673 8674 8675 8676 8677 8678 8679 8680 8681 8682 8683 8684 8685 8686</div> 8687 8688 <div class="summary-metadata summary-metadata--secondary"> 8689 8690 8691 8692 8693 8694 8695 8696 8697 8698 8699 8700 8701 8702 8703</div> 8704 </div> 8705 8706 <div class="summary-title"> 8707 <a 8708 8709 8710 href="/products/p/collection-to-list-section-sync" 8711 8712 8713 class="summary-title-link"> 8714 Collection to List Section Sync 8715 </a> 8716 </div> 8717 8718 <div class="summary-metadata-container summary-metadata-container--below-title"> 8719 8720 <div class="summary-metadata summary-metadata--primary"> 8721 8722 8723 8724 8725 8726 8727 8728 8729 8730 8731 8732 8733 8734 8735</div> 8736 8737 <div class="summary-metadata summary-metadata--secondary"> 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752</div> 8753 </div> 8754 8755 8756 8757 <div class="summary-price"> 8758 8759 8760<div class="product-price"> 8761$25.00 8762</div></div> 8763 8764 8765 8766 8767 8768 <div class=" 8769 summary-excerpt 8770 summary-excerpt-only 8771 "><p class="" style="white-space:pre-wrap;">Pair the design aesthetics of List Sections with the versatility of blog and product collections. Sync them together to create beautiful Banner Slideshows, Carousels, or Simple Lists populated with your blog or product catalogue. </p><p class="" style="white-space:pre-wrap;">Filter by blogs, events, and products featured posts & categories</p></div> 8772 8773 8774 8775 <a href="/products/p/collection-to-list-section-sync" class="summary-read-more-link">Read more →</a> 8776 8777 <div class="summary-metadata-container summary-metadata-container--below-content"> 8778 8779 <div class="summary-metadata summary-metadata--primary"> 8780 8781 8782 8783 8784 8785 8786 8787 8788 8789 8790 8791 8792 8793 8794</div> 8795 8796 <div class="summary-metadata summary-metadata--secondary"> 8797 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 8808 8809 8810 8811</div> 8812 </div> 8813 </div> 8814 </div> 8815 8816 <div class=" 8817 summary-item 8818 positioned 8819 summary-item-record-type-store-item 8820 sqs-gallery-design-carousel-slide 8821 8822 8823 summary-item-has-thumbnail 8824 8825 summary-item-has-excerpt 8826 summary-item-has-cats 8827 summary-item-has-tags 8828 8829 summary-item-has-comments-enabled 8830 8831 " 8832 8833 > 8834 8835 8836 8837 8838
8839 <div class="summary-thumbnail-outer-container"> 8840 <a 8841 8842 8843 href="/products/p/expanding-panels" 8844 8845 8846 class=" 8847 summary-thumbnail-container 8848 sqs-gallery-image-container 8849 8850 " 8851 data-title="Expanding Panels" 8852 data-description="" 8853 aria-label="Expanding Panels" 8854 > 8855 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 8856 8857 8858 8859 <!-- Main Image --> 8860 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1704816525080-OKCDYYI2GBV2ZZC37DYI/ScreenRecording2024-01-09at16.04.32-ezgif.com-video-to-gif-converter.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1704816525080-OKCDYYI2GBV2ZZC37DYI/ScreenRecording2024-01-09at16.04.32-ezgif.com-video-to-gif-converter.gif" data-image-dimensions="600x238" data-image-focal-point="0.5,0.5" alt="Expanding Panels" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
8860ail-image-carousel" /> 8861 8862 8863 8864 8865 8866 8867 <!-- Products: Mark --> 8868 <div class="summary-product-status"> 8869 8870 8871 8872 8873 8874 8875 </div> 8876 8877 8878 8879 8880 </div> 8881 </a> 8882 8883 <!-- Products: Quick View --> 8884 8885 8886 8887 8888 </div> 8889 8890 8891 8892 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 8893 8894 <div class="summary-metadata-container summary-metadata-container--above-title"> 8895 8896 <div class="summary-metadata summary-metadata--primary"> 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907 8908 8909 8910 8911</div> 8912 8913 <div class="summary-metadata summary-metadata--secondary"> 8914 8915 8916 8917 8918 8919 8920 8921 8922 8923 8924 8925 8926 8927 8928</div> 8929 </div> 8930 8931 <div class="summary-title"> 8932 <a 8933 8934 8935 href="/products/p/expanding-panels" 8936 8937 8938 class="summary-title-link"> 8939 Expanding Panels 8940 </a> 8941 </div> 8942 8943 <div class="summary-metadata-container summary-metadata-container--below-title"> 8944 8945 <div class="summary-metadata summary-metadata--primary"> 8946 8947 8948 8949 8950 8951 8952 8953 8954 8955 8956 8957 8958 8959 8960</div> 8961 8962 <div class="summary-metadata summary-metadata--secondary"> 8963 8964 8965 8966 8967 8968 8969 8970 8971 8972 8973 8974 8975 8976 8977</div> 8978 </div> 8979 8980 8981 8982 <div class="summary-price"> 8983 8984 8985<div class="product-price"> 8986$25.00 8987</div></div> 8988 8989 8990 8991 8992 8993 <div class=" 8994 summary-excerpt 8995 summary-excerpt-only 8996 "><p class="" style="white-space:pre-wrap;"><span style="color: rgb(204, 204, 204)">Create a stylish component that allows you to dynamically display content from a Blog Collection.</span></p><p class="" style="white-space:pre-wrap;"><a href="https://wm-expanding-panels.squarespace.com?password=demo" target="_blank"><span style="color: rgb(204, 204, 204)">View Demo</span></a></p></div> 8997 8998 8999 9000 <a href="/products/p/expanding-panels" class="summary-read-more-link">Read more →</a> 9001 9002 <div class="summary-metadata-container summary-metadata-container--below-content"> 9003 9004 <div class="summary-metadata summary-metadata--primary"> 9005 9006 9007 9008 9009 9010 9011 9012 9013 9014 9015 9016 9017 9018 9019</div> 9020 9021 <div class="summary-metadata summary-metadata--secondary"> 9022 9023 9024 9025 9026 9027 9028 9029 9030 9031 9032 9033 9034 9035 9036</div> 9037 </div> 9038 </div> 9039 </div> 9040 9041 <div class=" 9042 summary-item 9043 positioned 9044 summary-item-record-type-store-item 9045 sqs-gallery-design-carousel-slide 9046 9047 9048 summary-item-has-thumbnail 9049 9050 summary-item-has-excerpt 9051 summary-item-has-cats 9052 summary-item-has-tags 9053 9054 summary-item-has-comments-enabled 9055 9056 " 9057 9058 > 9059 9060 9061 9062 9063
9064 <div class="summary-thumbnail-outer-container"> 9065 <a 9066 9067 9068 href="/products/p/background-captions" 9069 9070 9071 class=" 9072 summary-thumbnail-container 9073 sqs-gallery-image-container 9074 9075 " 9076 data-title="Background Image Captions" 9077 data-description="" 9078 aria-label="Background Image Captions" 9079 > 9080 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 9081 9082 9083 9084 <!-- Main Image --> 9085 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1698935719107-QB8UBC6J0QY0UJEPGR7W/ezgif.com-video-to-gif.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1698935719107-QB8UBC6J0QY0UJEPGR7W/ezgif.com-video-to-gif.gif" data-image-dimensions="600x340" data-image-focal-point="0.5,0.5" alt="Background Image Captions" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 9086 9087 9088 9089 9090 9091 9092 <!-- Products: Mark --> 9093 <div class="summary-product-status"> 9094 9095 9096 9097 9098 9099 9100 </div> 9101 9102 9103 9104 9105 </div> 9106 </a> 9107 9108 <!-- Products: Quick View --> 9109 9110 9111 9112 9113 </div> 9114 9115 9116 9117 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 9118 9119 <div class="summary-metadata-container summary-metadata-container--above-title"> 9120 9121 <div class="summary-metadata summary-metadata--primary"> 9122 9123 9124 9125 9126 9127 9128 9129 9130 9131 9132 9133 9134 9135 9136</div> 9137 9138 <div class="summary-metadata summary-metadata--secondary"> 9139 9140 9141 9142 9143 9144 9145 9146 9147 9148 9149 9150 9151 9152 9153</div> 9154 </div> 9155 9156 <div class="summary-title"> 9157 <a 9158 9159 9160 href="/products/p/background-captions" 9161 9162 9163 class="summary-title-link"> 9164 Background Image Captions 9165 </a> 9166 </div> 9167 9168 <div class="summary-metadata-container summary-metadata-container--below-title"> 9169 9170 <div class="summary-metadata summary-metadata--primary"> 9171 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185</div> 9186 9187 <div class="summary-metadata summary-metadata--secondary"> 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202</div> 9203 </div> 9204 9205 9206 9207 <div class="summary-price"> 9208 9209 9210<div class="product-price"> 9211$25.00 9212</div></div> 9213 9214 9215 9216 9217 9218 <div class=" 9219 summary-excerpt 9220 summary-excerpt-only 9221 "><p class="" style="white-space:pre-wrap;"><span style="color: rgb(204, 204, 204)">Display captions for your background Image or video on Page Sections, choose between a range of styles.</span></p><p class="" style="white-space:pre-wrap;"><a href="https://wm-background-captions.squarespace.com?password=will" target="_blank"><span style="color: rgb(204, 204, 204)">View Demo</span></a></p></div> 9222 9223 9224 9225 <a href="/products/p/background-captions" class="summary-read-more-link">Read more →</a> 9226 9227 <div class="summary-metadata-container summary-metadata-container--below-content"> 9228 9229 <div class="summary-metadata summary-metadata--primary"> 9230 9231 9232 9233 9234 9235 9236 9237 9238 9239 9240 9241 9242 9243 9244</div> 9245 9246 <div class="summary-metadata summary-metadata--secondary"> 9247 9248 9249 9250 9251 9252 9253 9254 9255 9256 9257 9258 9259 9260 9261</div> 9262 </div> 9263 </div> 9264 </div> 9265 9266 <div class=" 9267 summary-item 9268 positioned 9269 summary-item-record-type-store-item 9270 sqs-gallery-design-carousel-slide 9271 9272 9273 summary-item-has-thumbnail 9274 9275 summary-item-has-excerpt 9276 summary-item-has-cats 9277 summary-item-has-tags 9278 9279 summary-item-has-comments-enabled 9280 9281 " 9282 9283 > 9284 9285 9286 9287 9288
9289 <div class="summary-thumbnail-outer-container"> 9290 <a 9291 9292 9293 href="/products/p/random-sections" 9294 9295 9296 class=" 9297 summary-thumbnail-container 9298 sqs-gallery-image-container 9299 9300 " 9301 data-title="Section Randomizer" 9302 data-description="" 9303 aria-label="Section Randomizer" 9304 > 9305 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 9306 9307 9308 9309 <!-- Main Image --> 9310 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1699983121165-LQAWCUAYQ2W51LTEST92/ezgif.com-video-to-gif+%281%29.gif" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1699983121165-LQAWCUAYQ2W51LTEST92/ezgif.com-video-to-gif+%281%29.gif" data-image-dimensions="600x338" data-image-focal-point="0.5,0.5" alt="Section Randomizer" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 9311 9312 9313 9314 9315 9316 9317 <!-- Products: Mark --> 9318 <div class="summary-product-status"> 9319 9320 9321 9322 9323 9324 9325 </div> 9326 9327 9328 9329 9330 </div> 9331 </a> 9332 9333 <!-- Products: Quick View --> 9334 9335 9336 9337 9338 </div> 9339 9340 9341 9342 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 9343 9344 <div class="summary-metadata-container summary-metadata-container--above-title"> 9345 9346 <div class="summary-metadata summary-metadata--primary"> 9347 9348 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 9359 9360 9361</div> 9362 9363 <div class="summary-metadata summary-metadata--secondary"> 9364 9365 9366 9367 9368 9369 9370 9371 9372 9373 9374 9375 9376 9377 9378</div> 9379 </div> 9380 9381 <div class="summary-title"> 9382 <a 9383 9384 9385 href="/products/p/random-sections" 9386 9387 9388 class="summary-title-link"> 9389 Section Randomizer 9390 </a> 9391 </div> 9392 9393 <div class="summary-metadata-container summary-metadata-container--below-title"> 9394 9395 <div class="summary-metadata summary-metadata--primary"> 9396 9397 9398 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410</div> 9411 9412 <div class="summary-metadata summary-metadata--secondary"> 9413 9414 9415 9416 9417 9418 9419 9420 9421 9422 9423 9424 9425 9426 9427</div> 9428 </div> 9429 9430 9431 9432 <div class="summary-price"> 9433 9434 9435<div class="product-price"> 9436$25.00 9437</div></div> 9438 9439 9440 9441 9442 9443 <div class=" 9444 summary-excerpt 9445 summary-excerpt-only 9446 "><p class="" style="white-space:pre-wrap;"><span style="color: rgb(204, 204, 204)">Randomly display a single section from a group of sections each time the page loads.</span></p><p class="" style="white-space:pre-wrap;"><a href="https://wm-random-sections.squarespace.com?password=will" target="_blank"><span style="color: rgb(204, 204, 204)">View Demo</span></a></p></div> 9447 9448 9449 9450 <a href="/products/p/random-sections" class="summary-read-more-link">Read more →</a> 9451 9452 <div class="summary-metadata-container summary-metadata-container--below-content"> 9453 9454 <div class="summary-metadata summary-metadata--primary"> 9455 9456 9457 9458 9459 9460 9461 9462 9463 9464 9465 9466 9467 9468 9469</div> 9470 9471 <div class="summary-metadata summary-metadata--secondary"> 9472 9473 9474 9475 9476 9477 9478 9479 9480 9481 9482 9483 9484 9485 9486</div> 9487 </div> 9488 </div> 9489 </div> 9490 9491 <div class=" 9492 summary-item 9493 positioned 9494 summary-item-record-type-store-item 9495 sqs-gallery-design-carousel-slide 9496 9497 9498 summary-item-has-thumbnail 9499 9500 summary-item-has-excerpt 9501 summary-item-has-cats 9502 summary-item-has-tags 9503 9504 summary-item-has-comments-enabled 9505 9506 " 9507 9508 > 9509 9510 9511 9512 9513
9514 <div class="summary-thumbnail-outer-container"> 9515 <a 9516 9517 9518 href="/products/p/modal-popups-in-squarespace" 9519 9520 9521 class=" 9522 summary-thumbnail-container 9523 sqs-gallery-image-container 9524 9525 " 9526 data-title="Popup" 9527 data-description="" 9528 aria-label="Popup" 9529 > 9530 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 9531 9532 9533 9534 <!-- Main Image --> 9535 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1692645768807-WS2RUWWZNPPS1ZP5E1TM/Popup+In+Main+Nav+Thumb.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1692645768807-WS2RUWWZNPPS1ZP5E1TM/Popup+In+Main+Nav+Thumb.jpg" data-image-dimensions="3456x1944" data-image-focal-point="0.5,0.5" alt="Popup" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" /> 9536 9537 9538 9539 9540 9541 9542 <!-- Products: Mark --> 9543 <div class="summary-product-status"> 9544 9545 9546 9547 9548 9549 9550 </div> 9551 9552 9553 9554 9555 </div> 9556 </a> 9557 9558 <!-- Products: Quick View --> 9559 9560 9561 9562 9563 </div> 9564 9565 9566 9567 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 9568 9569 <div class="summary-metadata-container summary-metadata-container--above-title"> 9570 9571 <div class="summary-metadata summary-metadata--primary"> 9572 9573 9574 9575 9576 9577 9578 9579 9580 9581 9582 9583 9584 9585 9586</div> 9587 9588 <div class="summary-metadata summary-metadata--secondary"> 9589 9590 9591 9592 9593 9594 9595 9596 9597 9598 9599 9600 9601 9602 9603</div> 9604 </div> 9605 9606 <div class="summary-title"> 9607 <a 9608 9609 9610 href="/products/p/modal-popups-in-squarespace" 9611 9612 9613 class="summary-title-link"> 9614 Popup 9615 </a> 9616 </div> 9617 9618 <div class="summary-metadata-container summary-metadata-container--below-title"> 9619 9620 <div class="summary-metadata summary-metadata--primary"> 9621 9622 9623 9624 9625 9626 9627 9628 9629 9630 9631 9632 9633 9634 9635</div> 9636 9637 <div class="summary-metadata summary-metadata--secondary"> 9638 9639 9640 9641 9642 9643 9644 9645 9646 9647 9648 9649 9650 9651 9652</div> 9653 </div> 9654 9655 9656 9657 <div class="summary-price"> 9658 9659 9660<div class="product-price"> 9661$25.00 9662</div></div> 9663 9664 9665 9666 9667 9668 <div class=" 9669 summary-excerpt 9670 summary-excerpt-only 9671 "><p class="">A popup component for Squarespace that allows you to pull in the content from any page.</p></div> 9672 9673 9674 9675 <a href="/products/p/modal-popups-in-squarespace" class="summary-read-more-link">Read more →</a> 9676 9677 <div class="summary-metadata-container summary-metadata-container--below-content"> 9678 9679 <div class="summary-metadata summary-metadata--primary"> 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694</div> 9695 9696 <div class="summary-metadata summary-metadata--secondary"> 9697 9698 9699 9700 9701 9702 9703 9704 9705 9706 9707 9708 9709 9710 9711</div> 9712 </div> 9713 </div> 9714 </div> 9715 9716 </div> 9717 </div> 9718 9719</div> 9720<style> 9721 #block-yui_3_17_2_1_1691870091914_36937 { 9722 --summary-title-font-size: 20px; 9723 --summary-excerpt-font-size: 14px; 9724 --summary-text-align: left; 9725 --summary-list-image-float: left; 9726 --summary-list-thumbnail-padding-left: 0; 9727 --summary-list-thumbnail-padding-right: 20px; 9728 --summary-list-qv-padding-left: 0; 9729 --summary-list-qv-padding-right: 20px; 9730 --summary-list-product-mark-left: 0; 9731 --summary-list-product-mark-right: auto; 9732 --summary-meta-above-display: none; 9733 --summary-meta-below-title-display: none; 9734 --summary-meta-below-content-display: block; 9735 --summary-show-title: block; 9736 --summary-show-thumbnail: block; 9737 --summary-show-excerpt: none; 9738 --summary-show-excerpt-clamped: none; 9739 --summary-content-spacing: 2px; 9740 --summary-show-price: block; 9741 --summary-show-read-more-link: none; 9742 } 9743</style> 9744<style id="container-styles">#block-yui_3_17_2_1_1691870091914_36937 { 9745 9746 --stroke-style: none;--stroke-thickness: 6px; 9747 9748 9749 9750 9751 9752 9753 9754 9755 } 9756 9757 #block-yui_3_17_2_1_1691870091914_36937 .summary-block-wrapper { 9758 9759 --tweak-summary-block-padding: 6% 6% 6% 6%; 9760 --tweak-summary-block-padding: initial; 9761} 9762 9763 .fe-block-yui_3_17_2_1_1691870091914_36937 { 9764 mix-blend-mode: var(--tweak-summary-block-blend); 9765 border-radius: var(--tweak-summary-block-radius); 9766 } 9767 9768 9769 9770.fe-block-yui_3_17_2_1_1691870091914_36937 { 9771 --tweak-summary-block-radius: 0px 0px 0px 0px; 9772 } 9773 9774 9775 9776 .fe-block-yui_3_17_2_1_1691870091914_36937 { 9777 --tweak-summary-block-blend: normal; 9778 } 9779 9780 9781 .fe-block-yui_3_17_2_1_1691870091914_36937 { 9782 --blur-value: blur(15px);} 9783 9784</style> 9785 9786</div></div></div><div class="fe-block fe-block-ff8be4b609bc3777b2d0"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.visitor.js"]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" data-website-component-id="ff8be4b609bc3777b2d0" id="block-ff8be4b609bc3777b2d0"><div class="sqs-block-content"> 9787 9788 9789 9790 9791 9792 9793 9794 9795 9796 9797 9798<div 9799 class="sqs-block-button-container sqs-button-block-container-system_desktop sqs-block-button-container--center " 9800 data-animation-role="button" 9801 data-button-size="medium" 9802 data-button-type="primary" 9803 9804> 9805 <a 9806 href="/products" 9807 class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" 9808 data-sqsp-button 9809 9810 > 9811 See All Plugins 9812 </a> 9813 9814 9815 9816 9817</div> 9818 9819 9820 9821 9822 9823 9824 9825 9826 9827 9828<style> 9829 #block-ff8be4b609bc3777b2d0 { 9830 --sqs-block-content-flex: 0; 9831 } 9832 9833 9834 9835 9836 9837 9838 9839 9840 9841 9842 9843 9844 9845</style> 9846<style class="transform-overrides-vars"> 9847 9848</style> 9849 9850</div></div></div><div class="fe-block fe-block-2f03da2f3937d14eb20e"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.c
9850ode/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js"]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="2f03da2f3937d14eb20e" id="block-2f03da2f3937d14eb20e"><div class="sqs-block-content"> 9851 9852 9853<div 9854 class="sqs-code-container" 9855 9856 9857 data-localized="{"enableSafeModeButton":"Preview in safe mode","enableSafeModeText":"This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.","enableSafeModeTitle":"Embedded Scripts","exitSafeModeButton":"Exit safe preview","exitSafeModeText":"Please view the page after logging out for accurate rendering.","exitSafeModeTitle":"Safe Preview","globalSafeMode":"Embedded Code: This block contains embedded code that has been disabled.","scriptDisabled":"Script Disabled"}" 9858 9859 9860 9861 9862> 9863 9864 <div class="thing-big--items"> 9865 <div class="thing-big--item"> 9866 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 9867 <path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 11-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 004.486-6.336l-3.276 3.277a3.004 3.004 0 01-2.25-2.25l3.276-3.276a4.5 4.5 0 00-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008z" /> 9868 </svg> 9869 <p><strong>Constantly Maintained</strong></p> 9870 <p>We automatically update our plugins to stay up-to-date with Squarespace.</p> 9871 </div> 9872 <div class="thing-big--item"> 9873 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 9874 <path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 01-6.364 0M21 12a9 9 0 11-18 0 9 9 0 0118 0zM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75zm-.375 0h.008v.015h-.008V9.75zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75zm-.375 0h.008v.015h-.008V9.75z" /> 9875 </svg> 9876 <p><strong>Top Notch Support</strong></p> 9877 <p>We pride ourself in being helpful and thoughtful.</p> 9878 </div> 9879 <div class="thing-big--item"> 9880 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 9881 <path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" /> 9882 </svg> 9883 <p><strong>Simple Installation</strong></p> 9884 <p>All plugins comes with clear instructions & copy-and-paste code.</p> 9885 </div> 9886</div> 9887 9888 9889 9890 9891 9892</div> 9893 9894<style class="transform-vars"> 9895 .fe-block-2f03da2f3937d14eb20e { 9896 --opacity: 100%; 9897 --translate-x: 0px; 9898 --translate-y: 0px; 9899 --rotation: 0deg; 9900 --scale-x: 100%; 9901 --scale-y: 100%; 9902 --skew-x: 0deg; 9903 --skew-y: 0deg; 9904 --origin-x: 50%; 9905 --origin-y: 50%; 9906 --block-transform: none; 9907 9908 opacity: var(--opacity, 1); 9909 transform: var(--block-transform); 9910 transform-origin: var(--origin-x) var(--origin-y); 9911 } 9912 </style><style class="transform-overrides-vars"> 9913 9914</style> 9915 9916</div></div></div></div></div> 9917 </div> 9918 9919 </div> 9920 9921</section> 9922 9923 9924 9925 9926 9927 9928 9929 9930 9931
9932 9933 9934 9935 9936 9937 9938 9939 9940 9941 9942 9943<section 9944 data-test="page-section" 9945 9946 data-section-theme="" 9947 class='page-section 9948 9949 full-bleed-section 9950 layout-engine-section 9951 9952 background-width--full-bleed 9953 9954 section-height--medium 9955 9956 9957 content-width--wide 9958 9959 horizontal-alignment--center 9960 vertical-alignment--middle 9961 9962 9963 9964 9965 ' 9966 9967 data-section-id="64d6b421d4d1d27b1f29e0e4" 9968 9969 data-controller="SectionWrapperController" 9970 data-current-styles="{ 9971 "imageOverlayOpacity": 0.15, 9972 "backgroundWidth": "background-width--full-bleed", 9973 "sectionHeight": "section-height--medium", 9974 "customSectionHeight": 1, 9975 "horizontalAlignment": "horizontal-alignment--center", 9976 "verticalAlignment": "vertical-alignment--middle", 9977 "contentWidth": "content-width--wide", 9978 "customContentWidth": 50, 9979 "sectionTheme": "", 9980 "sectionAnimation": "none", 9981 "backgroundMode": "image" 9982 }" 9983 data-current-context="{ 9984 "video": { 9985 "playbackSpeed": 0.5, 9986 "filter": 1, 9987 "filterStrength": 0, 9988 "zoom": 0, 9989 "videoSourceProvider": "none" 9990 }, 9991 "backgroundImageId": null, 9992 "backgroundMediaEffect": { 9993 "type": "none" 9994 }, 9995 "divider": { 9996 "enabled": false 9997 }, 9998 "typeName": "page" 9999 }" 10000 data-animation="none" 10001 data-fluid-engine-section 10002 10003 10004 10005 10006 10007 10008 10009 10010 10011 10012 data-sqsp-section="fluid-engine" 10013 10014 10015> 10016 <div 10017 class="section-border" 10018 10019 > 10020 <div class="section-background"> 10021 10022 10023 10024 </div> 10025 </div> 10026 <div 10027 class='content-wrapper' 10028 style=' 10029 10030 10031 10032 ' 10033 > 10034 <div 10035 class="content" 10036 10037 > 10038 10039 10040 10041 10042 10043 10044 10045 10046 10047 10048 <div data-fluid-engine="true"><style> 10049 10050.fe-64d6b4212af519607dc5d367 { 10051 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 10052 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 10053 10054 display: grid; 10055 position: relative; 10056 grid-area: 1/1/-1/-1; 10057 grid-template-rows: repeat(18,minmax(24px, auto)); 10058 grid-template-columns: 10059 minmax(var(--grid-gutter), 1fr) 10060 repeat(8, minmax(0, var(--cell-max-width))) 10061 minmax(var(--grid-gutter), 1fr); 10062 row-gap: 11.0px; 10063 column-gap: 11.0px; 10064 overflow-x: hidden; 10065 overflow-x: clip; 10066} 10067 10068@media (min-width: 768px) { 10069 .background-width--inset .fe-64d6b4212af519607dc5d367 { 10070 --inset-padding: calc(var(--sqs-site-gutter) * 2); 10071 } 10072 10073 .fe-64d6b4212af519607dc5d367 { 10074 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 10075 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 10076 --inset-padding: 0vw; 10077 10078 --row-height-scaling-factor: 0.0215; 10079 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 10080 10081 grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 10082 grid-template-columns: 10083 minmax(var(--grid-gutter), 1fr) 10084 repeat(24, minmax(0, var(--cell-max-width))) 10085 minmax(var(--grid-gutter), 1fr); 10086 } 10087} 10088 10089 10090 .fe-block-yui_3_17_2_1_1691799797794_24336 { 10091 grid-area: 1/2/5/10; 10092 z-index: 2; 10093 10094 @media (max-width: 767px) { 10095 10096 10097 } 10098 } 10099 10100 .fe-block-yui_3_17_2_1_1691799797794_24336 .sqs-block { 10101 justify-content: flex-start; 10102 } 10103 10104 .fe-block-yui_3_17_2_1_1691799797794_24336 .sqs-block-alignment-wrapper {
10105 align-items: flex-start; 10106 } 10107 10108 @media (min-width: 768px) { 10109 .fe-block-yui_3_17_2_1_1691799797794_24336 { 10110 grid-area: 1/8/4/20; 10111 z-index: 2; 10112 10113 10114 10115 10116 } 10117 10118 .fe-block-yui_3_17_2_1_1691799797794_24336 .sqs-block { 10119 justify-content: flex-start; 10120 } 10121 10122 .fe-block-yui_3_17_2_1_1691799797794_24336 .sqs-block-alignment-wrapper { 10123 align-items: flex-start; 10124 } 10125 } 10126 10127 .fe-block-yui_3_17_2_1_1691792389690_14625 { 10128 grid-area: 6/1/19/11; 10129 z-index: 1; 10130 10131 @media (max-width: 767px) { 10132 10133 10134 } 10135 } 10136 10137 .fe-block-yui_3_17_2_1_1691792389690_14625 .sqs-block { 10138 justify-content: flex-start; 10139 } 10140 10141 .fe-block-yui_3_17_2_1_1691792389690_14625 .sqs-block-alignment-wrapper { 10142 align-items: flex-start; 10143 } 10144 10145 @media (min-width: 768px) { 10146 .fe-block-yui_3_17_2_1_1691792389690_14625 { 10147 grid-area: 5/2/16/26; 10148 z-index: 1; 10149 10150 10151 10152 10153 } 10154 10155 .fe-block-yui_3_17_2_1_1691792389690_14625 .sqs-block { 10156 justify-content: flex-start; 10157 } 10158 10159 .fe-block-yui_3_17_2_1_1691792389690_14625 .sqs-block-alignment-wrapper { 10160 align-items: flex-start; 10161 } 10162 } 10163 10164</style><div class="fluid-engine fe-64d6b4212af519607dc5d367"><div class="fe-block fe-block-yui_3_17_2_1_1691799797794_24336"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1691799797794_24336" id="block-yui_3_17_2_1_1691799797794_24336"><div class="sqs-block-content"><div class="sqs-text-block-container"> 10165 10166 <div class="sqs-html-content" data-sqsp-text-block-content><h4 style="text-align: center; white-space: pre-wrap" data-rte-preserve-empty="true"><span class="sqsrte-text-color--white"><strong>450+ 5 star ratings.<br></strong>Donât take my word for it, people <em>Will</em> talk.</span></h4></div> 10167 10168 10169 10170<style id="container-styles">#block-yui_3_17_2_1_1691799797794_24336 { 10171 10172 --stroke-style: none;--stroke-thickness: 6px; 10173 10174 10175 10176 10177 10178 10179 10180 10181 } 10182 10183 #block-yui_3_17_2_1_1691799797794_24336 .sqs-html-content { 10184 10185 --tweak-text-block-padding: 6% 6% 6% 6%; 10186 --tweak-text-block-padding: initial; 10187} 10188 10189 .fe-block-yui_3_17_2_1_1691799797794_24336 { 10190 mix-blend-mode: var(--tweak-text-block-blend 10191 ); 10192 border-radius: var(--tweak-text-block-radius); 10193 } 10194 10195 10196 10197.fe-block-yui_3_17_2_1_1691799797794_24336 { 10198 --tweak-text-block-radius: 0px 0px 0px 0px; 10199 } 10200 10201 10202 10203 .fe-block-yui_3_17_2_1_1691799797794_24336 { 10204 --tweak-text-block-blend 10205 : normal; 10206 } 10207 10208 10209 .fe-block-yui_3_17_2_1_1691799797794_24336 { 10210 --blur-value: blur(15px);} 10211 10212</style> 10213 10214<style id="override-container-styles"> 10215 @media screen and (max-width: 767px) { 10216 10217 10218 10219#block-yui_3_17_2_1_1691799797794_24336 { 10220 10221 } 10222 } 10223 10224 10225 @media screen and (max-width: 767px) { 10226 #block-yui_3_17_2_1_1691799797794_24336 .sqs-html-content { 10227 10228 } 10229 } 10230 10231 @media screen and (max-width: 767px) { 10232 10233 10234 10235 10236 10237 10238 }</style> 10239<style class="transform-overrides-vars"> 10240 10241</style> 10242 10243 10244 10245 10246</div> 10247</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1691792389690_14625"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.c
10247ode/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js"]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="yui_3_17_2_1_1691792389690_14625" id="block-yui_3_17_2_1_1691792389690_14625"><div class="sqs-block-content"> 10248 10249 10250<div 10251 class="sqs-code-container" 10252 10253 10254 data-localized="{"enableSafeModeButton":"Preview in safe mode","enableSafeModeText":"This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.","enableSafeModeTitle":"Embedded Scripts","exitSafeModeButton":"Exit safe preview","exitSafeModeText":"Please view the page after logging out for accurate rendering.","exitSafeModeTitle":"Safe Preview","globalSafeMode":"Embedded Code: This block contains embedded code that has been disabled.","scriptDisabled":"Script Disabled"}" 10255 10256 10257 10258 10259> 10260 10261 <div data-wm-plugin="flickity-testimonial-slider"> 10262 <div class="testimonial-slideshow"></div> 10263 <div class="testimonial-slideshow" data-offset="125"></div> 10264</div> 10265 10266 10267 10268 10269 10270</div> 10271 10272<style class="transform-overrides-vars"> 10273 10274</style> 10275 10276</div></div></div></div></div> 10277 </div> 10278 10279 </div> 10280 10281</section> 10282 10283 10284 10285 10286 10287 10288 10289 10290 10291 10292 10293 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303<section 10304 data-test="page-section" 10305 10306 data-section-theme="" 10307 class='page-section 10308 10309 full-bleed-section 10310 layout-engine-section 10311 10312 background-width--full-bleed 10313 10314 section-height--medium 10315 10316 10317 content-width--wide 10318 10319 horizontal-alignment--center 10320 vertical-alignment--middle 10321 10322 10323 10324 10325 ' 10326 10327 data-section-id="64d7bc3814f243182edc9495" 10328 10329 data-controller="SectionWrapperController" 10330 data-current-styles="{ 10331 "imageOverlayOpacity": 0.15, 10332 "backgroundWidth": "background-width--full-bleed", 10333 "sectionHeight": "section-height--medium", 10334 "customSectionHeight": 1, 10335 "horizontalAlignment": "horizontal-alignment--center", 10336 "verticalAlignment": "vertical-alignment--middle", 10337 "contentWidth": "content-width--wide", 10338 "customContentWidth": 50, 10339 "sectionTheme": "", 10340 "sectionAnimation": "none", 10341 "backgroundMode": "image" 10342 }" 10343 data-current-context="{ 10344 "video": { 10345 "playbackSpeed": 0.5, 10346 "filter": 1, 10347 "filterStrength": 0, 10348 "zoom": 0, 10349 "videoSourceProvider": "none" 10350 }, 10351 "backgroundImageId": null, 10352 "backgroundMediaEffect": { 10353 "type": "none" 10354 }, 10355 "divider": { 10356 "enabled": false 10357 }, 10358 "typeName": "page" 10359 }" 10360 data-animation="none" 10361 data-fluid-engine-section 10362 10363 10364 10365 10366 10367 10368 10369 10370 10371 10372 data-sqsp-section="fluid-engine" 10373 10374 10375> 10376 <div 10377 class="section-border" 10378 10379 > 10380 <div class="section-background"> 10381 10382 10383 10384 </div> 10385 </div> 10386 <div 10387 class='content-wrapper' 10388 style=' 10389 10390 10391 10392 ' 10393 > 10394 <div 10395 class="content" 10396 10397 > 10398 10399 10400 10401 10402 10403 10404 10405 10406 10407 10408 <div data-fluid-engine="true"><style> 10409 10410.fe-64d7bc384fb3b40662ef80c1 { 10411 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 10412 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 10413 10414 display: grid; 10415 position: relative; 10416 grid-area: 1/1/-1/-1; 10417 grid-template-rows: repeat(22,minmax(24px, auto)); 10418 grid-template-columns: 10419 minmax(var(--grid-gutter), 1fr) 10420 repeat(8, minmax(0, var(--cell-max-width))) 10421 minmax(var(--grid-gutter), 1fr); 10422 row-gap: 11.0px; 10423 column-gap: 11.0px; 10424 overflow-x: hidden; 10425 overflow-x: clip; 10426} 10427 10428@media (min-width: 768px) { 10429 .background-width--inset .fe-64d7bc384fb3b40662ef80c1 { 10430 --inset-padding: calc(var(--sqs-site-gutter) * 2); 10431 } 10432 10433 .fe-64d7bc384fb3b40662ef80c1 { 10434 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 10435 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 10436 --inset-padding: 0vw; 10437 10438 --row-height-scaling-factor: 0.0215; 10439 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 10440 10441 grid-template-rows: repeat(13,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 10442 grid-template-columns: 10443 minmax(var(--grid-gutter), 1fr) 10444 repeat(24, minmax(0, var(--cell-max-width))) 10445 minmax(var(--grid-gutter), 1fr); 10446 } 10447} 10448 10449 10450 .fe-block-yui_3_17_2_1_1691861277457_19818 { 10451 grid-area: 1/2/9/10; 10452 z-index: 1; 10453 10454 @media (max-width: 767px) { 10455 10456 10457 } 10458 } 10459 10460 .fe-block-yui_3_17_2_1_1691861277457_19818 .sqs-block { 10461 justify-content: flex-start; 10462 } 10463 10464 .fe-block-yui_3_17_2_1_1691861277457_19818 .sqs-block-alignment-wrapper {
10465 align-items: flex-start; 10466 } 10467 10468 @media (min-width: 768px) { 10469 .fe-block-yui_3_17_2_1_1691861277457_19818 { 10470 grid-area: 1/2/6/26; 10471 z-index: 1; 10472 10473 10474 10475 10476 } 10477 10478 .fe-block-yui_3_17_2_1_1691861277457_19818 .sqs-block { 10479 justify-content: flex-start; 10480 } 10481 10482 .fe-block-yui_3_17_2_1_1691861277457_19818 .sqs-block-alignment-wrapper { 10483 align-items: flex-start; 10484 } 10485 } 10486 10487 .fe-block-yui_3_17_2_1_1691861277457_97931 { 10488 grid-area: 9/2/21/10; 10489 z-index: 2; 10490 10491 @media (max-width: 767px) { 10492 10493 10494 } 10495 } 10496 10497 .fe-block-yui_3_17_2_1_1691861277457_97931 .sqs-block { 10498 justify-content: flex-start; 10499 } 10500 10501 .fe-block-yui_3_17_2_1_1691861277457_97931 .sqs-block-alignment-wrapper { 10502 align-items: flex-start; 10503 } 10504 10505 @media (min-width: 768px) { 10506 .fe-block-yui_3_17_2_1_1691861277457_97931 { 10507 grid-area: 8/2/12/26; 10508 z-index: 2; 10509 10510 10511 10512 10513 } 10514 10515 .fe-block-yui_3_17_2_1_1691861277457_97931 .sqs-block { 10516 justify-content: flex-start; 10517 } 10518 10519 .fe-block-yui_3_17_2_1_1691861277457_97931 .sqs-block-alignment-wrapper { 10520 align-items: flex-start; 10521 } 10522 } 10523 10524 .fe-block-yui_3_17_2_1_1694082528378_15771 { 10525 grid-area: 21/2/23/10; 10526 z-index: 3; 10527 10528 @media (max-width: 767px) { 10529 10530 10531 } 10532 } 10533 10534 .fe-block-yui_3_17_2_1_1694082528378_15771 .sqs-block { 10535 justify-content: center; 10536 } 10537 10538 .fe-block-yui_3_17_2_1_1694082528378_15771 .sqs-block-alignment-wrapper { 10539 align-items: center; 10540 } 10541 10542 @media (min-width: 768px) { 10543 .fe-block-yui_3_17_2_1_1694082528378_15771 { 10544 grid-area: 6/8/8/20; 10545 z-index: 3; 10546 10547 10548 10549 10550 } 10551 10552 .fe-block-yui_3_17_2_1_1694082528378_15771 .sqs-block { 10553 justify-content: flex-start; 10554 } 10555 10556 .fe-block-yui_3_17_2_1_1694082528378_15771 .sqs-block-alignment-wrapper { 10557 align-items: flex-start; 10558 } 10559 } 10560 10561</style><div class="fluid-engine fe-64d7bc384fb3b40662ef80c1"><div class="fe-block fe-block-yui_3_17_2_1_1691861277457_19818"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js"]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="yui_3_17_2_1_1691861277457_19818" id="block-yui_3_17_2_1_1691861277457_19818"><div class="sqs-block-content"> 10562 10563 10564<div 10565 class="sqs-code-container" 10566 10567 10568 data-localized="{"enableSafeModeButton":"Preview in safe mode","enableSafeModeText":"This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.","enableSafeModeTitle":"Embedded Scripts","exitSafeModeButton":"Exit safe preview","exitSafeModeText":"Please view the page after logging out for accurate rendering.","exitSafeModeTitle":"Safe Preview","globalSafeMode":"Embedded Code: This block contains embedded code that has been disabled.","scriptDisabled":"Script Disabled"}" 10569 10570 10571 10572 10573> 10574 10575 <p style="text-align:center; margin-bottom:17px"> 10576 <span class="members-only-badge"> 10577 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 10578 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" /> 10579 </svg> 10580 Members Only 10581 </span> 10582</p> 10583<h4 style="text-align:center;margin:0"> 10584 <strong style="color:white">Build with confidence.</strong> 10585 <br />A membership for Squarespace pros. 10586</h4> 10587<p style="text-align:center">Join the membership and access exclusive code snippets, mini-courses, and priority support.</p> 10588 10589<style> 10590 .members-only-badge{ 10591 display:inline-grid; 10592 grid-template-columns: 17px auto; 10593 gap:6px; 10594 margin:auto; 10595 align-items:center; 10596 font-weight: 600; 10597 background: var(--violet); 10598 color: white; 10599 padding: 0px 8px; 10600 border-radius: 5px; 10601 font-size: 13px; 10602 text-transform: uppercase; 10603 letter-spacing: 1px; 10604 } 10605 .members-only-badge svg{ 10606 width:100%; 10607 stroke-width:2px; 10608 } 10609</style> 10610 10611
10612 10613 10614 10615</div> 10616 10617<style class="transform-overrides-vars"> 10618 10619</style> 10620 10621</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1691861277457_97931"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js"]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="yui_3_17_2_1_1691861277457_97931" id="block-yui_3_17_2_1_1691861277457_97931"><div class="sqs-block-content"> 10622 10623 10624<div 10625 class="sqs-code-container" 10626 10627 10628 data-localized="{"enableSafeModeButton":"Preview in safe mode","enableSafeModeText":"This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.","enableSafeModeTitle":"Embedded Scripts","exitSafeModeButton":"Exit safe preview","exitSafeModeText":"Please view the page after logging out for accurate rendering.","exitSafeModeTitle":"Safe Preview","globalSafeMode":"Embedded Code: This block contains embedded code that has been disabled.","scriptDisabled":"Script Disabled"}" 10629 10630 10631 10632 10633> 10634 10635 <div class="tabbed-features-stacked"> 10636 <div class="item-tabs"> 10637 10638 <button class="feature-item" data-tab="6a70bf632f68916a2699d994"> 10639 <h4>Chrome Extension</h4> 10640 <p><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true">Access your plugins and code snippets, robo-will, and additional tools in real-time while working in Squarespace. </p></p> 10641 </button> 10642 10643 <button class="feature-item" data-tab="6a70b26c6582ea642664931d"> 10644 <h4>Robo-Will</h4> 10645 <p><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true">Click any element on your page for precise customizations and quick troubleshooting.</p></p> 10646 </button> 10647 10648 <button class="feature-item" data-tab="6a70b2d8957fc848a088b74f"> 10649 <h4>Plugin Discounts</h4> 10650 <p><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true">Exclusive 20% savings on all plugins and resources.</p></p> 10651 </button> 10652 10653 <button class="feature-item" data-tab="64d7daeaba4f0a3990bc45c8"> 10654 <h4>Willâs Code Catalogue</h4> 10655 <p><p class="" style="white-space:pre-wrap;" data-rte-preserve-empty="true">Access 100+ code snippets directly inside Squarespace without breaking your flow.</p></p> 10656 </button> 10657 10658 <button class="feature-item" data-tab="64d7daeaba4f0a3990bc45cc"> 10659 <h4>Priority Support</h4> 10660 <p><p class="" style="white-space:pre-wrap;">Get even faster support as your questions will rise to the top of our queue.</p></p> 10661 </button> 10662 10663 </div> 10664 <div class="item-media"> 10665 10666 <div class="feature-image" data-tab="6a70bf632f68916a2699d994"> 10667 <img src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1790087967178-I0LWGSZ3DYZJX3IVA4E6/colors-fonts-web-small.gif"> 10668 </div> 10669 10670 <div class="feature-image" data-tab="6a70b26c6582ea642664931d"> 10671 <img src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/8f4a16c5-cc33-4518-b9d6-e004ac8c5d29/Robo-Will+-+Wide.gif"> 10672 </div> 10673 10674 <div class="feature-image" data-tab="6a70b2d8957fc848a088b74f"> 10675 <img src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1785770800556-H11M82QFLSW0APU3Z9Q2/Screenshot+2026-08-03+at+10.26.31%E2%80%AFAM.png"> 10676 </div> 10677 10678 <div class="feature-image" data-tab="64d7daeaba4f0a3990bc45c8"> 10679 <img src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1691867921848-OVYF10RIWFSW6DXMUGQW/Screenshot+2023-08-12+at+3.12.09+PM.jpg"> 10680 </div> 10681 10682 <div class="feature-image" data-tab="64d7daeaba4f0a3990bc45cc"> 10683 <img src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1691889385210-97I2IU99568WR0N3JYJX/Screenshot+2023-08-12+at+9.16.02+PM.jpg"> 10684 </div> 10685 10686 </div> 10687 </div> 10688
10689<script> 10690 (function(){ 10691 let images = document.querySelectorAll('.tabbed-features-stacked .feature-image') 10692 let buttons = document.querySelectorAll('.tabbed-features-stacked button') 10693 10694 document.addEventListener('click', (e) => { 10695 let button = e.target.closest('.tabbed-features-stacked button[data-tab]') 10696 if (!button) return; 10697 10698 buttons.forEach(btn => btn.classList.remove('active')) 10699 images.forEach(btn => btn.classList.remove('active')) 10700 10701 let id = button.dataset.tab; 10702 let image = document.querySelector(`.tabbed-features-stacked .feature-image[data-tab="${id}"]`); 10703 image.classList.add('active') 10704 button.classList.add('active') 10705 let gutter = (button.parentElement.clientWidth - button.clientWidth) / 2; 10706 button.parentElement.scrollTo({ 10707 left: button.offsetLeft - gutter, 10708 behavior: 'smooth' 10709 }) 10710 }) 10711 buttons[0].click() 10712 10713 }()) 10714</script>
10714 10715 10716 10717 10718 10719 10720</div> 10721 10722<style class="transform-overrides-vars"> 10723 10724</style> 10725 10726</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1694082528378_15771"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.visitor.js"]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" data-website-component-id="yui_3_17_2_1_1694082528378_15771" id="block-yui_3_17_2_1_1694082528378_15771"><div class="sqs-block-content"> 10727 10728 10729 10730 10731 10732 10733 10734 10735 10736 10737 10738<div 10739 class="sqs-block-button-container sqs-button-block-container-system_desktop sqs-block-button-container--center " 10740 data-animation-role="button" 10741 data-button-size="medium" 10742 data-button-type="primary" 10743 10744> 10745 <a 10746 href="https://toolkit.will-myers.com/" 10747 class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" 10748 data-sqsp-button 10749 target="_blank" 10750 > 10751 Learn More 10752 </a> 10753 10754 10755 10756 10757</div> 10758 10759 10760 10761 10762 10763 10764 10765 10766 10767 10768<style> 10769 #block-yui_3_17_2_1_1694082528378_15771 { 10770 --sqs-block-content-flex: 0; 10771 } 10772 10773 10774 10775 10776 10777 10778 10779 10780 10781 10782 10783 10784 10785</style> 10786<style class="transform-vars"> 10787 .fe-block-yui_3_17_2_1_1694082528378_15771 { 10788 --opacity: 100%; 10789 --translate-x: 0px; 10790 --translate-y: 0px; 10791 --rotation: 0deg; 10792 --scale-x: 100%; 10793 --scale-y: 100%; 10794 --skew-x: 0deg; 10795 --skew-y: 0deg; 10796 --origin-x: 50%; 10797 --origin-y: 50%; 10798 --block-transform: none; 10799 10800 opacity: var(--opacity, 1); 10801 transform: var(--block-transform); 10802 transform-origin: var(--origin-x) var(--origin-y); 10803 } 10804 </style><style class="transform-overrides-vars"> 10805 10806</style> 10807 10808</div></div></div></div></div> 10809 </div> 10810 10811 </div> 10812 10813</section> 10814 10815 10816 10817 10818 10819 10820 10821 10822 10823 10824 10825 10826 10827 10828 10829 10830 10831 10832 10833 10834 10835<section 10836 data-test="page-section" 10837 10838 data-section-theme="black" 10839 class='page-section 10840 10841 full-bleed-section 10842 layout-engine-section 10843 10844 background-width--full-bleed 10845 10846 section-height--medium 10847 10848 10849 content-width--wide 10850 10851 horizontal-alignment--center 10852 vertical-alignment--middle 10853 10854 10855 10856 10857 black' 10858 10859 data-section-id="64d6d9c7536698ffa6902c96" 10860 10861 data-controller="SectionWrapperController" 10862 data-current-styles="{ 10863 "imageOverlayOpacity": 0.15, 10864 "backgroundWidth": "background-width--full-bleed", 10865 "sectionHeight": "section-height--medium", 10866 "customSectionHeight": 1, 10867 "horizontalAlignment": "horizontal-alignment--center", 10868 "verticalAlignment": "vertical-alignment--middle", 10869 "contentWidth": "content-width--wide", 10870 "customContentWidth": 50, 10871 "sectionTheme": "black", 10872 "sectionAnimation": "none", 10873 "backgroundMode": "image" 10874 }" 10875 data-current-context="{ 10876 "video": { 10877 "playbackSpeed": 0.5, 10878 "filter": 1, 10879 "filterStrength": 0, 10880 "zoom": 0, 10881 "videoSourceProvider": "none" 10882 }, 10883 "backgroundImageId": null, 10884 "backgroundMediaEffect": { 10885 "type": "none" 10886 }, 10887 "divider": { 10888 "enabled": false 10889 }, 10890 "typeName": "page" 10891 }" 10892 data-animation="none" 10893 data-fluid-engine-section 10894 10895 10896 10897 10898 10899 10900 10901 10902 10903 10904 data-sqsp-section="fluid-engine" 10905 10906 10907> 10908 <div 10909 class="section-border" 10910 10911 > 10912 <div class="section-background"> 10913 10914 10915 10916 </div> 10917 </div> 10918 <div 10919 class='content-wrapper' 10920 style=' 10921 10922 10923 10924 ' 10925 > 10926 <div 10927 class="content" 10928 10929 > 10930 10931 10932 10933 10934 10935 10936 10937 10938 10939 10940 <div data-fluid-engine="true"><style> 10941 10942.fe-64d6d9c7d9014d44b33971c2 { 10943 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 10944 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 10945 10946 display: grid; 10947 position: relative; 10948 grid-area: 1/1/-1/-1; 10949 grid-template-rows: repeat(43,minmax(24px, auto)); 10950 grid-template-columns: 10951 minmax(var(--grid-gutter), 1fr) 10952 repeat(8, minmax(0, var(--cell-max-width))) 10953 minmax(var(--grid-gutter), 1fr); 10954 row-gap: 11.0px; 10955 column-gap: 11.0px; 10956 overflow-x: hidden; 10957 overflow-x: clip; 10958} 10959 10960@media (min-width: 768px) { 10961 .background-width--inset .fe-64d6d9c7d9014d44b33971c2 { 10962 --inset-padding: calc(var(--sqs-site-gutter) * 2); 10963 } 10964 10965 .fe-64d6d9c7d9014d44b33971c2 { 10966 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 10967 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 10968 --inset-padding: 0vw; 10969 10970 --row-height-scaling-factor: 0.0215; 10971 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 10972 10973 grid-template-rows: repeat(17,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 10974 grid-template-columns: 10975 minmax(var(--grid-gutter), 1fr) 10976 repeat(24, minmax(0, var(--cell-max-width))) 10977 minmax(var(--grid-gutter), 1fr); 10978 } 10979} 10980 10981 10982 .fe-block-yui_3_17_2_1_1691799797794_56227 { 10983 grid-area: 1/2/6/10; 10984 z-index: 6; 10985 10986 @media (max-width: 767px) { 10987 10988 10989 } 10990 } 10991 10992 .fe-block-yui_3_17_2_1_1691799797794_56227 .sqs-block { 10993 justify-content: flex-start; 10994 } 10995 10996 .fe-block-yui_3_17_2_1_1691799797794_56227 .sqs-block-alignment-wrapper {
10997 align-items: flex-start; 10998 } 10999 11000 @media (min-width: 768px) { 11001 .fe-block-yui_3_17_2_1_1691799797794_56227 { 11002 grid-area: 1/2/4/13; 11003 z-index: 6; 11004 11005 11006 11007 11008 } 11009 11010 .fe-block-yui_3_17_2_1_1691799797794_56227 .sqs-block { 11011 justify-content: flex-start; 11012 } 11013 11014 .fe-block-yui_3_17_2_1_1691799797794_56227 .sqs-block-alignment-wrapper { 11015 align-items: flex-start; 11016 } 11017 } 11018 11019 .fe-block-64d6d9c7e032b6312f4cc0f7 { 11020 grid-area: 6/2/8/10; 11021 z-index: 1; 11022 11023 @media (max-width: 767px) { 11024 11025 11026 } 11027 } 11028 11029 .fe-block-64d6d9c7e032b6312f4cc0f7 .sqs-block { 11030 justify-content: flex-start; 11031 } 11032 11033 .fe-block-64d6d9c7e032b6312f4cc0f7 .sqs-block-alignment-wrapper { 11034 align-items: flex-start; 11035 } 11036 11037 @media (min-width: 768px) { 11038 .fe-block-64d6d9c7e032b6312f4cc0f7 { 11039 grid-area: 1/14/4/26; 11040 z-index: 1; 11041 11042 11043 11044 11045 } 11046 11047 .fe-block-64d6d9c7e032b6312f4cc0f7 .sqs-block { 11048 justify-content: center; 11049 } 11050 11051 .fe-block-64d6d9c7e032b6312f4cc0f7 .sqs-block-alignment-wrapper { 11052 align-items: center; 11053 } 11054 } 11055 11056 .fe-block-64d6d9c7714bca2e5a6bbb1b { 11057 grid-area: 9/2/43/10; 11058 z-index: 3; 11059 11060 @media (max-width: 767px) { 11061 11062 11063 } 11064 } 11065 11066 .fe-block-64d6d9c7714bca2e5a6bbb1b .sqs-block { 11067 justify-content: flex-start; 11068 } 11069 11070 .fe-block-64d6d9c7714bca2e5a6bbb1b .sqs-block-alignment-wrapper { 11071 align-items: flex-start; 11072 } 11073 11074 @media (min-width: 768px) { 11075 .fe-block-64d6d9c7714bca2e5a6bbb1b { 11076 grid-area: 5/2/18/26; 11077 z-index: 3; 11078 11079 11080 11081 11082 } 11083 11084 .fe-block-64d6d9c7714bca2e5a6bbb1b .sqs-block { 11085 justify-content: flex-start; 11086 } 11087 11088 .fe-block-64d6d9c7714bca2e5a6bbb1b .sqs-block-alignment-wrapper { 11089 align-items: flex-start; 11090 } 11091 } 11092 11093</style><div class="fluid-engine fe-64d6d9c7d9014d44b33971c2"><div class="fe-block fe-block-yui_3_17_2_1_1691799797794_56227"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1691799797794_56227" id="block-yui_3_17_2_1_1691799797794_56227"><div class="sqs-block-content"><div class="sqs-text-block-container"> 11094 11095 <div class="sqs-html-content" data-sqsp-text-block-content><h4 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white"><strong>From the blog</strong></span></h4><p class="" style="white-space:pre-wrap;">Dive deeper into building within Squarespace or read some musings on digital entrepreneur life. </p></div> 11096 11097 11098 11099<style id="container-styles">#block-yui_3_17_2_1_1691799797794_56227 { 11100 11101 --stroke-style: none;--stroke-thickness: 6px; 11102 11103 11104 11105 11106 11107 11108 11109 11110 } 11111 11112 #block-yui_3_17_2_1_1691799797794_56227 .sqs-html-content { 11113 11114 --tweak-text-block-padding: 6% 6% 6% 6%; 11115 --tweak-text-block-padding: initial; 11116} 11117 11118 .fe-block-yui_3_17_2_1_1691799797794_56227 { 11119 mix-blend-mode: var(--tweak-text-block-blend 11120 ); 11121 border-radius: var(--tweak-text-block-radius); 11122 } 11123 11124 11125 11126.fe-block-yui_3_17_2_1_1691799797794_56227 { 11127 --tweak-text-block-radius: 0px 0px 0px 0px; 11128 } 11129 11130 11131 11132 .fe-block-yui_3_17_2_1_1691799797794_56227 { 11133 --tweak-text-block-blend 11134 : normal; 11135 } 11136 11137 11138 .fe-block-yui_3_17_2_1_1691799797794_56227 { 11139 --blur-value: blur(15px);} 11140 11141</style> 11142 11143<style id="override-container-styles"> 11144 @media screen and (max-width: 767px) { 11145 11146 11147 11148#block-yui_3_17_2_1_1691799797794_56227 { 11149 11150 } 11151 } 11152 11153 11154 @media screen and (max-width: 767px) { 11155 #block-yui_3_17_2_1_1691799797794_56227 .sqs-html-content { 11156 11157 } 11158 } 11159 11160 @media screen and (max-width: 767px) { 11161 11162 11163 11164 11165 11166 11167 }</style> 11168<style class="transform-overrides-vars"> 11169 11170</style> 11171 11172 11173 11174 11175</div> 11176</div></div></div><div class="fe-block fe-block-64d6d9c7e032b6312f4cc0f7"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-newsletter newsletter-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.visitor.js"]" data-block-type="1337" data-definition-name="website.components.newsletter" data-sqsp-block="newsletter" data-website-component-id="64d6d9c7e032b6312f4cc0f7" id="block-64d6d9c7e032b6312f4cc0f7"><div class="sqs-block-content"> 11177<div class="newsletter-form-banner newsletter-form-banner--hidden"> 11178 11179 11180 11181<div class="sqs-blockStatus" > 11182 11183 <div class="sqs-blockStatus-box"> 11184 <div class="sqs-blockStatus-box-title">Newsletter Block</div> 11185 <div class="sqs-blockStatus-box-message"> 11186 This newsletter signup form needs a storage option. Edit the block and enter a storage location via the <strong>Storage</strong> tab. 11187 11188 </div> 11189 </div> 11190</div> 11191 11192</div> 11193<div class="newsletter-form-wrapper 11194 11195 newsletter-form-wrapper--layoutFloat 11196 newsletter-form-wrapper--alignLeft 11197 11198 "> 11199 <form 11200 class="newsletter-form" 11201 data-form-id="61c492a2ee64bb38285fd83c" 11202 11203 data-form-submission="message" 11204 data-collection-id="" 11205 data-object-name="" 11206 data-error-submit="Error processing form submission. Please reload and try again." 11207 data-error-unknown="Unknown error, please try again later." 11208 data-error-form-key="Could not get a form submission key, please try again later." 11209 data-error-401="Unable to submit form. Please try again later." 11210 data-error-404="This form has not been configured yet." 11211 data-error-429="Unable to submit form. Submission rate limit exceeded. Please try again later." 11212 data-error-500="Unable to send form. Please try again later." 11213 data-submitting-text="Submittingâ¦" 11214 autocomplete="on" 11215 method="POST" 11216 novalidate> 11217 <header class="newsletter-form-header"> 11218 11219 <div class="newsletter-form-header-description"><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p></div> 11220 </header> 11221 <div class="newsletter-form-body"> 11222 <div class="newsletter-form-fields-wrapper form-fields" style="vertical-align: middle;"> 11223 11224 11225 11226 <div id="email-yui_3_17_2_1_1640272442201_4732" class="newsletter-form-field-wrapper form-item field email required" style="vertical-align: bottom;"> 11227 <label class="newsletter-form-field-label title" for="email-yui_3_17_2_1_1640272442201_4732-field">Email Address</label> 11228 <input id="email-yui_3_17_2_1_1640272442201_4732-field" class="newsletter-form-field-element field-element" name="email" x-autocompletetype="email" autocomplete="email" type="email" spellcheck="false" placeholder="Email Address" /> 11229 </div> 11230 11231 11232 11233 11234 </div> 11235 <div data-animation-role="button" class="newsletter-form-button-wrapper submit-wrapper" style="vertical-align: middle;"> 11236 <button 11237 class=" 11238 newsletter-form-button 11239 sqs-system-button 11240 sqs-editable-button-layout 11241 sqs-editable-button-style 11242 sqs-editable-button-shape 11243 sqs-button-element--primary 11244 " 11245 type="submit" 11246 value="Sign Up" 11247 >
11248 <span class="newsletter-form-spinner sqs-spin light large"></span> 11249 <span class="newsletter-form-button-label">Sign Up</span> 11250 <span class="newsletter-form-button-icon"></span> 11251 </button> 11252 </div> 11253 11254 </div> 11255 <div class="newsletter-form-footnote"><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p></div> 11256 <div class="hidden form-submission-text">Thank you!</div> 11257 <div class="hidden form-submission-html" data-submission-html=""></div> 11258 </form> 11259</div> 11260 11261<style></style> 11262 11263<!-- SQUARESPACE_JSONT_ERROR 11264 11265website.components.newsletter 11266 11267(line/character offsets reference the template source code) 11268 11269 1: RuntimeError EXPRESSION_PARSE at line 2 character 1: Error parsing expression: Unexpected character at 22: ? 11270 11271--></div></div></div><div class="fe-block fe-block-64d6d9c7714bca2e5a6bbb1b"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-summary-v2 summary-block summary-v2-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/18018.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/22254.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/embed-video-player.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autocolumns.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autogrid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-carousel.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-grid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-list.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-slideshow.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-stacked.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-strip.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-manager.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.visitor.js"]" data-block-type="1337" data-definition-name="website.components.summary" data-sqsp-block="summary" data-website-component-id="64d6d9c7714bca2e5a6bbb1b" id="block-64d6d9c7714bca2e5a6bbb1b"><div class="sqs-block-content"> 11272 11273 11274 11275 11276 11277 11278<div class=" 11279 summary-block-wrapper 11280 summary-block-collection-type-blog-basic-grid 11281 summary-block-setting-text-size-medium 11282 summary-block-setting-text-align-left 11283 summary-block-setting-design-list 11284 summary-block-setting-design-list-thumbnail-left 11285 summary-block-setting-metadata-position-above-title 11286 summary-block-setting-primary-metadata-date 11287 summary-block-setting-secondary-metadata-none 11288 11289 summary-block-setting-show-title 11290 summary-block-setting-show-price 11291 summary-block-setting-show-excerpt 11292 summary-block-setting-show-read-more-link 11293 11294 sqs-gallery-design-list 11295 11296 " 11297 11298 data-design=list 11299 data-image-aspect-ratio=1.5
11300 data-slides-per-row=3 11301 11302 data-mixed-content=true 11303 data-column-width=270 11304 data-gutter="60" 11305 data-list-image-size="30" 11306 data-active-alignment="" 11307 data-square-thumbs="" 11308 data-auto-crop="true" 11309 11310 11311> 11312 <div class="summary-item-list-container sqs-gallery-container"> 11313 <header class="summary-block-header"> 11314 11315 <div class="summary-heading" data-animation-role="content"> 11316 11317 <span class="summary-header-text">Featured</span> 11318 11319 </div> 11320 11321 <div class="summary-carousel-pager sqs-gallery-controls" data-animation-role="content"> 11322 <span 11323 class="summary-carousel-pager-prev previous" 11324 tabindex="0" 11325 role="button" 11326 aria-label="Previous" 11327 ></span> 11328 <span 11329 class="summary-carousel-pager-next next" 11330 tabindex="0" 11331 role="button" 11332 aria-label="Next" 11333 ></span> 11334 </div> 11335 </header> 11336 <div class="summary-item-list sqs-gallery"> 11337 11338 <div class=" 11339 summary-item 11340 positioned 11341 summary-item-record-type-text 11342 sqs-gallery-design-list-slide 11343 11344 11345 summary-item-has-thumbnail 11346 11347 summary-item-has-excerpt 11348 11349 summary-item-has-tags 11350 summary-item-has-author 11351 summary-item-has-comments-enabled 11352 11353 " 11354 11355 > 11356 11357 11358 11359 11360
11361 <div class="summary-thumbnail-outer-container"> 11362 <a 11363 11364 11365 href="/articles/3-squarespace-navigation-plugins-that-make-menus-better" 11366 11367 11368 class=" 11369 summary-thumbnail-container 11370 sqs-gallery-image-container 11371 11372 " 11373 data-title="3 Squarespace Navigation Plugins That Make Menus Better" 11374 data-description="" 11375 aria-label="3 Squarespace Navigation Plugins That Make Menus Better" 11376 > 11377 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 11378 11379 11380 11381 <!-- Main Image --> 11382 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1788237903179-58S6O2FF856PT4F5GLOC/Thumbnail+%285%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1788237903179-58S6O2FF856PT4F5GLOC/Thumbnail+%285%29.jpg" data-image-dimensions="7680x4320" data-image-focal-point="0.5,0.5" alt="3 Squarespace Navigation Plugins That Make Menus Better" data-load="false" class="summary-thumbn
11382ail-image" elementtiming="summary-thumbnail-image-list" /> 11383 11384 11385 11386 11387 11388 11389 11390 11391 11392 </div> 11393 </a> 11394 11395 <!-- Products: Quick View --> 11396 11397 11398 </div> 11399 11400 11401 11402 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 11403 11404 <div class="summary-metadata-container summary-metadata-container--above-title"> 11405 11406 <div class="summary-metadata summary-metadata--primary"> 11407 11408 11409 11410<!-- Timestamp --> 11411<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-08-31">August 31, 2026</time> 11412 11413 11414 11415 11416 11417 11418 11419 11420 11421 11422 11423 11424 11425 11426</div> 11427 11428 <div class="summary-metadata summary-metadata--secondary"> 11429 11430 11431 11432 11433 11434 11435 11436 11437 11438 11439 11440 11441 11442 11443</div> 11444 </div> 11445 11446 <div class="summary-title"> 11447 <a 11448 11449 11450 href="/articles/3-squarespace-navigation-plugins-that-make-menus-better" 11451 11452 11453 class="summary-title-link"> 11454 3 Squarespace Navigation Plugins That Make Menus Better 11455 </a> 11456 </div> 11457 11458 <div class="summary-metadata-container summary-metadata-container--below-title"> 11459 11460 <div class="summary-metadata summary-metadata--primary"> 11461 11462 11463 11464<!-- Timestamp --> 11465<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-08-31">August 31, 2026</time> 11466 11467 11468 11469 11470 11471 11472 11473 11474 11475 11476 11477 11478 11479 11480</div> 11481 11482 <div class="summary-metadata summary-metadata--secondary"> 11483 11484 11485 11486 11487 11488 11489 11490 11491 11492 11493 11494 11495 11496 11497</div> 11498 </div> 11499 11500 11501 11502 11503 11504 <div class=" 11505 summary-excerpt 11506 summary-excerpt-only 11507 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Compare three Squarespace navigation plugins for nested dropdowns, desktop hamburger menus, and custom mega menus, then choose the right one for your site.</p></div> 11508 11509 11510 11511 <a href="/articles/3-squarespace-navigation-plugins-that-make-menus-better" class="summary-read-more-link">Read more →</a> 11512 11513 <div class="summary-metadata-container summary-metadata-container--below-content"> 11514 11515 <div class="summary-metadata summary-metadata--primary"> 11516 11517 11518 11519<!-- Timestamp --> 11520<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-08-31">August 31, 2026</time> 11521 11522 11523 11524 11525 11526 11527 11528 11529 11530 11531 11532 11533 11534 11535</div> 11536 11537 <div class="summary-metadata summary-metadata--secondary"> 11538 11539 11540 11541 11542 11543 11544 11545 11546 11547 11548 11549 11550 11551 11552</div> 11553 </div> 11554 </div> 11555 </div> 11556 11557 <div class=" 11558 summary-item 11559 positioned 11560 summary-item-record-type-text 11561 sqs-gallery-design-list-slide 11562 11563 11564 summary-item-has-thumbnail 11565 11566 summary-item-has-excerpt 11567 11568 summary-item-has-tags 11569 summary-item-has-author 11570 summary-item-has-comments-enabled 11571 11572 " 11573 11574 > 11575 11576 11577 11578 11579
11580 <div class="summary-thumbnail-outer-container"> 11581 <a 11582 11583 11584 href="/articles/3-timeline-components-for-squarespace-and-which-one-to-use" 11585 11586 11587 class=" 11588 summary-thumbnail-container 11589 sqs-gallery-image-container 11590 11591 " 11592 data-title="3 Timeline Components for Squarespace (and Which One to Use)" 11593 data-description="" 11594 aria-label="3 Timeline Components for Squarespace (and Which One to Use)" 11595 > 11596 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 11597 11598 11599 11600 <!-- Main Image --> 11601 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1786545295381-W978EOMC0WFOPQ3EWM44/Timeline+Components+Thumbnail.png" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1786545295381-W978EOMC0WFOPQ3EWM44/Timeline+Components+Thumbnail.png" data-image-dimensions="1280x720" data-image-focal-point="0.5,0.5" alt="3 Timeline Components for Squarespace (and Which One to Use)" data-load="false" class="summary-thumbn
11601ail-image" elementtiming="summary-thumbnail-image-list" /> 11602 11603 11604 11605 11606 11607 11608 11609 11610 11611 </div> 11612 </a> 11613 11614 <!-- Products: Quick View --> 11615 11616 11617 </div> 11618 11619 11620 11621 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 11622 11623 <div class="summary-metadata-container summary-metadata-container--above-title"> 11624 11625 <div class="summary-metadata summary-metadata--primary"> 11626 11627 11628 11629<!-- Timestamp --> 11630<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-08-12">August 12, 2026</time> 11631 11632 11633 11634 11635 11636 11637 11638 11639 11640 11641 11642 11643 11644 11645</div> 11646 11647 <div class="summary-metadata summary-metadata--secondary"> 11648 11649 11650 11651 11652 11653 11654 11655 11656 11657 11658 11659 11660 11661 11662</div> 11663 </div> 11664 11665 <div class="summary-title"> 11666 <a 11667 11668 11669 href="/articles/3-timeline-components-for-squarespace-and-which-one-to-use" 11670 11671 11672 class="summary-title-link"> 11673 3 Timeline Components for Squarespace (and Which One to Use) 11674 </a> 11675 </div> 11676 11677 <div class="summary-metadata-container summary-metadata-container--below-title"> 11678 11679 <div class="summary-metadata summary-metadata--primary"> 11680 11681 11682 11683<!-- Timestamp --> 11684<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-08-12">August 12, 2026</time> 11685 11686 11687 11688 11689 11690 11691 11692 11693 11694 11695 11696 11697 11698 11699</div> 11700 11701 <div class="summary-metadata summary-metadata--secondary"> 11702 11703 11704 11705 11706 11707 11708 11709 11710 11711 11712 11713 11714 11715 11716</div> 11717 </div> 11718 11719 11720 11721 11722 11723 <div class=" 11724 summary-excerpt 11725 summary-excerpt-only 11726 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">See three timeline components for Squarespace and choose the right option for company histories, service processes, client journeys, and step-by-step flows.</p></div> 11727 11728 11729 11730 <a href="/articles/3-timeline-components-for-squarespace-and-which-one-to-use" class="summary-read-more-link">Read more →</a> 11731 11732 <div class="summary-metadata-container summary-metadata-container--below-content"> 11733 11734 <div class="summary-metadata summary-metadata--primary"> 11735 11736 11737 11738<!-- Timestamp --> 11739<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-08-12">August 12, 2026</time> 11740 11741 11742 11743 11744 11745 11746 11747 11748 11749 11750 11751 11752 11753 11754</div> 11755 11756 <div class="summary-metadata summary-metadata--secondary"> 11757 11758 11759 11760 11761 11762 11763 11764 11765 11766 11767 11768 11769 11770 11771</div> 11772 </div> 11773 </div> 11774 </div> 11775 11776 <div class=" 11777 summary-item 11778 positioned 11779 summary-item-record-type-text 11780 sqs-gallery-design-list-slide 11781 11782 11783 summary-item-has-thumbnail 11784 11785 summary-item-has-excerpt 11786 11787 summary-item-has-tags 11788 summary-item-has-author 11789 summary-item-has-comments-enabled 11790 11791 " 11792 11793 > 11794 11795 11796 11797 11798
11799 <div class="summary-thumbnail-outer-container"> 11800 <a 11801 11802 11803 href="/articles/more-whimsy-the-word-puzzle-plugin" 11804 11805 11806 class=" 11807 summary-thumbnail-container 11808 sqs-gallery-image-container 11809 11810 " 11811 data-title="More Whimsy: The Word Puzzle Plugin" 11812 data-description="" 11813 aria-label="More Whimsy: The Word Puzzle Plugin" 11814 > 11815 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 11816 11817 11818 11819 <!-- Main Image --> 11820 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1781107721481-KUPOFCJIEGGTE5211BLV/Screenshot+2026-06-10+at+10.07.58%E2%80%AFAM.png" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1781107721481-KUPOFCJIEGGTE5211BLV/Screenshot+2026-06-10+at+10.07.58%E2%80%AFAM.png" data-image-dimensions="1580x894" data-image-focal-point="0.5,0.5" alt="More Whimsy: The Word Puzzle Plugin" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbn
11820ail-image-list" /> 11821 11822 11823 11824 11825 11826 11827 11828 11829 11830 </div> 11831 </a> 11832 11833 <!-- Products: Quick View --> 11834 11835 11836 </div> 11837 11838 11839 11840 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 11841 11842 <div class="summary-metadata-container summary-metadata-container--above-title"> 11843 11844 <div class="summary-metadata summary-metadata--primary"> 11845 11846 11847 11848<!-- Timestamp --> 11849<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-06-06">June 6, 2026</time> 11850 11851 11852 11853 11854 11855 11856 11857 11858 11859 11860 11861 11862 11863 11864</div> 11865 11866 <div class="summary-metadata summary-metadata--secondary"> 11867 11868 11869 11870 11871 11872 11873 11874 11875 11876 11877 11878 11879 11880 11881</div> 11882 </div> 11883 11884 <div class="summary-title"> 11885 <a 11886 11887 11888 href="/articles/more-whimsy-the-word-puzzle-plugin" 11889 11890 11891 class="summary-title-link"> 11892 More Whimsy: The Word Puzzle Plugin 11893 </a> 11894 </div> 11895 11896 <div class="summary-metadata-container summary-metadata-container--below-title"> 11897 11898 <div class="summary-metadata summary-metadata--primary"> 11899 11900 11901 11902<!-- Timestamp --> 11903<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-06-06">June 6, 2026</time> 11904 11905 11906 11907 11908 11909 11910 11911 11912 11913 11914 11915 11916 11917 11918</div> 11919 11920 <div class="summary-metadata summary-metadata--secondary"> 11921 11922 11923 11924 11925 11926 11927 11928 11929 11930 11931 11932 11933 11934 11935</div> 11936 </div> 11937 11938 11939 11940 11941 11942 <div class=" 11943 summary-excerpt 11944 summary-excerpt-only 11945 "><p style="white-space:pre-wrap;" data-rte-preserve-empty="true">Here's a free, drop-in word-guessing game you can add to any Squarespace page, your clues, your answers, and a little more whimsy.</p></div> 11946 11947 11948 11949 <a href="/articles/more-whimsy-the-word-puzzle-plugin" class="summary-read-more-link">Read more →</a> 11950 11951 <div class="summary-metadata-container summary-metadata-container--below-content"> 11952 11953 <div class="summary-metadata summary-metadata--primary"> 11954 11955 11956 11957<!-- Timestamp --> 11958<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-06-06">June 6, 2026</time> 11959 11960 11961 11962 11963 11964 11965 11966 11967 11968 11969 11970 11971 11972 11973</div> 11974 11975 <div class="summary-metadata summary-metadata--secondary"> 11976 11977 11978 11979 11980 11981 11982 11983 11984 11985 11986 11987 11988 11989 11990</div> 11991 </div> 11992 </div> 11993 </div> 11994 11995 <div class=" 11996 summary-item 11997 positioned 11998 summary-item-record-type-text 11999 sqs-gallery-design-list-slide 12000 12001 12002 summary-item-has-thumbnail 12003 12004 summary-item-has-excerpt 12005 12006 summary-item-has-tags 12007 summary-item-has-author 12008 summary-item-has-comments-enabled 12009 12010 " 12011 12012 > 12013 12014 12015 12016 12017
12018 <div class="summary-thumbnail-outer-container"> 12019 <a 12020 12021 12022 href="/articles/ai-agents-are-real-so-is-the-hype-my-experience-with-openclaw" 12023 12024 12025 class=" 12026 summary-thumbnail-container 12027 sqs-gallery-image-container 12028 12029 " 12030 data-title="AI Agents Are Real. So Is the Hype. My experience with OpenClaw." 12031 data-description="" 12032 aria-label="AI Agents Are Real. So Is the Hype. My experience with OpenClaw." 12033 > 12034 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 12035 12036 12037 12038 <!-- Main Image --> 12039 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1772044439420-E3TK7SFDPOB7B5M05U2Q/AI+Agents+Are+Real.+So+Is+the+Hype.+%283%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1772044439420-E3TK7SFDPOB7B5M05U2Q/AI+Agents+Are+Real.+So+Is+the+Hype.+%283%29.jpg" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="AI Agents Are Real. So Is the Hype. My experience with OpenClaw." data-load="false" class="summary-thumbn
12039ail-image" elementtiming="summary-thumbnail-image-list" /> 12040 12041 12042 12043 12044 12045 12046 12047 12048 12049 </div> 12050 </a> 12051 12052 <!-- Products: Quick View --> 12053 12054 12055 </div> 12056 12057 12058 12059 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 12060 12061 <div class="summary-metadata-container summary-metadata-container--above-title"> 12062 12063 <div class="summary-metadata summary-metadata--primary"> 12064 12065 12066 12067<!-- Timestamp --> 12068<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-02-25">February 25, 2026</time> 12069 12070 12071 12072 12073 12074 12075 12076 12077 12078 12079 12080 12081 12082 12083</div> 12084 12085 <div class="summary-metadata summary-metadata--secondary"> 12086 12087 12088 12089 12090 12091 12092 12093 12094 12095 12096 12097 12098 12099 12100</div> 12101 </div> 12102 12103 <div class="summary-title"> 12104 <a 12105 12106 12107 href="/articles/ai-agents-are-real-so-is-the-hype-my-experience-with-openclaw" 12108 12109 12110 class="summary-title-link"> 12111 AI Agents Are Real. So Is the Hype. My experience with OpenClaw. 12112 </a> 12113 </div> 12114 12115 <div class="summary-metadata-container summary-metadata-container--below-title"> 12116 12117 <div class="summary-metadata summary-metadata--primary"> 12118 12119 12120 12121<!-- Timestamp --> 12122<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-02-25">February 25, 2026</time> 12123 12124 12125 12126 12127 12128 12129 12130 12131 12132 12133 12134 12135 12136 12137</div> 12138 12139 <div class="summary-metadata summary-metadata--secondary"> 12140 12141 12142 12143 12144 12145 12146 12147 12148 12149 12150 12151 12152 12153 12154</div> 12155 </div> 12156 12157 12158 12159 12160 12161 <div class=" 12162 summary-excerpt 12163 summary-excerpt-only 12164 "><p style="text-align: start; ; white-space:pre-wrap;" data-rte-preserve-empty="true">An AI built me a website, managed my email, and added tasks to Notion all on its own. It also crashed, duplicated everything, exposed a security vulnerability, and cost me $50 in a single afternoon. So no, we're probably not all losing our jobs next Tuesday.</p></div> 12165 12166 12167 12168 <a href="/articles/ai-agents-are-real-so-is-the-hype-my-experience-with-openclaw" class="summary-read-more-link">Read more →</a> 12169 12170 <div class="summary-metadata-container summary-metadata-container--below-content"> 12171 12172 <div class="summary-metadata summary-metadata--primary"> 12173 12174 12175 12176<!-- Timestamp --> 12177<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-02-25">February 25, 2026</time> 12178 12179 12180 12181 12182 12183 12184 12185 12186 12187 12188 12189 12190 12191 12192</div> 12193 12194 <div class="summary-metadata summary-metadata--secondary"> 12195 12196 12197 12198 12199 12200 12201 12202 12203 12204 12205 12206 12207 12208 12209</div> 12210 </div> 12211 </div> 12212 </div> 12213 12214 <div class=" 12215 summary-item 12216 positioned 12217 summary-item-record-type-text 12218 sqs-gallery-design-list-slide 12219 12220 12221 summary-item-has-thumbnail 12222 12223 summary-item-has-excerpt 12224 12225 summary-item-has-tags 12226 summary-item-has-author 12227 summary-item-has-comments-enabled 12228 12229 " 12230 12231 > 12232 12233 12234 12235 12236
12237 <div class="summary-thumbnail-outer-container"> 12238 <a 12239 12240 12241 href="/articles/what-is-creativity" 12242 12243 12244 class=" 12245 summary-thumbnail-container 12246 sqs-gallery-image-container 12247 12248 " 12249 data-title="What is Creativity?" 12250 data-description="" 12251 aria-label="What is Creativity?" 12252 > 12253 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 12254 12255 12256 12257 <!-- Main Image --> 12258 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1769058501023-05PBCXSR934LFS3N83FZ/What+is+creativity_.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1769058501023-05PBCXSR934LFS3N83FZ/What+is+creativity_.jpg" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="What is Creativity?" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-list" /> 12259 12260 12261 12262 12263 12264 12265 12266 12267 12268 </div> 12269 </a> 12270 12271 <!-- Products: Quick View --> 12272 12273 12274 </div> 12275 12276 12277 12278 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 12279 12280 <div class="summary-metadata-container summary-metadata-container--above-title"> 12281 12282 <div class="summary-metadata summary-metadata--primary"> 12283 12284 12285 12286<!-- Timestamp --> 12287<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-01-21">January 21, 2026</time> 12288 12289 12290 12291 12292 12293 12294 12295 12296 12297 12298 12299 12300 12301 12302</div> 12303 12304 <div class="summary-metadata summary-metadata--secondary"> 12305 12306 12307 12308 12309 12310 12311 12312 12313 12314 12315 12316 12317 12318 12319</div> 12320 </div> 12321 12322 <div class="summary-title"> 12323 <a 12324 12325 12326 href="/articles/what-is-creativity" 12327 12328 12329 class="summary-title-link"> 12330 What is Creativity? 12331 </a> 12332 </div> 12333 12334 <div class="summary-metadata-container summary-metadata-container--below-title"> 12335 12336 <div class="summary-metadata summary-metadata--primary"> 12337 12338 12339 12340<!-- Timestamp --> 12341<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-01-21">January 21, 2026</time> 12342 12343 12344 12345 12346 12347 12348 12349 12350 12351 12352 12353 12354 12355 12356</div> 12357 12358 <div class="summary-metadata summary-metadata--secondary"> 12359 12360 12361 12362 12363 12364 12365 12366 12367 12368 12369 12370 12371 12372 12373</div> 12374 </div> 12375 12376 12377 12378 12379 12380 <div class=" 12381 summary-excerpt 12382 summary-excerpt-only 12383 "><p style="text-align: start; ; white-space:pre-wrap;" data-rte-preserve-empty="true">Iâm doing a partnership with Squarespace to promote their Web Design Industry report, and there is a quote in it that I canât stop thinking about.</p></div> 12384 12385 12386 12387 <a href="/articles/what-is-creativity" class="summary-read-more-link">Read more →</a> 12388 12389 <div class="summary-metadata-container summary-metadata-container--below-content"> 12390 12391 <div class="summary-metadata summary-metadata--primary"> 12392 12393 12394 12395<!-- Timestamp --> 12396<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-01-21">January 21, 2026</time> 12397 12398 12399 12400 12401 12402 12403 12404 12405 12406 12407 12408 12409 12410 12411</div> 12412 12413 <div class="summary-metadata summary-metadata--secondary"> 12414 12415 12416 12417 12418 12419 12420 12421 12422 12423 12424 12425 12426 12427 12428</div> 12429 </div> 12430 </div> 12431 </div> 12432 12433 <div class=" 12434 summary-item 12435 positioned 12436 summary-item-record-type-text 12437 sqs-gallery-design-list-slide 12438 12439 12440 summary-item-has-thumbnail 12441 12442 summary-item-has-excerpt 12443 12444 summary-item-has-tags 12445 summary-item-has-author 12446 summary-item-has-comments-enabled 12447 12448 " 12449 12450 > 12451 12452 12453 12454 12455
12456 <div class="summary-thumbnail-outer-container"> 12457 <a 12458 12459 12460 href="/articles/ai-is-stealing-my-job" 12461 12462 12463 class=" 12464 summary-thumbnail-container 12465 sqs-gallery-image-container 12466 12467 " 12468 data-title="Is AI Stealing My Job?" 12469 data-description="" 12470 aria-label="Is AI Stealing My Job?" 12471 > 12472 <div class="summary-thumbnail img-wrapper" data-animation-role="image"> 12473 12474 12475 12476 <!-- Main Image --> 12477 <img data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1768238533509-OY0IEYVU819Z4YTHD8YW/Is++AI+Stealing+My+Job_.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1768238533509-OY0IEYVU819Z4YTHD8YW/Is++AI+Stealing+My+Job_.jpg" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="Is AI Stealing My Job?" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-list" /> 12478 12479 12480 12481 12482 12483 12484 12485 12486 12487 </div> 12488 </a> 12489 12490 <!-- Products: Quick View --> 12491 12492 12493 </div> 12494 12495 12496 12497 <div class="summary-content sqs-gallery-meta-container" data-animation-role="content"> 12498 12499 <div class="summary-metadata-container summary-metadata-container--above-title"> 12500 12501 <div class="summary-metadata summary-metadata--primary"> 12502 12503 12504 12505<!-- Timestamp --> 12506<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-01-12">January 12, 2026</time> 12507 12508 12509 12510 12511 12512 12513 12514 12515 12516 12517 12518 12519 12520 12521</div> 12522 12523 <div class="summary-metadata summary-metadata--secondary"> 12524 12525 12526 12527 12528 12529 12530 12531 12532 12533 12534 12535 12536 12537 12538</div> 12539 </div> 12540 12541 <div class="summary-title"> 12542 <a 12543 12544 12545 href="/articles/ai-is-stealing-my-job" 12546 12547 12548 class="summary-title-link"> 12549 Is AI Stealing My Job? 12550 </a> 12551 </div> 12552 12553 <div class="summary-metadata-container summary-metadata-container--below-title"> 12554 12555 <div class="summary-metadata summary-metadata--primary"> 12556 12557 12558 12559<!-- Timestamp --> 12560<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-01-12">January 12, 2026</time> 12561 12562 12563 12564 12565 12566 12567 12568 12569 12570 12571 12572 12573 12574 12575</div> 12576 12577 <div class="summary-metadata summary-metadata--secondary"> 12578 12579 12580 12581 12582 12583 12584 12585 12586 12587 12588 12589 12590 12591 12592</div> 12593 </div> 12594 12595 12596 12597 12598 12599 <div class=" 12600 summary-excerpt 12601 summary-excerpt-only 12602 "><p style="text-align: start; ; white-space:pre-wrap;" data-rte-preserve-empty="true">In the last few months, Iâve probably spent less time <em>writing</em> code than I have at any point in my âcodingâ career. Of course, Iâve been <em>shipping</em> code, itâs just that AI is helping me to substantially cut down on the time it takes me to write it. </p></div> 12603 12604 12605 12606 <a href="/articles/ai-is-stealing-my-job" class="summary-read-more-link">Read more →</a> 12607 12608 <div class="summary-metadata-container summary-metadata-container--below-content"> 12609 12610 <div class="summary-metadata summary-metadata--primary"> 12611 12612 12613 12614<!-- Timestamp --> 12615<time class="summary-metadata-item summary-metadata-item--date" datetime="2026-01-12">January 12, 2026</time> 12616 12617 12618 12619 12620 12621 12622 12623 12624 12625 12626 12627 12628 12629 12630</div> 12631 12632 <div class="summary-metadata summary-metadata--secondary"> 12633 12634 12635 12636 12637 12638 12639 12640 12641 12642 12643 12644 12645 12646 12647</div> 12648 </div> 12649 </div> 12650 </div> 12651 12652 </div> 12653 </div> 12654 12655</div> 12656<style> 12657 #block-64d6d9c7714bca2e5a6bbb1b { 12658 --summary-title-font-size: 20px; 12659 --summary-excerpt-font-size: 14px; 12660 --summary-text-align: left; 12661 --summary-list-image-float: left; 12662 --summary-list-thumbnail-padding-left: 0; 12663 --summary-list-thumbnail-padding-right: 20px; 12664 --summary-list-qv-padding-left: 0; 12665 --summary-list-qv-padding-right: 20px; 12666 --summary-list-product-mark-left: 0; 12667 --summary-list-product-mark-right: auto; 12668 --summary-meta-above-display: block; 12669 --summary-meta-below-title-display: none; 12670 --summary-meta-below-content-display: none; 12671 --summary-show-title: block; 12672 --summary-show-thumbnail: none; 12673 --summary-show-excerpt: block; 12674 --summary-show-excerpt-clamped: -webkit-box; 12675 --summary-content-spacing: 10px; 12676 --summary-show-price: block; 12677 --summary-show-read-more-link: block; 12678 } 12679</style> 12680<style id="container-styles">#block-64d6d9c7714bca2e5a6bbb1b { 12681 12682 --stroke-style: none;--stroke-thickness: 6px; 12683 12684 12685 12686 12687 12688 12689 12690 12691 } 12692 12693 #block-64d6d9c7714bca2e5a6bbb1b .summary-block-wrapper { 12694 12695 --tweak-summary-block-padding: 6% 6% 6% 6%; 12696 --tweak-summary-block-padding: initial; 12697} 12698 12699 .fe-block-64d6d9c7714bca2e5a6bbb1b { 12700 mix-blend-mode: var(--tweak-summary-block-blend); 12701 border-radius: var(--tweak-summary-block-radius); 12702 } 12703 12704 12705 12706.fe-block-64d6d9c7714bca2e5a6bbb1b { 12707 --tweak-summary-block-radius: 0px 0px 0px 0px; 12708 } 12709 12710 12711 12712 .fe-block-64d6d9c7714bca2e5a6bbb1b { 12713 --tweak-summary-block-blend: normal; 12714 } 12715 12716 12717 .fe-block-64d6d9c7714bca2e5a6bbb1b { 12718 --blur-value: blur(15px);} 12719 12720</style> 12721 12722</div></div></div></div></div> 12723 </div> 12724 12725 </div> 12726 12727</section> 12728 12729 12730 12731 12732 </section> 12733 12734</article> 12735 12736 12737 12738 12739 12740 12741 12742 12743 12744 12745 12746 </main> 12747 12748 <footer class="sections" id="footer-sections" data-footer-sections> 12749 12750 12751 12752 12753 12754 12755 12756 12757 12758 12759 12760
12761 12762 12763 12764 12765 12766 12767 12768 12769 12770 12771 12772<section 12773 data-test="page-section" 12774 12775 data-section-theme="bright" 12776 class='page-section 12777 12778 full-bleed-section 12779 layout-engine-section 12780 12781 background-width--full-bleed 12782 12783 12784 section-height--custom 12785 12786 12787 12788 content-width--wide 12789 12790 horizontal-alignment--center 12791 vertical-alignment--middle 12792 12793 12794 12795 12796 bright' 12797 12798 data-section-id="64d84aaaf1b27607f2fdcf34" 12799 12800 data-controller="SectionWrapperController" 12801 data-current-styles="{ 12802 "imageOverlayOpacity": 0.15, 12803 "backgroundWidth": "background-width--full-bleed", 12804 "sectionHeight": "section-height--custom", 12805 "customSectionHeight": 0, 12806 "horizontalAlignment": "horizontal-alignment--center", 12807 "verticalAlignment": "vertical-alignment--middle", 12808 "contentWidth": "content-width--wide", 12809 "customContentWidth": 50, 12810 "sectionTheme": "bright", 12811 "sectionAnimation": "none", 12812 "backgroundMode": "image" 12813 }" 12814 data-current-context="{ 12815 "video": { 12816 "playbackSpeed": 0.5, 12817 "filter": 1, 12818 "filterStrength": 0, 12819 "zoom": 0, 12820 "videoSourceProvider": "none" 12821 }, 12822 "backgroundImageId": null, 12823 "backgroundMediaEffect": { 12824 "type": "none" 12825 }, 12826 "divider": { 12827 "enabled": false 12828 }, 12829 "typeName": "page" 12830 }" 12831 data-animation="none" 12832 data-fluid-engine-section 12833 12834 12835 12836 12837 12838 12839 12840 12841 data-sqsp-section="fluid-engine" 12842 12843 12844> 12845 <div 12846 class="section-border" 12847 12848 > 12849 <div class="section-background"> 12850 12851 12852 12853 </div> 12854 </div> 12855 <div 12856 class='content-wrapper' 12857 style=' 12858 12859 12860 12861 padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); 12862 12863 12864 ' 12865 > 12866 <div 12867 class="content" 12868 12869 > 12870 12871 12872 12873 12874 12875 12876 12877 12878 12879 12880 <div data-fluid-engine="true"><style> 12881 12882.fe-64d84aab861af66ca8d45c13 { 12883 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 12884 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 12885 12886 display: grid; 12887 position: relative; 12888 grid-area: 1/1/-1/-1; 12889 grid-template-rows: repeat(2,minmax(24px, auto)); 12890 grid-template-columns: 12891 minmax(var(--grid-gutter), 1fr) 12892 repeat(8, minmax(0, var(--cell-max-width))) 12893 minmax(var(--grid-gutter), 1fr); 12894 row-gap: 11.0px; 12895 column-gap: 11.0px; 12896 overflow-x: hidden; 12897 overflow-x: clip; 12898} 12899 12900@media (min-width: 768px) { 12901 .background-width--inset .fe-64d84aab861af66ca8d45c13 { 12902 --inset-padding: calc(var(--sqs-site-gutter) * 2); 12903 } 12904 12905 .fe-64d84aab861af66ca8d45c13 { 12906 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 12907 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 12908 --inset-padding: 0vw; 12909 12910 --row-height-scaling-factor: 0.0215; 12911 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 12912 12913 grid-template-rows: repeat(1,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 12914 grid-template-columns: 12915 minmax(var(--grid-gutter), 1fr) 12916 repeat(24, minmax(0, var(--cell-max-width))) 12917 minmax(var(--grid-gutter), 1fr); 12918 } 12919} 12920 12921 12922</style><div class="fluid-engine fe-64d84aab861af66ca8d45c13"></div></div> 12923 </div> 12924 12925 </div> 12926 12927</section> 12928 12929 12930 12931 12932 12933 12934 12935
12936 12937 12938 12939 12940 12941 12942 12943 12944 12945 12946 12947<section 12948 data-test="page-section" 12949 12950 data-section-theme="black" 12951 class='page-section 12952 12953 full-bleed-section 12954 layout-engine-section 12955 12956 background-width--full-bleed 12957 12958 section-height--small 12959 12960 12961 content-width--wide 12962 12963 horizontal-alignment--center 12964 vertical-alignment--middle 12965 12966 12967 12968 12969 black' 12970 12971 data-section-id="63fc02881587867ab63da6f7" 12972 12973 data-controller="SectionWrapperController" 12974 data-current-styles="{ 12975 "imageOverlayOpacity": 0.15, 12976 "backgroundWidth": "background-width--full-bleed", 12977 "sectionHeight": "section-height--small", 12978 "customSectionHeight": 20, 12979 "horizontalAlignment": "horizontal-alignment--center", 12980 "verticalAlignment": "vertical-alignment--middle", 12981 "contentWidth": "content-width--wide", 12982 "customContentWidth": 50, 12983 "sectionTheme": "black", 12984 "sectionAnimation": "none", 12985 "backgroundMode": "image" 12986 }" 12987 data-current-context="{ 12988 "video": { 12989 "playbackSpeed": 0.5, 12990 "filter": 1, 12991 "filterStrength": 0, 12992 "zoom": 0, 12993 "videoSourceProvider": "none" 12994 }, 12995 "backgroundImageId": null, 12996 "backgroundMediaEffect": { 12997 "type": "none" 12998 }, 12999 "divider": { 13000 "enabled": false 13001 }, 13002 "typeName": "page" 13003 }" 13004 data-animation="none" 13005 data-fluid-engine-section 13006 13007 13008 13009 13010 13011 13012 13013 13014 13015 13016 data-sqsp-section="fluid-engine" 13017 13018 13019> 13020 <div 13021 class="section-border" 13022 13023 > 13024 <div class="section-background"> 13025 13026 13027 13028 </div> 13029 </div> 13030 <div 13031 class='content-wrapper' 13032 style=' 13033 13034 13035 13036 ' 13037 > 13038 <div 13039 class="content" 13040 13041 > 13042 13043 13044 13045 13046 13047 13048 13049 13050 13051 13052 <div data-fluid-engine="true"><style> 13053 13054.fe-63fc0288058660639219daf7 { 13055 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 13056 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 13057 13058 display: grid; 13059 position: relative; 13060 grid-area: 1/1/-1/-1; 13061 grid-template-rows: repeat(26,minmax(24px, auto)); 13062 grid-template-columns: 13063 minmax(var(--grid-gutter), 1fr) 13064 repeat(8, minmax(0, var(--cell-max-width))) 13065 minmax(var(--grid-gutter), 1fr); 13066 row-gap: 11.0px; 13067 column-gap: 11.0px; 13068 overflow-x: hidden; 13069 overflow-x: clip; 13070} 13071 13072@media (min-width: 768px) { 13073 .background-width--inset .fe-63fc0288058660639219daf7 { 13074 --inset-padding: calc(var(--sqs-site-gutter) * 2); 13075 } 13076 13077 .fe-63fc0288058660639219daf7 { 13078 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 13079 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 13080 --inset-padding: 0vw; 13081 13082 --row-height-scaling-factor: 0.0215; 13083 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 13084 13085 grid-template-rows: repeat(9,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 13086 grid-template-columns: 13087 minmax(var(--grid-gutter), 1fr) 13088 repeat(24, minmax(0, var(--cell-max-width))) 13089 minmax(var(--grid-gutter), 1fr); 13090 } 13091} 13092 13093 13094 .fe-block-yui_3_17_2_1_1691894213883_19887 { 13095 grid-area: 1/2/4/10; 13096 z-index: 8; 13097 13098 @media (max-width: 767px) { 13099 13100 13101 } 13102 } 13103 13104 .fe-block-yui_3_17_2_1_1691894213883_19887 .sqs-block { 13105 justify-content: flex-start; 13106 } 13107 13108 .fe-block-yui_3_17_2_1_1691894213883_19887 .sqs-block-alignment-wrapper {
13109 align-items: flex-start; 13110 } 13111 13112 @media (min-width: 768px) { 13113 .fe-block-yui_3_17_2_1_1691894213883_19887 { 13114 grid-area: 1/2/4/10; 13115 z-index: 8; 13116 13117 13118 13119 13120 } 13121 13122 .fe-block-yui_3_17_2_1_1691894213883_19887 .sqs-block { 13123 justify-content: flex-start; 13124 } 13125 13126 .fe-block-yui_3_17_2_1_1691894213883_19887 .sqs-block-alignment-wrapper { 13127 align-items: flex-start; 13128 } 13129 } 13130 13131 .fe-block-63fc0288acfc52993d7a663f { 13132 grid-area: 4/2/6/6; 13133 z-index: 6; 13134 13135 @media (max-width: 767px) { 13136 13137 13138 } 13139 } 13140 13141 .fe-block-63fc0288acfc52993d7a663f .sqs-block { 13142 justify-content: center; 13143 } 13144 13145 .fe-block-63fc0288acfc52993d7a663f .sqs-block-alignment-wrapper { 13146 align-items: center; 13147 } 13148 13149 @media (min-width: 768px) { 13150 .fe-block-63fc0288acfc52993d7a663f { 13151 grid-area: 4/2/6/10; 13152 z-index: 7; 13153 13154 13155 13156 13157 } 13158 13159 .fe-block-63fc0288acfc52993d7a663f .sqs-block { 13160 justify-content: flex-start; 13161 } 13162 13163 .fe-block-63fc0288acfc52993d7a663f .sqs-block-alignment-wrapper { 13164 align-items: flex-start; 13165 } 13166 } 13167 13168 .fe-block-63fc02889908a87926ab8725 { 13169 grid-area: 6/2/9/10; 13170 z-index: 0; 13171 13172 @media (max-width: 767px) { 13173 13174 13175 } 13176 } 13177 13178 .fe-block-63fc02889908a87926ab8725 .sqs-block { 13179 justify-content: flex-start; 13180 } 13181 13182 .fe-block-63fc02889908a87926ab8725 .sqs-block-alignment-wrapper { 13183 align-items: flex-start; 13184 } 13185 13186 @media (min-width: 768px) { 13187 .fe-block-63fc02889908a87926ab8725 { 13188 grid-area: 1/10/3/18; 13189 z-index: 1; 13190 13191 13192 13193 13194 } 13195 13196 .fe-block-63fc02889908a87926ab8725 .sqs-block { 13197 justify-content: flex-start; 13198 } 13199 13200 .fe-block-63fc02889908a87926ab8725 .sqs-block-alignment-wrapper { 13201 align-items: flex-start; 13202 } 13203 } 13204 13205 .fe-block-63fc028849803c0917dc455e { 13206 grid-area: 9/2/14/6; 13207 z-index: 2; 13208 13209 @media (max-width: 767px) { 13210 13211 13212 } 13213 } 13214 13215 .fe-block-63fc028849803c0917dc455e .sqs-block { 13216 justify-content: flex-start; 13217 } 13218 13219 .fe-block-63fc028849803c0917dc455e .sqs-block-alignment-wrapper { 13220 align-items: flex-start; 13221 } 13222 13223 @media (min-width: 768px) { 13224 .fe-block-63fc028849803c0917dc455e { 13225 grid-area: 6/2/9/6; 13226 z-index: 2; 13227 13228 13229 13230 13231 } 13232 13233 .fe-block-63fc028849803c0917dc455e .sqs-block { 13234 justify-content: flex-start; 13235 } 13236 13237 .fe-block-63fc028849803c0917dc455e .sqs-block-alignment-wrapper { 13238 align-items: flex-start; 13239 } 13240 } 13241 13242 .fe-block-4abfe3a009c3f1d3fe12 { 13243 grid-area: 9/6/14/10; 13244 z-index: 4; 13245 13246 @media (max-width: 767px) { 13247 13248 13249 } 13250 } 13251 13252 .fe-block-4abfe3a009c3f1d3fe12 .sqs-block { 13253 justify-content: flex-start; 13254 } 13255 13256 .fe-block-4abfe3a009c3f1d3fe12 .sqs-block-alignment-wrapper { 13257 align-items: flex-start; 13258 } 13259 13260 @media (min-width: 768px) { 13261 .fe-block-4abfe3a009c3f1d3fe12 { 13262 grid-area: 6/10/10/14; 13263 z-index: 4; 13264 13265 13266 13267 13268 } 13269 13270 .fe-block-4abfe3a009c3f1d3fe12 .sqs-block { 13271 justify-content: flex-start; 13272 } 13273 13274 .fe-block-4abfe3a009c3f1d3fe12 .sqs-block-alignment-wrapper { 13275 align-items: flex-start; 13276 } 13277 } 13278 13279 .fe-block-63fc0288c98ae1c6b5d64538 { 13280 grid-area: 14/2/19/6; 13281 z-index: 3; 13282 13283 @media (max-width: 767px) { 13284 13285 13286 } 13287 } 13288 13289 .fe-block-63fc0288c98ae1c6b5d64538 .sqs-block { 13290 justify-content: flex-start; 13291 } 13292 13293 .fe-block-63fc0288c98ae1c6b5d64538 .sqs-block-alignment-wrapper { 13294 align-items: flex-start; 13295 } 13296 13297 @media (min-width: 768px) { 13298 .fe-block-63fc0288c98ae1c6b5d64538 { 13299 grid-area: 6/6/10/10; 13300 z-index: 3; 13301 13302 13303 13304 13305 } 13306 13307 .fe-block-63fc0288c98ae1c6b5d64538 .sqs-block { 13308 justify-content: flex-start; 13309 } 13310 13311 .fe-block-63fc0288c98ae1c6b5d64538 .sqs-block-alignment-wrapper { 13312 align-items: flex-start; 13313 } 13314 } 13315 13316 .fe-block-3172e84482450f6ecd71 { 13317 grid-area: 14/6/19/10; 13318 z-index: 4; 13319 13320 @media (max-width: 767px) { 13321 13322 13323 } 13324 } 13325 13326 .fe-block-3172e84482450f6ecd71 .sqs-block { 13327 justify-content: flex-start; 13328 } 13329 13330 .fe-block-3172e84482450f6ecd71 .sqs-block-alignment-wrapper { 13331 align-items: flex-start; 13332 } 13333 13334 @media (min-width: 768px) { 13335 .fe-block-3172e84482450f6ecd71 { 13336 grid-area: 6/14/9/19; 13337 z-index: 4; 13338 13339 13340 13341 13342 } 13343 13344 .fe-block-3172e84482450f6ecd71 .sqs-block { 13345 justify-content: flex-start; 13346 } 13347 13348 .fe-block-3172e84482450f6ecd71 .sqs-block-alignment-wrapper { 13349 align-items: flex-start; 13350 } 13351 } 13352 13353 .fe-block-63fc028882678493cf5af13a { 13354 grid-area: 19/2/21/6; 13355 z-index: 4; 13356 13357 @media (max-width: 767px) { 13358 13359 13360 } 13361 } 13362 13363 .fe-block-63fc028882678493cf5af13a .sqs-block { 13364 justify-content: center; 13365 } 13366 13367 .fe-block-63fc028882678493cf5af13a .sqs-block-alignment-wrapper {
13368 align-items: center; 13369 } 13370 13371 @media (min-width: 768px) { 13372 .fe-block-63fc028882678493cf5af13a { 13373 grid-area: 3/20/5/24; 13374 z-index: 4; 13375 13376 13377 13378 13379 } 13380 13381 .fe-block-63fc028882678493cf5af13a .sqs-block { 13382 justify-content: center; 13383 } 13384 13385 .fe-block-63fc028882678493cf5af13a .sqs-block-alignment-wrapper { 13386 align-items: center; 13387 } 13388 } 13389 13390 .fe-block-63fc02885271b140f4bedbb5 { 13391 grid-area: 19/6/21/10; 13392 z-index: 5; 13393 13394 @media (max-width: 767px) { 13395 13396 13397 } 13398 } 13399 13400 .fe-block-63fc02885271b140f4bedbb5 .sqs-block { 13401 justify-content: center; 13402 } 13403 13404 .fe-block-63fc02885271b140f4bedbb5 .sqs-block-alignment-wrapper { 13405 align-items: center; 13406 } 13407 13408 @media (min-width: 768px) { 13409 .fe-block-63fc02885271b140f4bedbb5 { 13410 grid-area: 5/20/7/24; 13411 z-index: 6; 13412 13413 13414 13415 13416 } 13417 13418 .fe-block-63fc02885271b140f4bedbb5 .sqs-block { 13419 justify-content: center; 13420 } 13421 13422 .fe-block-63fc02885271b140f4bedbb5 .sqs-block-alignment-wrapper { 13423 align-items: center; 13424 } 13425 } 13426 13427 .fe-block-7d7119ca1e5b892a50b6 { 13428 grid-area: 21/2/23/6; 13429 z-index: 6; 13430 13431 @media (max-width: 767px) { 13432 13433 13434 } 13435 } 13436 13437 .fe-block-7d7119ca1e5b892a50b6 .sqs-block { 13438 justify-content: center; 13439 } 13440 13441 .fe-block-7d7119ca1e5b892a50b6 .sqs-block-alignment-wrapper { 13442 align-items: center; 13443 } 13444 13445 @media (min-width: 768px) { 13446 .fe-block-7d7119ca1e5b892a50b6 { 13447 grid-area: 1/20/3/24; 13448 z-index: 7; 13449 13450 13451 13452 13453 } 13454 13455 .fe-block-7d7119ca1e5b892a50b6 .sqs-block { 13456 justify-content: center; 13457 } 13458 13459 .fe-block-7d7119ca1e5b892a50b6 .sqs-block-alignment-wrapper { 13460 align-items: center; 13461 } 13462 } 13463 13464 .fe-block-63fc0288fb32d810f5b8c99a { 13465 grid-area: 24/2/27/10; 13466 z-index: 7; 13467 13468 @media (max-width: 767px) { 13469 13470 13471 } 13472 } 13473 13474 .fe-block-63fc0288fb32d810f5b8c99a .sqs-block { 13475 justify-content: flex-start; 13476 } 13477 13478 .fe-block-63fc0288fb32d810f5b8c99a .sqs-block-alignment-wrapper { 13479 align-items: flex-start; 13480 } 13481 13482 @media (min-width: 768px) { 13483 .fe-block-63fc0288fb32d810f5b8c99a { 13484 grid-area: 8/20/10/26; 13485 z-index: 5; 13486 13487 13488 13489 13490 } 13491 13492 .fe-block-63fc0288fb32d810f5b8c99a .sqs-block { 13493 justify-content: flex-start; 13494 } 13495 13496 .fe-block-63fc0288fb32d810f5b8c99a .sqs-block-alignment-wrapper { 13497 align-items: flex-start; 13498 } 13499 } 13500 13501</style><div class="fluid-engine fe-63fc0288058660639219daf7"><div class="fe-block fe-block-yui_3_17_2_1_1691894213883_19887"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1691894213883_19887" id="block-yui_3_17_2_1_1691894213883_19887"><div class="sqs-block-content"><div class="sqs-text-block-container"> 13502 13503 <div class="sqs-html-content" data-sqsp-text-block-content><h4 style="white-space:pre-wrap;"><span class="sqsrte-text-color--white"><strong>Sharpen your skills.</strong> </span><br>Get better in Squarespace.</h4></div> 13504 13505 13506 13507<style id="container-styles">#block-yui_3_17_2_1_1691894213883_19887 { 13508 13509 --stroke-style: none;--stroke-thickness: 6px; 13510 13511 13512 13513 13514 13515 13516 13517 13518 } 13519 13520 #block-yui_3_17_2_1_1691894213883_19887 .sqs-html-content { 13521 13522 --tweak-text-block-padding: 6% 6% 6% 6%; 13523 --tweak-text-block-padding: initial; 13524} 13525 13526 .fe-block-yui_3_17_2_1_1691894213883_19887 { 13527 mix-blend-mode: var(--tweak-text-block-blend 13528 ); 13529 border-radius: var(--tweak-text-block-radius); 13530 } 13531 13532 13533 13534.fe-block-yui_3_17_2_1_1691894213883_19887 { 13535 --tweak-text-block-radius: 0px 0px 0px 0px; 13536 } 13537 13538 13539 13540 .fe-block-yui_3_17_2_1_1691894213883_19887 { 13541 --tweak-text-block-blend 13542 : normal; 13543 } 13544 13545 13546 .fe-block-yui_3_17_2_1_1691894213883_19887 { 13547 --blur-value: blur(15px);} 13548 13549</style> 13550 13551<style id="override-container-styles"> 13552 @media screen and (max-width: 767px) { 13553 13554 13555 13556#block-yui_3_17_2_1_1691894213883_19887 { 13557 13558 } 13559 } 13560 13561 13562 @media screen and (max-width: 767px) { 13563 #block-yui_3_17_2_1_1691894213883_19887 .sqs-html-content { 13564 13565 } 13566 } 13567 13568 @media screen and (max-width: 767px) { 13569 13570 13571 13572 13573 13574 13575 }</style> 13576<style class="transform-overrides-vars"> 13577 13578</style> 13579 13580 13581 13582 13583</div> 13584</div></div></div><div class="fe-block fe-block-63fc0288acfc52993d7a663f"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-socialaccountlinks social-account-links-block social-account-links-v2-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/ce0cca3e-9d39-4879-880d-53f0d48ec167_731/website.components.socialLinks.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/ce0cca3e-9d39-4879-880d-53f0d48ec167_731/website.components.socialLinks.visitor.js"]" data-block-type="1337" data-definition-name="website.components.socialLinks" data-sqsp-block="social-links" data-website-component-id="63fc0288acfc52993d7a663f" id="block-63fc0288acfc52993d7a663f"><div class="sqs-block-content"> 13585 13586 13587 13588 13589 13590 13591 13592 13593 13594 13595 13596 13597 13598 13599 13600 13601 13602 13603 13604 13605 13606 13607 13608 13609<div class="sqs-block-socialaccountlinks-content"> 13610 <div class="sqs-svg-icon--outer social-icon-alignment-left social-icons-color-black social-icons-size-extra-large social-icons-style-regular "> 13611 <style> 13612 13613 #block-63fc0288acfc52993d7a663f { 13614 --social-icons-justify-content: flex-start; 13615 --social-icons-dimension: 32px;--social-icons-gap: 18px; 13616 13617 } 13618 13619 13620 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--wrapper { 13621 --si-border-radius: 0;--si-scale: 2;
13621--si-box-shadow: none;--si-fill-icon: var(--si-primary);--si-fill-icon-fade: var(--si-primary-faded);--si-fill-icon-hover: var(--si-primary);--si-fill-mask: transparent;--si-fill-mask-fade: transparent;--si-fill-mask-hover: transparent;--si-bg: transparent;--si-bg-fade: transparent;--si-bg-hover: transparent; 13622 } 13623 13624 13625 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--list { 13626 justify-content: var(--social-icons-justify-content, center); 13627 column-gap: var(--social-icons-gap, 12px); 13628 row-gap: var(--social-icons-gap, 12px); 13629 } 13630 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--wrapper { 13631 width: var(--social-icons-dimension, 20px); 13632 height: var(--social-icons-dimension, 20px); 13633 margin: 0; 13634 border: none; 13635 background-color: var(--si-bg, transparent); 13636 box-shadow: var(--si-box-shadow, none); 13637 border-radius: var(--si-border-radius, 0); 13638 } 13639 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--wrapper > div { 13640 transform: scale(var(--si-scale, 1)); 13641 } 13642 #block-63fc0288acfc52993d7a663f .sqs-use--icon { 13643 fill: var(--si-fill-icon, transparent); 13644 } 13645 #block-63fc0288acfc52993d7a663f .sqs-use--mask { 13646 fill: var(--si-fill-mask, transparent); 13647 } 13648 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper { 13649 background-color: var(--si-bg-fade, var(--si-bg, transparent)); 13650 } 13651 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper .sqs-use--icon { 13652 fill: var(--si-fill-icon-fade, var(--si-fill-icon, transparent)); 13653 } 13654 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper .sqs-use--mask { 13655 fill: var(--si-fill-mask-fade, var(--si-fill-mask, transparent)); 13656 } 13657 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover { 13658 background-color: var(--si-bg-hover, var(--si-bg, transparent)); 13659 } 13660 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover .sqs-use--icon { 13661 fill: var(--si-fill-icon-hover, var(--si-fill-icon, transparent)); 13662 } 13663 #block-63fc0288acfc52993d7a663f .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover .sqs-use--mask { 13664 fill: var(--si-fill-mask-hover, var(--si-fill-mask, transparent)); 13665 } 13666 </style> 13667 <nav class="sqs-svg-icon--list"> 13668 13669 13670 <a 13671 href="https://www.youtube.com/@will-myers?sub_confirmation=1" 13672 target="_blank" 13673 class="sqs-svg-icon--wrapper youtube-unauth" 13674 aria-label="YouTube" 13675 > 13676 <div> 13677 <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> 13678 <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#youtube-unauth-icon"></use> 13679 <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#youtube-unauth-mask"></use> 13680 </svg> 13681 </div> 13682 </a> 13683 13684 13685 13686 13687 13688 13689 13690 13691 13692 <a 13693 href="https://www.instagram.com/willdashmyers/" 13694 target="_blank" 13695 class="sqs-svg-icon--wrapper instagram-unauth" 13696 aria-label="Instagram" 13697 > 13698 <div> 13699 <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> 13700 <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#instagram-unauth-icon"></use> 13701 <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#instagram-unauth-mask"></use> 13702 </svg> 13703 </div> 13704 </a> 13705 13706 13707 13708 13709 13710 <a 13711 href="https://www.threads.com/@willdashmyers" 13712 target="_blank" 13713 class="sqs-svg-icon--wrapper threads-unauth" 13714 aria-label="Threads" 13715 > 13716 <div> 13717 <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> 13718 <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#threads-unauth-icon"></use> 13719 <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#threads-unauth-mask"></use> 13720 </svg> 13721 </div> 13722 </a> 13723 13724 13725 13726 13727 13728 13729 </nav> 13730 </div> 13731 13732 13733<style id="container-styles">#block-63fc0288acfc52993d7a663f { 13734 13735 13736 13737 13738 13739 13740 } 13741 13742 #block-63fc0288acfc52993d7a663f .sqs-block-socialaccountlinks-content { 13743 13744 --tweak-social-links-block-padding: initial; 13745} 13746 13747 .fe-block-63fc0288acfc52993d7a663f { 13748 mix-blend-mode: var(--tweak-social-links-block-blend); 13749 border-radius: var(--tweak-social-links-block-radius); 13750 } 13751 13752 13753 13754 13755 13756 13757 13758 13759 13760 .fe-block-63fc0288acfc52993d7a663f { 13761 } 13762 13763</style> 13764 13765<style id="override-container-styles"> 13766 @media screen and (max-width: 767px) { 13767 13768 13769 13770#block-63fc0288acfc52993d7a663f { 13771 13772 } 13773 } 13774 13775 13776 @media screen and (max-width: 767px) { 13777 #block-63fc0288acfc52993d7a663f .sqs-block-socialaccountlinks-content { 13778 13779 } 13780 } 13781 13782 @media screen and (max-width: 767px) { 13783 13784 13785 13786 13787 13788 13789 }</style> 13790 13791 <style class="transform-overrides-vars"> 13792 13793</style> 13794 13795 13796 13797 13798 13799 13800</div> 13801</div></div></div><div class="fe-block fe-block-63fc02889908a87926ab8725"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-newsletter newsletter-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.visitor.js"]" data-block-type="1337" data-definition-name="website.components.newsletter" data-sqsp-block="newsletter" data-website-component-id="63fc02889908a87926ab8725" id="block-63fc02889908a87926ab8725"><div class="sqs-block-content"> 13802<div class="newsletter-form-banner newsletter-form-banner--hidden"> 13803 13804 13805 13806<div class="sqs-blockStatus" > 13807 13808 <div class="sqs-blockStatus-box"> 13809 <div class="sqs-blockStatus-box-title">Newsletter Block</div> 13810 <div class="sqs-blockStatus-box-message"> 13811 This newsletter signup form needs a storage option. Edit the block and enter a storage location via the <strong>Storage</strong> tab. 13812 13813 </div> 13814 </div> 13815</div> 13816 13817</div> 13818<div class="newsletter-form-wrapper 13819 13820 newsletter-form-wrapper--layoutFloat 13821 newsletter-form-wrapper--alignCenter 13822 13823 "> 13824 <form 13825 class="newsletter-form" 13826 data-form-id="5ebd8434904f6177ca2fbb5e" 13827 data-success-redirect="/newsletter-welcome" 13828 data-form-submission="redirect" 13829 data-collection-id="" 13830 data-object-name="" 13831 data-error-submit="Error processing form submission. Please reload and try again." 13832 data-error-unknown="Unknown error, please try again later." 13833 data-error-form-key="Could not get a form submission key, please try again later." 13834 data-error-401="Unable to submit form. Please try again later." 13835 data-error-404="This form has not been configured yet." 13836 data-error-429="Unable to submit form. Submission rate limit exceeded. Please try again later." 13837 data-error-500="Unable to send form. Please try again later." 13838 data-submitting-text="Submittingâ¦" 13839 autocomplete="on" 13840 method="POST" 13841 novalidate> 13842 <header class="newsletter-form-header"> 13843 <h2 class="newsletter-form-header-title"><strong>Sharpen your edge.</strong> <span style="color:hsl(0, 0%, 80%)">Get better in Squarespace.</h2> 13844 <div class="newsletter-form-header-description"><p class="" style="white-space:pre-wrap;">Join Will's Web Stuff Newsletter for the newest articles & tutorials for Squarespace designers & developers.</p></div> 13845 </header> 13846 <div class="newsletter-form-body"> 13847 <div class="newsletter-form-fields-wrapper form-fields" style="vertical-align: middle;"> 13848 13849 13850 13851 <div id="email-yui_3_17_2_1_1589477908366_15784" class="newsletter-form-field-wrapper form-item field email required" style="vertical-align: bottom;"> 13852 <label class="newsletter-form-field-label title" for="email-yui_3_17_2_1_1589477908366_15784-field">Email Address</label> 13853 <input id="email-yui_3_17_2_1_1589477908366_15784-field" class="newsletter-form-field-element field-element" name="email" x-autocompletetype="email" autocomplete="email" type="email" spellcheck="false" placeholder="Email Address" /> 13854 </div> 13855 13856 13857 13858 13859 </div> 13860 <div data-animation-role="button" class="newsletter-form-button-wrapper submit-wrapper" style="vertical-align: middle;"> 13861 <button 13862 class=" 13863 newsletter-form-button 13864 sqs-system-button 13865 sqs-editable-button-layout 13866 sqs-editable-button-style 13867 sqs-editable-button-shape 13868 sqs-button-element--primary 13869 " 13870 type="submit" 13871 value="Sign Up" 13872 >
13873 <span class="newsletter-form-spinner sqs-spin light large"></span> 13874 <span class="newsletter-form-button-label">Sign Up</span> 13875 <span class="newsletter-form-button-icon"></span> 13876 </button> 13877 </div> 13878 13879 </div> 13880 <div class="newsletter-form-footnote"><p class=""></p></div> 13881 <div class="hidden form-submission-text">Thank you!</div> 13882 <div class="hidden form-submission-html" data-submission-html=""></div> 13883 </form> 13884</div> 13885 13886<style></style> 13887 13888<!-- SQUARESPACE_JSONT_ERROR 13889 13890website.components.newsletter 13891 13892(line/character offsets reference the template source code) 13893 13894 1: RuntimeError EXPRESSION_PARSE at line 2 character 1: Error parsing expression: Unexpected character at 22: ? 13895 13896--></div></div></div><div class="fe-block fe-block-63fc028849803c0917dc455e"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="63fc028849803c0917dc455e" id="block-63fc028849803c0917dc455e"><div class="sqs-block-content"><div class="sqs-text-block-container"> 13897 13898 <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-small" style="white-space:pre-wrap;" data-rte-preserve-empty="true"><strong>LEARN & SHOP</strong><br><a href="/all-resources">All Resources</a><br><a href="/products">Plugin Store</a><br><a href="https://toolkit.will-myers.com/">Code Curious<br></a><br><a href="/affiliate-program">Affiliate Program</a></p></div> 13899 13900 13901 13902<style id="container-styles">#block-63fc028849803c0917dc455e { 13903 13904 --stroke-style: none;--stroke-thickness: 6px; 13905 13906 13907 13908 13909 13910 13911 13912 13913 } 13914 13915 #block-63fc028849803c0917dc455e .sqs-html-content { 13916 13917 --tweak-text-block-padding: 6% 6% 6% 6%; 13918 --tweak-text-block-padding: initial; 13919} 13920 13921 .fe-block-63fc028849803c0917dc455e { 13922 mix-blend-mode: var(--tweak-text-block-blend 13923 ); 13924 border-radius: var(--tweak-text-block-radius); 13925 } 13926 13927 13928 13929.fe-block-63fc028849803c0917dc455e { 13930 --tweak-text-block-radius: 0px 0px 0px 0px; 13931 } 13932 13933 13934 13935 .fe-block-63fc028849803c0917dc455e { 13936 --tweak-text-block-blend 13937 : normal; 13938 } 13939 13940 13941 .fe-block-63fc028849803c0917dc455e { 13942 --blur-value: blur(15px);} 13943 13944</style> 13945 13946<style id="override-container-styles"> 13947 @media screen and (max-width: 767px) { 13948 13949 13950 13951#block-63fc028849803c0917dc455e { 13952 13953 } 13954 } 13955 13956 13957 @media screen and (max-width: 767px) { 13958 #block-63fc028849803c0917dc455e .sqs-html-content { 13959 13960 } 13961 } 13962 13963 @media screen and (max-width: 767px) { 13964 13965 13966 13967 13968 13969 13970 }</style> 13971<style class="transform-overrides-vars"> 13972 13973</style> 13974 13975 13976 13977 13978</div> 13979</div></div></div><div class="fe-block fe-block-4abfe3a009c3f1d3fe12"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="4abfe3a009c3f1d3fe12" id="block-4abfe3a009c3f1d3fe12"><div class="sqs-block-content"><div class="sqs-text-block-container"> 13980 13981 <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>SUPPORT<br></strong><a href="https://willmyers.featurebase.app/?b=6632300aebe828eff07fe613" target="_blank">Feature Requests</a><br><a href="https://willmyers.featurebase.app/?b=66437424fa0959fb70afc575" target="_blank">Tutorial Requests</a><br><a href="/support" target="_blank">Support</a><br><a href="/account">Account</a></p></div> 13982 13983 13984 13985<style id="container-styles">#block-4abfe3a009c3f1d3fe12 { 13986 13987 --stroke-style: none;--stroke-thickness: 6px; 13988 13989 13990 13991 13992 13993 13994 13995 13996 } 13997 13998 #block-4abfe3a009c3f1d3fe12 .sqs-html-content { 13999 14000 --tweak-text-block-padding: 6% 6% 6% 6%; 14001 --tweak-text-block-padding: initial; 14002} 14003 14004 .fe-block-4abfe3a009c3f1d3fe12 { 14005 mix-blend-mode: var(--tweak-text-block-blend 14006 ); 14007 border-radius: var(--tweak-text-block-radius); 14008 } 14009 14010 14011 14012.fe-block-4abfe3a009c3f1d3fe12 { 14013 --tweak-text-block-radius: 0px 0px 0px 0px; 14014 } 14015 14016 14017 14018 .fe-block-4abfe3a009c3f1d3fe12 { 14019 --tweak-text-block-blend 14020 : normal; 14021 } 14022 14023 14024 .fe-block-4abfe3a009c3f1d3fe12 { 14025 --blur-value: blur(15px);} 14026 14027</style> 14028 14029<style id="override-container-styles"> 14030 @media screen and (max-width: 767px) { 14031 14032 14033 14034#block-4abfe3a009c3f1d3fe12 { 14035 14036 } 14037 } 14038 14039 14040 @media screen and (max-width: 767px) { 14041 #block-4abfe3a009c3f1d3fe12 .sqs-html-content { 14042 14043 } 14044 } 14045 14046 @media screen and (max-width: 767px) { 14047 14048 14049 14050 14051 14052 14053 }</style> 14054<style class="transform-overrides-vars"> 14055 14056</style> 14057 14058 14059 14060 14061</div> 14062</div></div></div><div class="fe-block fe-block-63fc0288c98ae1c6b5d64538"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="63fc0288c98ae1c6b5d64538" id="block-63fc0288c98ae1c6b5d64538"><div class="sqs-block-content"><div class="sqs-text-block-container"> 14063 14064 <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>
14064ABOUT </strong><br><a href="/our-team" target="_blank">Our Team</a><br><a href="/about-will-myers" target="_blank">About Will</a><br><a href="/plugin-showcase">Submit to Showcase</a></p></div> 14065 14066 14067 14068<style id="container-styles">#block-63fc0288c98ae1c6b5d64538 { 14069 14070 --stroke-style: none;--stroke-thickness: 6px; 14071 14072 14073 14074 14075 14076 14077 14078 14079 } 14080 14081 #block-63fc0288c98ae1c6b5d64538 .sqs-html-content { 14082 14083 --tweak-text-block-padding: 6% 6% 6% 6%; 14084 --tweak-text-block-padding: initial; 14085} 14086 14087 .fe-block-63fc0288c98ae1c6b5d64538 { 14088 mix-blend-mode: var(--tweak-text-block-blend 14089 ); 14090 border-radius: var(--tweak-text-block-radius); 14091 } 14092 14093 14094 14095.fe-block-63fc0288c98ae1c6b5d64538 { 14096 --tweak-text-block-radius: 0px 0px 0px 0px; 14097 } 14098 14099 14100 14101 .fe-block-63fc0288c98ae1c6b5d64538 { 14102 --tweak-text-block-blend 14103 : normal; 14104 } 14105 14106 14107 .fe-block-63fc0288c98ae1c6b5d64538 { 14108 --blur-value: blur(15px);} 14109 14110</style> 14111 14112<style id="override-container-styles"> 14113 @media screen and (max-width: 767px) { 14114 14115 14116 14117#block-63fc0288c98ae1c6b5d64538 { 14118 14119 } 14120 } 14121 14122 14123 @media screen and (max-width: 767px) { 14124 #block-63fc0288c98ae1c6b5d64538 .sqs-html-content { 14125 14126 } 14127 } 14128 14129 @media screen and (max-width: 767px) { 14130 14131 14132 14133 14134 14135 14136 }</style> 14137<style class="transform-overrides-vars"> 14138 14139</style> 14140 14141 14142 14143 14144</div> 14145</div></div></div><div class="fe-block fe-block-3172e84482450f6ecd71"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="3172e84482450f6ecd71" id="block-3172e84482450f6ecd71"><div class="sqs-block-content"><div class="sqs-text-block-container"> 14146 14147 <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-small" style="white-space:pre-wrap;" data-rte-preserve-empty="true"><strong>CODE CURIOUS</strong><br><a href="https://toolkit.will-myers.com/robo-will">Robo-Will</a><br><a href="https://toolkit.will-myers.com/code/library/will">Code Catalogue</a><br><a href="https://toolkit.will-myers.com/targeting-library">CSS Targeting Library</a><br><a href="/custom-code-faqs">Custom Code FAQs</a></p></div> 14148 14149 14150 14151<style id="container-styles">#block-3172e84482450f6ecd71 { 14152 14153 --stroke-style: none;--stroke-thickness: 6px; 14154 14155 14156 14157 14158 14159 14160 14161 14162 } 14163 14164 #block-3172e84482450f6ecd71 .sqs-html-content { 14165 14166 --tweak-text-block-padding: 6% 6% 6% 6%; 14167 --tweak-text-block-padding: initial; 14168} 14169 14170 .fe-block-3172e84482450f6ecd71 { 14171 mix-blend-mode: var(--tweak-text-block-blend 14172 ); 14173 border-radius: var(--tweak-text-block-radius); 14174 } 14175 14176 14177 14178.fe-block-3172e84482450f6ecd71 { 14179 --tweak-text-block-radius: 0px 0px 0px 0px; 14180 } 14181 14182 14183 14184 .fe-block-3172e84482450f6ecd71 { 14185 --tweak-text-block-blend 14186 : normal; 14187 } 14188 14189 14190 .fe-block-3172e84482450f6ecd71 { 14191 --blur-value: blur(15px);} 14192 14193</style> 14194 14195<style id="override-container-styles"> 14196 @media screen and (max-width: 767px) { 14197 14198 14199 14200#block-3172e84482450f6ecd71 { 14201 14202 } 14203 } 14204 14205 14206 @media screen and (max-width: 767px) { 14207 #block-3172e84482450f6ecd71 .sqs-html-content { 14208 14209 } 14210 } 14211 14212 @media screen and (max-width: 767px) { 14213 14214 14215 14216 14217 14218 14219 }</style> 14220<style class="transform-overrides-vars"> 14221 14222</style> 14223 14224 14225 14226 14227</div> 14228</div></div></div><div class="fe-block fe-block-63fc028882678493cf5af13a"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js"]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="63fc028882678493cf5af13a" id="block-63fc028882678493cf5af13a"><div class="sqs-block-content"> 14229 14230 14231 14232 14233 14234 14235 14236 14237 14238 14239 14240 14241 14242 14243 14244 14245 14246 14247 14248 14249 14250 14251 14252 14253 14254 14255 14256 14257 14258 14259 14260 14261 14262 14263 <div 14264 class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-left image-component-container-fit combination-animation-site-default individual-animation-site-default 14265 }" 14266 data-component-id="63fc028882678493cf5af13a" 14267 data-test="image-block-fluid-outer-wrapper" 14268 data-is-image-stretched="false" 14269 data-is-mask-applied="false" 14270 data-media-focal-point="0.5,0.5" 14271 14272 14273 data-bpo="" 14274 data-breakpoints="[{"id":"system_desktop","name":"Desktop"},{"id":"system_mobile","name":"Mobile","maxWidth":"767px"}]" 14275 14276 14277 > 14278 <div 14279 class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" 14280 data-animation-role="image" 14281 > 14282 <div 14283 class="fluid-image-container sqs-image-content js-image-container visitor-mode" 14284 14285 data-sqsp-image-block-image-container 14286 > 14287 14288 14289 14290 14291 14292 14293 14294 14295 <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop"> 14296 14297 14298 <div class="js-content-mode-element content-fit"> 14299 14300 14301 14302 14303 14304 14305 14306 <img data-stretch="false" 14307 data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png" 14308 data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png" 14309 data-image-dimensions="889x167" 14310 data-image-focal-point="0.5,0.5" 14311 data-sqsp-image-block-image 14312 alt="Squarespace Expert Badge.png" 14313 data-licensed-asset-preview="false" 14314 data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png" width="889" height="167" alt="" sizes="auto, (max-width: 640px) 100.00vw, (max-width: 767px) 50.00vw, 16.67vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076530219-H2JDZGJL1JQQP1ZVQWR5/Squarespace+Expert+Badge.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs" data-image-component="1.0.1"> 14315 14316 14317 14318 <div class="fluidImageOverlay"></div> 14319 14320 </div> 14321 14322 14323 </div> 14324 14325 14326 14327 14328 14329 14330 14331 14332 14333 14334 14335 14336 14337 14338 </div> 14339 </div> 14340 <style> 14341 14342 14343 14344 #block-63fc028882678493cf5af13a { 14345 --image-component-focal-point: 50% 50%; 14346 14347 --image-component-object-fit: contain; 14348 --image-component-overlay-opacity: 0; 14349 --image-component-overlay-blend-mode: normal; 14350
14351 --image-component-native-aspect-ratio: 889/167; 14352 14353 14354 14355 14356 } 14357 #block-63fc028882678493cf5af13a .fluid-image-container.visitor-mode { 14358 14359 14360 overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none; 14361 14362 } 14363 #block-63fc028882678493cf5af13a .js-content-mode-element-wrapper { 14364 position: relative; 14365 width: 100%; 14366 height: 100%; 14367 display: none; 14368 } 14369 #block-63fc028882678493cf5af13a .js-content-mode-element-system_desktop { 14370 display: block; 14371 } 14372 </style> 14373 <style class="transform-overrides-vars"> 14374 14375</style> 14376 14377 14378 14379 14380 14381 </div> 14382 14383</div></div></div><div class="fe-block fe-block-63fc02885271b140f4bedbb5"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js"]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="63fc02885271b140f4bedbb5" id="block-63fc02885271b140f4bedbb5"><div class="sqs-block-content"> 14384 14385 14386 14387 14388 14389 14390 14391 14392 14393 14394 14395 14396 14397 14398 14399 14400 14401 14402 14403 14404 14405 14406 14407 14408 14409 14410 14411 14412 14413 14414 14415 14416 14417 14418 <div 14419 class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-left image-component-container-fit combination-animation-site-default individual-animation-site-default 14420 }" 14421 data-component-id="63fc02885271b140f4bedbb5" 14422 data-test="image-block-fluid-outer-wrapper" 14423 data-is-image-stretched="false" 14424 data-is-mask-applied="false" 14425 data-media-focal-point="0.5,0.5" 14426 14427 14428 data-bpo="" 14429 data-breakpoints="[{"id":"system_desktop","name":"Desktop"},{"id":"system_mobile","name":"Mobile","maxWidth":"767px"}]" 14430 14431 14432 > 14433 <div 14434 class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" 14435 data-animation-role="image" 14436 > 14437 <div 14438 class="fluid-image-container sqs-image-content js-image-container visitor-mode" 14439 14440 data-sqsp-image-block-image-container 14441 > 14442 14443 14444 14445 14446 14447 14448 14449 14450 <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop"> 14451 14452 14453 <div class="js-content-mode-element content-fit"> 14454 14455 14456 14457 14458 14459 14460 14461 <img data-stretch="false" 14462 data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png" 14463 data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png" 14464 data-image-dimensions="1708x303" 14465 data-image-focal-point="0.5,0.5" 14466 data-sqsp-image-block-image 14467 alt="White Squarespace Auth Trainer.png" 14468 data-licensed-asset-preview="false" 14469 data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png" width="1708" height="303" alt="" sizes="auto, (max-width: 640px) 100.00vw, (max-width: 767px) 50.00vw, 16.67vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/1632076542983-HU7IG9OB9N3OZ58VCHHM/White+Squarespace+Auth+Trainer.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs" data-image-component="1.0.1"> 14470 14471 14472 14473 <div class="fluidImageOverlay"></div> 14474 14475 </div> 14476 14477 14478 </div> 14479 14480 14481 14482 14483 14484 14485 14486 14487 14488 14489 14490 14491 14492 14493 </div> 14494 </div> 14495 <style> 14496 14497 14498 14499 #block-63fc02885271b140f4bedbb5 { 14500 --image-component-focal-point: 50% 50%; 14501 14502 --image-component-object-fit: contain; 14503 --image-component-overlay-opacity: 0; 14504 --image-component-overlay-blend-mode: normal; 14505
14506 --image-component-native-aspect-ratio: 1708/303; 14507 14508 14509 14510 14511 } 14512 #block-63fc02885271b140f4bedbb5 .fluid-image-container.visitor-mode { 14513 14514 14515 overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none; 14516 14517 } 14518 #block-63fc02885271b140f4bedbb5 .js-content-mode-element-wrapper { 14519 position: relative; 14520 width: 100%; 14521 height: 100%; 14522 display: none; 14523 } 14524 #block-63fc02885271b140f4bedbb5 .js-content-mode-element-system_desktop { 14525 display: block; 14526 } 14527 </style> 14528 <style class="transform-overrides-vars"> 14529 14530</style> 14531 14532 14533 14534 14535 14536 </div> 14537 14538</div></div></div><div class="fe-block fe-block-7d7119ca1e5b892a50b6"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js","https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js"]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="7d7119ca1e5b892a50b6" id="block-7d7119ca1e5b892a50b6"><div class="sqs-block-content"> 14539 14540 14541 14542 14543 14544 14545 14546 14547 14548 14549 14550 14551 14552 14553 14554 14555 14556 14557 14558 14559 14560 14561 14562 14563 14564 14565 14566 14567 14568 14569 14570 14571 14572 14573 <div 14574 class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-left image-component-container-fit combination-animation-site-default individual-animation-site-default 14575 }" 14576 data-component-id="7d7119ca1e5b892a50b6" 14577 data-test="image-block-fluid-outer-wrapper" 14578 data-is-image-stretched="false" 14579 data-is-mask-applied="false" 14580 data-media-focal-point="0.5,0.5" 14581 14582 14583 data-bpo="" 14584 data-breakpoints="[{"id":"system_desktop","name":"Desktop"},{"id":"system_mobile","name":"Mobile","maxWidth":"767px"}]" 14585 14586 14587 > 14588 <div 14589 class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" 14590 data-animation-role="image" 14591 > 14592 <div 14593 class="fluid-image-container sqs-image-content js-image-container visitor-mode" 14594 14595 data-sqsp-image-block-image-container 14596 > 14597 14598 14599 14600 14601 14602 14603 14604 14605 <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop"> 14606 14607 14608 <div class="js-content-mode-element content-fit"> 14609 14610 14611 14612 14613 14614 14615 14616 <img data-stretch="false" 14617 data-src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png" 14618 data-image="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png" 14619 data-image-dimensions="640x199" 14620 data-image-focal-point="0.5,0.5" 14621 data-sqsp-image-block-image 14622 alt="" 14623 data-licensed-asset-preview="false" 14624 data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png" width="640" height="199" alt="" sizes="auto, (max-width: 640px) 100.00vw, (max-width: 767px) 50.00vw, 16.67vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5dec0d775605ee7848f9f1e6/c7537e46-d64c-4d42-9cdb-30e87f7e8d5a/CL+Badge+White.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs" data-image-component="1.0.1"> 14625 14626 14627 14628 <div class="fluidImageOverlay"></div> 14629 14630 </div> 14631 14632 14633 </div> 14634 14635 14636 14637 14638 14639 14640 14641 14642 14643 14644 14645 14646 14647 14648 </div> 14649 </div> 14650 <style> 14651 14652 14653 14654 #block-7d7119ca1e5b892a50b6 { 14655 --image-component-focal-point: 50% 50%; 14656 14657 --image-component-object-fit: contain; 14658 --image-component-overlay-opacity: 0; 14659 --image-component-overlay-blend-mode: normal; 14660
14661 --image-component-native-aspect-ratio: 640/199; 14662 14663 14664 14665 14666 } 14667 #block-7d7119ca1e5b892a50b6 .fluid-image-container.visitor-mode { 14668 14669 14670 overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none; 14671 14672 } 14673 #block-7d7119ca1e5b892a50b6 .js-content-mode-element-wrapper { 14674 position: relative; 14675 width: 100%; 14676 height: 100%; 14677 display: none; 14678 } 14679 #block-7d7119ca1e5b892a50b6 .js-content-mode-element-system_desktop { 14680 display: block; 14681 } 14682 </style> 14683 <style class="transform-overrides-vars"> 14684 14685</style> 14686 14687 14688 14689 14690 14691 </div> 14692 14693</div></div></div><div class="fe-block fe-block-63fc0288fb32d810f5b8c99a"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="63fc0288fb32d810f5b8c99a" id="block-63fc0288fb32d810f5b8c99a"><div class="sqs-block-content"><div class="sqs-text-block-container"> 14694 14695 <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-large" style="white-space:pre-wrap;"><strong>Did I help? </strong>Consider <a href="https://www.buymeacoffee.com/willmyers" target="_blank">buying me a coffee</a> as thanks!</p></div> 14696 14697 14698 14699<style id="container-styles">#block-63fc0288fb32d810f5b8c99a { 14700 14701 --stroke-style: none;--stroke-thickness: 6px; 14702 14703 14704 14705 14706 14707 14708 14709 14710 } 14711 14712 #block-63fc0288fb32d810f5b8c99a .sqs-html-content { 14713 14714 --tweak-text-block-padding: 6% 6% 6% 6%; 14715 --tweak-text-block-padding: initial; 14716} 14717 14718 .fe-block-63fc0288fb32d810f5b8c99a { 14719 mix-blend-mode: var(--tweak-text-block-blend 14720 ); 14721 border-radius: var(--tweak-text-block-radius); 14722 } 14723 14724 14725 14726.fe-block-63fc0288fb32d810f5b8c99a { 14727 --tweak-text-block-radius: 0px 0px 0px 0px; 14728 } 14729 14730 14731 14732 .fe-block-63fc0288fb32d810f5b8c99a { 14733 --tweak-text-block-blend 14734 : normal; 14735 } 14736 14737 14738 .fe-block-63fc0288fb32d810f5b8c99a { 14739 --blur-value: blur(15px);} 14740 14741</style> 14742 14743<style id="override-container-styles"> 14744 @media screen and (max-width: 767px) { 14745 14746 14747 14748#block-63fc0288fb32d810f5b8c99a { 14749 14750 } 14751 } 14752 14753 14754 @media screen and (max-width: 767px) { 14755 #block-63fc0288fb32d810f5b8c99a .sqs-html-content { 14756 14757 } 14758 } 14759 14760 @media screen and (max-width: 767px) { 14761 14762 14763 14764 14765 14766 14767 }</style> 14768<style class="transform-overrides-vars"> 14769 14770</style> 14771 14772 14773 14774 14775</div> 14776</div></div></div></div></div> 14777 </div> 14778 14779 </div> 14780 14781</section> 14782 14783 14784 14785 14786 14787 14788 14789 14790 14791 14792 14793 14794 14795 14796 14797 14798 14799 14800 14801<section 14802 data-test="page-section" 14803 14804 data-section-theme="" 14805 class='page-section 14806 14807 full-bleed-section 14808 layout-engine-section 14809 14810 background-width--full-bleed 14811 14812 14813 section-height--custom 14814 14815 14816 14817 content-width--wide 14818 14819 horizontal-alignment--center 14820 vertical-alignment--middle 14821 14822 14823 14824 14825 ' 14826 14827 data-section-id="64d848c51380da5d0c474ba7" 14828 14829 data-controller="SectionWrapperController" 14830 data-current-styles="{ 14831 "imageOverlayOpacity": 0.15, 14832 "backgroundWidth": "background-width--full-bleed", 14833 "sectionHeight": "section-height--custom", 14834 "customSectionHeight": 0, 14835 "horizontalAlignment": "horizontal-alignment--center", 14836 "verticalAlignment": "vertical-alignment--middle", 14837 "contentWidth": "content-width--wide", 14838 "customContentWidth": 50, 14839 "sectionTheme": "", 14840 "sectionAnimation": "none", 14841 "backgroundMode": "image" 14842 }" 14843 data-current-context="{ 14844 "video": { 14845 "playbackSpeed": 0.5, 14846 "filter": 1, 14847 "filterStrength": 0, 14848 "zoom": 0, 14849 "videoSourceProvider": "none" 14850 }, 14851 "backgroundImageId": null, 14852 "backgroundMediaEffect": { 14853 "type": "none" 14854 }, 14855 "divider": { 14856 "enabled": false 14857 }, 14858 "typeName": "page" 14859 }" 14860 data-animation="none" 14861 data-fluid-engine-section 14862 14863 14864 14865 14866 14867 14868 14869 14870 data-sqsp-section="fluid-engine" 14871 14872 14873> 14874 <div 14875 class="section-border" 14876 14877 > 14878 <div class="section-background"> 14879 14880 14881 14882 </div> 14883 </div> 14884 <div 14885 class='content-wrapper' 14886 style=' 14887 14888 14889 14890 padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); 14891 14892 14893 ' 14894 > 14895 <div 14896 class="content" 14897 14898 > 14899 14900 14901 14902 14903 14904 14905 14906 14907 14908 14909 <div data-fluid-engine="true"><style> 14910 14911.fe-64d848c5c0a93c195ca5bd3d { 14912 --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); 14913 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); 14914 14915 display: grid; 14916 position: relative; 14917 grid-area: 1/1/-1/-1; 14918 grid-template-rows: repeat(2,minmax(24px, auto)); 14919 grid-template-columns: 14920 minmax(var(--grid-gutter), 1fr) 14921 repeat(8, minmax(0, var(--cell-max-width))) 14922 minmax(var(--grid-gutter), 1fr); 14923 row-gap: 11.0px; 14924 column-gap: 11.0px; 14925 overflow-x: hidden; 14926 overflow-x: clip; 14927} 14928 14929@media (min-width: 768px) { 14930 .background-width--inset .fe-64d848c5c0a93c195ca5bd3d { 14931 --inset-padding: calc(var(--sqs-site-gutter) * 2); 14932 } 14933 14934 .fe-64d848c5c0a93c195ca5bd3d { 14935 --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); 14936 --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); 14937 --inset-padding: 0vw; 14938 14939 --row-height-scaling-factor: 0.0215; 14940 --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); 14941 14942 grid-template-rows: repeat(2,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); 14943 grid-template-columns: 14944 minmax(var(--grid-gutter), 1fr) 14945 repeat(24, minmax(0, var(--cell-max-width))) 14946 minmax(var(--grid-gutter), 1fr); 14947 } 14948} 14949 14950 14951 .fe-block-yui_3_17_2_1_1691895413431_24706 { 14952 grid-area: 1/2/3/10; 14953 z-index: 1; 14954 14955 @media (max-width: 767px) { 14956 14957 14958 } 14959 } 14960 14961 .fe-block-yui_3_17_2_1_1691895413431_24706 .sqs-block { 14962 justify-content: flex-start; 14963 } 14964 14965 .fe-block-yui_3_17_2_1_1691895413431_24706 .sqs-block-alignment-wrapper {
14966 align-items: flex-start; 14967 } 14968 14969 @media (min-width: 768px) { 14970 .fe-block-yui_3_17_2_1_1691895413431_24706 { 14971 grid-area: 1/2/3/26; 14972 z-index: 1; 14973 14974 14975 14976 14977 } 14978 14979 .fe-block-yui_3_17_2_1_1691895413431_24706 .sqs-block { 14980 justify-content: flex-start; 14981 } 14982 14983 .fe-block-yui_3_17_2_1_1691895413431_24706 .sqs-block-alignment-wrapper { 14984 align-items: flex-start; 14985 } 14986 } 14987 14988</style><div class="fluid-engine fe-64d848c5c0a93c195ca5bd3d"><div class="fe-block fe-block-yui_3_17_2_1_1691895413431_24706"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js"]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="yui_3_17_2_1_1691895413431_24706" id="block-yui_3_17_2_1_1691895413431_24706"><div class="sqs-block-content"><div class="sqs-text-block-container"> 14989 14990 <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-small" style="text-align: center; ; white-space:pre-wrap;" data-rte-preserve-empty="true">Copyright © 2026 Will Myers. All rights reserved. <a target="" href="/privacy-policy">Privacy Policy</a>. <a target="" href="/terms-conditions">Terms & Conditions</a>. Will-Myers is a US based business.</p><p class="sqsrte-small" style="text-align: center; ; white-space:pre-wrap;" data-rte-preserve-empty="true">The word "Squarespace" is a trademark of Squarespace, Inc. Will-Myers.com is not affiliated with Squarespace, Inc.</p></div> 14991 14992 14993 14994<style id="container-styles">#block-yui_3_17_2_1_1691895413431_24706 { 14995 14996 --stroke-style: none;--stroke-thickness: 6px; 14997 14998 14999 15000 15001 15002 15003 15004 15005 } 15006 15007 #block-yui_3_17_2_1_1691895413431_24706 .sqs-html-content { 15008 15009 --tweak-text-block-padding: 6% 6% 6% 6%; 15010 --tweak-text-block-padding: initial; 15011} 15012 15013 .fe-block-yui_3_17_2_1_1691895413431_24706 { 15014 mix-blend-mode: var(--tweak-text-block-blend 15015 ); 15016 border-radius: var(--tweak-text-block-radius); 15017 } 15018 15019 15020 15021.fe-block-yui_3_17_2_1_1691895413431_24706 { 15022 --tweak-text-block-radius: 0px 0px 0px 0px; 15023 } 15024 15025 15026 15027 .fe-block-yui_3_17_2_1_1691895413431_24706 { 15028 --tweak-text-block-blend 15029 : normal; 15030 } 15031 15032 15033 .fe-block-yui_3_17_2_1_1691895413431_24706 { 15034 --blur-value: blur(15px);} 15035 15036</style> 15037 15038<style id="override-container-styles"> 15039 @media screen and (max-width: 767px) { 15040 15041 15042 15043#block-yui_3_17_2_1_1691895413431_24706 { 15044 15045 } 15046 } 15047 15048 15049 @media screen and (max-width: 767px) { 15050 #block-yui_3_17_2_1_1691895413431_24706 .sqs-html-content { 15051 15052 } 15053 } 15054 15055 @media screen and (max-width: 767px) { 15056 15057 15058 15059 15060 15061 15062 }</style> 15063<style class="transform-overrides-vars"> 15064 15065</style> 15066 15067 15068 15069 15070</div> 15071</div></div></div></div></div> 15072 </div> 15073 15074 </div> 15075 15076</section> 15077 15078 15079</footer> 15080 15081 15082 </div> 15083 15084
15084<script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.2bcf02f8c5ad7330e642863a490fa4ff.js" type="text/javascript"></script>
15084 15085
15085<script defer src="https://will-myers-webmcp.otis.solutions/webmcp.js"></script>
15085 15086
15087<script src="/s/WMFlickityReviews.js"></script>
15087 15088 15089<!-- Equalize Flickity testimonial slide heights after fonts load From: Robo-Will -->
15090<script> 15091(function () { 15092 function equalize() { 15093 document.querySelectorAll('.testimonial-slideshow').forEach(row => { 15094 const slides = row.querySelectorAll('.slide'); 15095 if (!slides.length) return; 15096 15097 // 1. Release any stale heights so each card reports its natural size 15098 slides.forEach(s => s.style.height = ''); 15099 15100 // 2. Measure in a single read pass (avoids layout thrashing) 15101 let tallest = 0; 15102 slides.forEach(s => { 15103 tallest = Math.max(tallest, Math.ceil(s.getBoundingClientRect().height)); 15104 }); 15105 15106 // 3. Write the same height back to every card 15107 slides.forEach(s => s.style.height = tallest + 'px'); 15108 15109 // 4. Let Flickity re-measure cells and resize the viewport to match 15110 const flkty = window.Flickity && Flickity.data(row); 15111 if (flkty) { 15112 flkty.reloadCells(); 15113 flkty.resize(); 15114 } 15115 }); 15116 } 15117 15118 // Run after web fonts settle â this is the usual culprit for bad measurements 15119 if (document.fonts && document.fonts.ready) { 15120 document.fonts.ready.then(() => requestAnimationFrame(equalize)); 15121 } 15122 15123 // Safety net for images / late CSS 15124 window.addEventListener('load', () => setTimeout(equalize, 100)); 15125 15126 // Debounced re-equalize on resize (card width changes = different wrapping) 15127 let t; 15128 window.addEventListener('resize', () => { 15129 clearTimeout(t); 15130 t = setTimeout(equalize, 200); 15131 }); 15132}()); 15133</script>
15133 15134 15135<!--
15135<script src="https://assets.codepen.io/3198845/digital-product-sale.js"></script>
15135-->
15136<script src="https://cdn.jsdelivr.net/gh/willmyerscode/background-scroll@2/background-scroll.min.js?v3"></script>
15136 15137 15138<!--
15138<script defer src="https://127.0.0.1:5501/css-search/css-search.js"></script>
15138-->
15139<script defer src="https://cdn.jsdelivr.net/gh/willmyerscode/css-searchbar@0/css-search.min.js"></script>
15139 15140 15141<!-- Mega Menu Installation from Will-Myers -->
15142<script src="https://cdn.jsdelivr.net/gh/willmyerscode/megaMenu@2/megaMenu.min.js"></script>
15142 15143 15144<!-- Mega Announcement Bar from Will-Myers.com -->
15145<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/megaAnnouncementBar@1/javascript.min.js"></script>
15145 15146 15147 15148<!-- Embed Backend
15149<script src="http://127.0.0.1:5500/embed-script/embed-backsite.js" defer></script>
15149 --> 15150 15151 15152<!-- My Account Icons in Header -->
15153<script> 15154 (function(){ 15155 let loginIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9" /></svg>`; 15156 let accountIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" /></svg>`; 15157 15158 function setIcon() { 15159 let unauthTrigger = document.querySelector('.user-accounts-text-link .unauth'); 15160 let authTrigger = document.querySelector('.user-accounts-text-link .auth'); 15161 if (unauthTrigger) unauthTrigger.innerHTML = loginIcon; 15162 if (authTrigger) authTrigger.innerHTML = accountIcon; 15163 } 15164 15165 setIcon(); 15166 }()) 15167</script>
15167 15168 15169<!--WM Popup Plugin -->
15170<script> 15171 window.wmPopupSettings = { 15172 triggerSelector: 'a[href*="#wm-popup"], a[href*="#wmpopup"], a[href*="/wm-popup"]' 15173 } 15174 const addInfoIcons = () => { 15175 let triggers = document.querySelectorAll('[data-wm-popup]'); 15176 triggers.forEach(trigger => { 15177 if (trigger.innerText === 'I' || trigger.innerText === 'i'){ 15178 trigger.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 15179 <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /> 15180</svg> 15181` 15182 } 15183 }); 15184 } 15185 document.addEventListener('wmPopup:afterTriggersSet', addInfoIcons) 15186</script>
15186 15187 15188<!-- Popup Plugin From Will-Myers.com
15189<script src="https://assets.codepen.io/t-10093/WMPopupTESTING2.js?v2"></script>
15189 --> 15190<!-- Popup Plugin From Will-Myers.com -->
15191<script src="https://cdn.jsdelivr.net/gh/willmyerscode/popup@v6/popup.min.js"></script>
15191 15192<!--
15192<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/popup@5/popup-javascript.min.js?v1"></script>
15192-->
15193<script> 15194window.addEventListener('wmPopup:ready', () => { 15195 Prism.highlightAll() 15196}) 15197</script>
15197 15198 15199<!--WM Tabbed Content Code
15200<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/[email protected]/tabs-javascript.min.js"></script>
15200--> 15201<!-- Tabs Code Javascript From Will-Myers.com -->
15202<script src="https://cdn.jsdelivr.net/gh/willmyerscode/tabs@5/tabs.min.js"></script>
15202 15203
15204<script src="/s/WMLayoutStepsv101.js"></script>
15204 15205 15206<!--------------- 15207Will-Myers Webpage Mockup JS 15208---------------->
15209<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/[email protected]/javascript.min.js"></script>
15209 15210 15211<!-- Split Section Javascript from Will-Myers.com -->
15212<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/[email protected]/javascript.js"></script>
15212 15213<!--
15213<script src="/s/WMSplitSections9720v313.js"></script>
15213--> 15214 15215<!-- Blog Sidebar preview by Will Myers -->
15216<script defer src="https://preview.wm-plugins.com/tmp-blog-sidebar/plugin.js"></script>
15216 15217<!--
15218<script src="/s/WMBlogSidebar090321v100.js"></script>
vendor: 1 bytes, line 15218
15218
15219<script src="/s/WMTableOfContents0903212v100.js"></script>
15219 15220--> 15221<!--
15221<script src="/s/WMSlider121520v321min.js"></script>
15221--> 15222 15223<!-- Split Section Javascript from Will-Myers.com -->
15224<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/[email protected]/javascript.js"></script>
vendor: 1 bytes, line 15224
15224
15225<script src="/s/WMMicroVideo210316v110.js"></script>
15225 15226 15227<!-- Overflow Slider -->
15228<script src="/s/WMOverflowSliderv103.js"></script>
15228 15229<!-- WM Snap Gallery-->
15230<script src="/s/WMSnapGallery-v01.js"></script>
15230 15231<!-- ADD COPY BUTTONS TO CODE --> 15232 15233<!--WM Toggle Content Code-->
15234<script src="/s/WMSectionTogglesv310-ga6g.js"></script>
15234 15235 15236<!-- Before After Slider -->
15237<script src="/s/WMBeforeAfter210316v105-1.js"></script>
15237 15238
15239<script> 15240 $(function(){ 15241 function checkCart(){ 15242 let purchaseCount = $('.sqs-cart-quantity').html(); 15243 if(purchaseCount === "0"){ 15244 $('.header-actions-action--cart').removeClass('active-cart') 15245 } else { 15246 $('.header-actions-action--cart').addClass('active-cart') 15247 } 15248 } 15249 15250 $('.sqs-add-to-cart-button, .item-remove span').on('click', function(){ 15251 setTimeout(function(){ 15252 checkCart(); 15253 }, 250); 15254 }); 15255 checkCart(); 15256 }); 15257</script>
vendor: 1 bytes, line 15257
15257
15258<script> 15259 $(function(){ 15260 let headerHeight = $('header#header').css('height') || '0px'; //Find Header height in SS 7.1 15261 document.documentElement.style.setProperty('--wmHeaderHeight', headerHeight); //Set Headerheight in SS 7.1 15262 }); 15263</script>
vendor: 1 bytes, line 15263
15263
15264<script src="https://assets.codepen.io/3198845/WMToggleBlocksv1.0.js"></script>
15264 15265 15266<!-- Older Tabs Version -->
15267<script> 15268 const wmTabParams = { 15269 save: true, 15270 style: 1 15271 } 15272</script>
vendor: 1 bytes, line 15272
15272
15273<script src="/s/WMContentTabs62220v306.js"></script>
15273 15274
15275<script> 15276document.addEventListener('click', function(e) { 15277 let target = e.target; 15278 if (!target.closest('[href*="#wm-popup"]')) return; 15279}) 15280</script>
15280 15281 15282<!-- Rollover Plugin -->
15283<script src="/s/WMRollover101320v10-k8gw.js"></script>
15283 15284
15285<script> 15286 window.addEventListener("scroll", e => { 15287 let scrollTop = document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop; 15288 let newPos = (scrollTop/2) + "px"; 15289 document.documentElement.style.setProperty('--scrollPos', newPos); 15290 }); 15291</script>
vendor: 1 bytes, line 15291
15291
15292<script src="/s/WMLayoutSidebarv101.js"></script>
vendor: 1 bytes, line 15292
15292
15293<script src="/s/WMSyntaxHighlightingv101-bah2.js"></script>
15293 15294
15295<script src="/s/WMBackEndTweaksv100.js"></script>
vendor: 1 bytes, line 15295
15295
15296<script src="/s/WMLessonsCompletev110.js"></script>
15296 15297 15298<!-- Add Go To Cart Button After Hitting Purchase -->
15299<script> 15300 (function() { 15301 let goToCart = '<p class="go-to-cart-btn">Ready to purchase? <a href="/cart">Go to cart »</a></p>'; 15302 $(goToCart).insertAfter($('.sqs-add-to-cart-button')) 15303 }()); 15304</script>
15304 15305 15306<!-- Section Loader Supreme From Will-Myers.com -->
15307<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/sectionLoader@2/sectionLoader.min.js"></script>
15307 15308 15309<!-- Affiliate Transfer -->
15310<script src="https://toolkit.will-myers.com/scripts/affiliate-bridge.js"></script>
15310 15311
15312<script> 15313 window.wmStepFlowTimelineSettings = { 15314 "step-flow-timeline": { 15315 sectionDescription: true, 15316 sectionDescriptionTag: "h4", 15317 }, 15318 }; 15319</script>
15319 15320 15321<!-- Step Flow Timeline from Will-Myers.com -->
15322<script src="https://cdn.jsdelivr.net/gh/willmyerscode/step-flow-timeline@1/stepFlowTimeline.min.js"></script>
15322 15323 15324<!-- Flipbook from Will-Myers.com -->
15325<script src="https://cdn.jsdelivr.net/gh/willmyerscode/flipbook@1/flipbook.min.js"></script>
15325 15326 15327<!-- Horizontal Timeline from Will-Myers.com -->
15328<script src="https://cdn.jsdelivr.net/gh/willmyerscode/horizontal-timeline@1/horizontalTimeline.min.js"></script>
15328 15329 15330<!-- Collection Carousel from Will-Myers -->
15331<script src="https://cdn.jsdelivr.net/gh/willmyerscode/collection-carousel@1/carousel.min.js"></script>
15331<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.01
153317,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol><symbol id="threads-unauth-icon" viewBox="0 0 64 64"><path d="M38.0759 30.5145C37.9596 30.4588 37.8415 30.4051 37.7218 30.3538C37.5134 26.5136 35.4151 24.315 31.8918 24.2925C31.8758 24.2924 31.8599 24.2924 31.844 24.2924C29.7366 24.2924 27.9839 25.192 26.9051 26.8289L28.8428 28.1582C29.6487 26.9355 30.9135 26.6748 31.8449 26.6748C31.8557 26.6748 31.8665 26.6748 31.8771 26.6749C33.0372 26.6823 33.9126 27.0196 34.4792 27.6774C34.8915 28.1563 35.1673 28.8181 35.3038 29.6532C34.2753 29.4784 33.1629 29.4247 31.9738 29.4928C28.624 29.6858 26.4704 31.6395 26.6151 34.3543C26.6885 35.7313 27.3745 36.916 28.5467 37.6899C29.5377 38.3441 30.8141 38.6641 32.1407 38.5916C33.8926 38.4956 35.267 37.8272 36.2258 36.605C36.954 35.6768 37.4145 34.474 37.6179 32.9584C38.4528 33.4623 39.0715 34.1253 39.4133 34.9224C39.9943 36.2774 40.0282 38.504 38.2115 40.3193C36.6197 41.9096 34.7063 42.5975 31.8146 42.6188C28.607 42.595 26.1811 41.5663 24.6039 39.5612C23.1269 37.6836 22.3636 34.9717 22.3352 31.5006C22.3636 28.0295 23.1269 25.3175 24.6039 23.44C26.1811 21.4349 28.607 20.4062 31.8146 20.3824C35.0455 20.4064 37.5137 21.44 39.1513 23.4548C39.9543 24.4428 40.5597 25.6853 40.9588 27.134L43.2295 26.5282C42.7457 24.745 41.9845 23.2084 40.9486 21.934C38.8492 19.351 35.7787 18.0274 31.8225 18H31.8067C27.8585 18.0273 24.8224 19.3559 22.7828 21.9488C20.9678 24.2562 20.0316 27.4667 20.0001 31.4911L20 31.5006L20.0001 31.5101C20.0316 35.5345 20.9678 38.7451 22.7828 41.0524C24.8224 43.6452 27.8585 44.9739 31.8067 45.0012H31.8225C35.3327 44.9769 37.8069 44.0578 39.8451 42.0214C42.5119 39.3571 42.4316 36.0175 41.5526 33.9674C40.9221 32.4973 39.7198 31.3032 38.0759 30.5145ZM32.0153 36.2127C30.5472 36.2954 29.0219 35.6364 28.9467 34.2249C28.891 33.1783 29.6915 32.0105 32.1054 31.8714C32.3819 31.8555 32.6531 31.8477 32.9196 31.8477C33.7964 31.8477 34.6167 31.9329 35.3625 32.0959C35.0843 35.5698 33.4528 36.1338 32.0153 36.2127Z" /></symbol><symbol id="threads-unauth-mask" viewBox="0 0 64 64"><path d="M28.7616 34.225C28.8368 35.6366 30.3621 36.2956 31.8303 36.2129C33.2677 36.134 34.8993 35.5699 35.1774 32.096C34.4317 31.933 33.6114 31.8478 32.7346 31.8478C32.4681 31.8478 32.1968 31.8556 31.9204 31.8715C29.5064 32.0107 28.7059 33.1785 28.7616 34.225Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M64 0H0V64H64V0ZM37.5367 30.3539C37.6564 30.4053 37.7745 30.4589 37.8908 30.5147C39.5348 31.3033 40.737 32.4974 41.3676 33.9675C42.2465 36.0177 42.3268 39.3572 39.6601 42.0215C37.6218 44.058 35.1476 44.977 31.6375 45.0013H31.6216C27.6735 44.9741 24.6374 43.6454 22.5977 41.0525C20.7827 38.7452 19.8465 35.5346 19.815 31.5102L19.8149 31.5007L19.815 31.4912C19.8465 27.4668 20.7827 24.2563 22.5977 21.949C24.6374 19.3561 27.6735 18.0275 31.6216 18.0001H31.6375C35.5937 18.0276 38.6642 19.3511 40.7636 21.9342C41.7995 23.2085 42.5607 24.7451 43.0444 26.5283L40.7737 27.1342C40.3746 25.6855 39.7692 24.443 38.9662 23.4549C37.3286 21.4402 34.8604 20.4065 31.6295 20.3825C28.4219 20.4063 25.9961 21.435 24.4188 23.4401C22.9419 25.3177 22.1786 28.0296 22.1501 31.5007C22.1786 34.9718 22.9419 37.6837 24.4188 39.5613C25.9961 41.5664 28.422 42.5951 31.6296 42.6189C34.5213 42.5977 36.4346 41.9097 38.02
1533164 40.3194C39.8432 38.5042 39.8093 36.2776 39.2282 34.9226C38.8865 34.1255 38.2677 33.4624 37.4328 32.9585C37.2295 34.4741 36.7689 35.6769 36.0407 36.6051C35.0819 37.8273 33.7076 38.4957 31.9557 38.5918C30.6291 38.6642 29.3527 38.3443 28.3616 37.6901C27.1894 36.9162 26.5034 35.7315 26.43 34.3544C26.2854 31.6397 28.4389 29.6859 31.7887 29.493C32.9779 29.4248 34.0902 29.4786 35.1188 29.6534C34.9822 28.8182 34.7065 28.1564 34.2941 27.6775C33.7275 27.0197 32.8521 26.6824 31.692 26.675L31.6598 26.6749C30.7284 26.6749 29.4637 26.9356 28.6578 28.1583L26.7201 26.8291C27.7988 25.1921 29.5515 24.2926 31.6589 24.2926L31.7067 24.2927C35.23 24.3152 37.3283 26.5137 37.5367 30.3539Z" /></symbol></svg> 15332 15333 </body> 15334</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.