PageSourceSearch

https://www.will-myers.com/?userAccountPath=&authenticationPath=%2Flogin&noredirect=

html will-myers.com collected 2026-10-01 13:08:09 UTC 504,800 bytes, 15,334 lines download raw bytes

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 &#124; 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 &#124; 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                                                                                                        &quot;layout&quot;: &quot;navCenter&quot;,
418                                                                                                        &quot;action&quot;: {
419                                                                                                          &quot;href&quot;: &quot;/take-action&quot;,
420                                                                                                          &quot;buttonText&quot;: &quot;Take Action&quot;,
421                                                                                                          &quot;newWindow&quot;: false
422                                                                                                        },
423                                                                                                        &quot;showSocial&quot;: true,
424                                                                                                        &quot;socialOptions&quot;: {
425                                                                                                          &quot;socialBorderShape&quot;: &quot;none&quot;,
426                                                                                                          &quot;socialBorderStyle&quot;: &quot;outline&quot;,
427                                                                                                          &quot;socialBorderThickness&quot;: {
428                                                                                                            &quot;unit&quot;: &quot;px&quot;,
429                                                                                                            &quot;value&quot;: 1.0
430                                                                                                            }
431                                                                                                          },
432                                                                                                            &quot;sectionTheme&quot;: &quot;black&quot;,
433                                                                                                            &quot;menuOverlayTheme&quot;: &quot;white&quot;,
434                                                                                                            &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
435                                                                                                            &quot;cartStyle&quot;: &quot;cart&quot;,
436                                                                                                            &quot;cartText&quot;: &quot;Cart&quot;,
437                                                                                                            &quot;showEmptyCartState&quot;: false,
438                                                                                                            &quot;cartOptions&quot;: {
439                                                                                                              &quot;iconType&quot;: &quot;solid-2&quot;,
440                                                                                                              &quot;cartBorderShape&quot;: &quot;none&quot;,
441                                                                                                              &quot;cartBorderStyle&quot;: &quot;outline&quot;,
442                                                                                                              &quot;cartBorderThickness&quot;: {
443                                                                                                                &quot;unit&quot;: &quot;px&quot;,
444                                                                                                                &quot;value&quot;: 1.0
445                                                                                                              }
446                                                                                                            },
447                                                                                                            &quot;showButton&quot;: false,
448                                                                                                            &quot;showCart&quot;: true,
449                                                                                                            &quot;showAccountLogin&quot;: true,
450                                                                                                            &quot;headerStyle&quot;: &quot;dynamic&quot;,
451                                                                                                            &quot;languagePicker&quot;: {
452                                                                                                              &quot;enabled&quot;: false,
453                                                                                                              &quot;iconEnabled&quot;: false,
454                                                                                                            &quot;iconType&quot;: &quot;globe&quot;,
455                                                                                                            &quot;flagShape&quot;: &quot;shiny&quot;,
456                                                                                                            &quot;languageFlags&quot;: [ ]
457                                                                                                          },
458                                                                                                          &quot;iconOptions&quot;: {
459                                                                                                            &quot;desktopDropdownIconOptions&quot;: {
460                                                                                                                &quot;size&quot;: {
461                                                                                                                  &quot;unit&quot;: &quot;em&quot;,
462                                                                                                                &quot;value&quot;: 1.0
463                                                                                                              },
464                                                                                                            &quot;iconSpacing&quot;: {
465                                                                                                              &quot;unit&quot;: &quot;em&quot;,
466                                                                                                              &quot;value&quot;: 0.35
467                                                                                                            },
468                                                                                                            &quot;strokeWidth&quot;: {
469                                                                                                              &quot;unit&quot;: &quot;px&quot;,
470                                                                                                              &quot;value&quot;: 2.0
471                                                                                                            },
472                                                                                                            &quot;endcapType&quot;: &quot;round&quot;,
473                                                                                                            &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
474                                                                                                            &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
475                                                                                                          },
476                                                                                                          &quot;mobileDropdownIconOptions&quot;: {
477                                                                                                            &quot;size&quot;: {
478                                                                                                              &quot;unit&quot;: &quot;em&quot;,
479                                                                                                              &quot;value&quot;: 1.0
480                                                                                                            },
481                                                                                                            &quot;iconSpacing&quot;: {
482                                                                                                              &quot;unit&quot;: &quot;em&quot;,
483                                                                                                              &quot;value&quot;: 0.15
484                                                                                                            },
485                                                                                                            &quot;strokeWidth&quot;: {
486                                                                                                              &quot;unit&quot;: &quot;px&quot;,
487                                                                                                              &quot;value&quot;: 0.5
488                                                                                                            },
489                                                                                                            &quot;endcapType&quot;: &quot;square&quot;,
490                                                                                                            &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
491                                                                                                            &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
492                                                                                                          }
493                                                                                                        },
494                                                                                                        &quot;mobileOptions&quot;: {
495                                                                                                          &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
496                                                                                                          &quot;menuIconOptions&quot;: {
497                                                                                                            &quot;style&quot;: &quot;halfLineHamburger&quot;,
498                                                                                                            &quot;thickness&quot;: {
499                                                                                                              &quot;unit&quot;: &quot;px&quot;,
500                                                                                                              &quot;value&quot;: 2.0
501                                                                                                            }
502                                                                                                          }
503                                                                                                        },
504                                                                                                        &quot;solidOptions&quot;: {
505                                                                                                          &quot;headerOpacity&quot;: {
506                                                                                                            &quot;unit&quot;: &quot;%&quot;,
507                                                                                                            &quot;value&quot;: 100.0
508                                                                                                          },
509                                                                                                          &quot;
509blurBackground&quot;: {
510                                                                                                            &quot;enabled&quot;: false,
511                                                                                                            &quot;blurRadius&quot;: {
512                                                                                                              &quot;unit&quot;: &quot;px&quot;,
513                                                                                                              &quot;value&quot;: 12.0
514                                                                                                            }
515                                                                                                          },
516                                                                                                          &quot;backgroundColor&quot;: {
517                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
518                                                                                                            &quot;sitePaletteColor&quot;: {
519                                                                                                              &quot;colorName&quot;: &quot;white&quot;,
520                                                                                                              &quot;alphaModifier&quot;: 1.0
521                                                                                                            }
522                                                                                                          },
523                                                                                                          &quot;navigationColor&quot;: {
524                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
525                                                                                                            &quot;sitePaletteColor&quot;: {
526                                                                                                              &quot;colorName&quot;: &quot;black&quot;,
527                                                                                                              &quot;alphaModifier&quot;: 1.0
528                                                                                                            }
529                                                                                                          }
530                                                                                                        },
531                                                                                                        &quot;gradientOptions&quot;: {
532                                                                                                          &quot;gradientType&quot;: &quot;faded&quot;,
533                                                                                                          &quot;headerOpacity&quot;: {
534                                                                                                            &quot;unit&quot;: &quot;%&quot;,
535                                                                                                            &quot;value&quot;: 90.0
536                                                                                                          },
537                                                                                                          &quot;blurBackground&quot;: {
538                                                                                                            &quot;enabled&quot;: false,
539                                                                                                            &quot;blurRadius&quot;: {
540                                                                                                              &quot;unit&quot;: &quot;px&quot;,
541                                                                                                              &quot;value&quot;: 12.0
542                                                                                                            }
543                                                                                                          },
544                                                                                                          &quot;backgroundColor&quot;: {
545                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
546                                                                                                            &quot;sitePaletteColor&quot;: {
547                                                                                                              &quot;colorName&quot;: &quot;white&quot;,
548                                                                                                              &quot;alphaModifier&quot;: 1.0
549                                                                                                            }
550                                                                                                          },
551                                                                                                          &quot;navigationColor&quot;: {
552                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
553                                                                                                            &quot;sitePaletteColor&quot;: {
554                                                                                                              &quot;colorName&quot;: &quot;black&quot;,
555                                                                                                              &quot;alphaModifier&quot;: 1.0
556                                                                                                            }
557                                                                                                          }
558                                                                                                        },
559                                                                                                        &quot;dropShadowOptions&quot;: {
560                                                                                                          &quot;enabled&quot;: false,
561                                                                                                          &quot;blur&quot;: {
562                                                                                                            &quot;unit&quot;: &quot;px&quot;,
563                                                                                                            &quot;value&quot;: 12.0
564                                                                                                          },
565                                                                                                          &quot;spread&quot;: {
566                                                                                                            &quot;unit&quot;: &quot;px&quot;,
567                                                                                                            &quot;value&quot;: 0.0
568                                                                                                          },
569                                                                                                          &quot;distance&quot;: {
570                                                                                                            &quot;unit&quot;: &quot;px&quot;,
571                                                                                                            &quot;value&quot;: 12.0
572                                                                                                          }
573                                                                                                        },
574                                                                                                        &quot;borderOptions&quot;: {
575                                                                                                          &quot;enabled&quot;: false,
576                                                                                                          &quot;position&quot;: &quot;allSides&quot;,
577                                                                                                          &quot;thickness&quot;: {
578                                                                                                            &quot;unit&quot;: &quot;px&quot;,
579                                                                                                            &quot;value&quot;: 4.0
580                                                                                                          },
581                                                                                                          &quot;color&quot;: {
582                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
583                                                                                                            &quot;sitePaletteColor&quot;: {
584                                                                                                              &quot;colorName&quot;: &quot;black&quot;,
585                                                                                                              &quot;alphaModifier&quot;: 1.0
586                                                                                                            }
587                                                                                                          }
588                                                                                                        },
589                                                                                                        &quot;showPromotedElement&quot;: false,
590                                                                                                        &quot;buttonVariant&quot;: &quot;primary&quot;,
591                                                                                                        &quot;
591blurBackground&quot;: {
592                                                                                                          &quot;enabled&quot;: false,
593                                                                                                          &quot;blurRadius&quot;: {
594                                                                                                            &quot;unit&quot;: &quot;px&quot;,
595                                                                                                            &quot;value&quot;: 12.0
596                                                                                                          }
597                                                                                                        },
598                                                                                                        &quot;headerOpacity&quot;: {
599                                                                                                          &quot;unit&quot;: &quot;%&quot;,
600                                                                                                          &quot;value&quot;: 100.0
601                                                                                                        }
602                                                                                                      }"
603    data-section-id="header"
604    data-header-style="dynamic"
605    data-language-picker="{
606                                                                                                        &quot;enabled&quot;: false,
607                                                                                                        &quot;iconEnabled&quot;: false,
608                                                                                                        &quot;iconType&quot;: &quot;globe&quot;,
609                                                                                                        &quot;flagShape&quot;: &quot;shiny&quot;,
610                                                                                                        &quot;languageFlags&quot;: [ ]
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                                                                                                        &quot;layout&quot;: &quot;navCenter&quot;,
1328                                                                                                        &quot;action&quot;: {
1329                                                                                                          &quot;href&quot;: &quot;/take-action&quot;,
1330                                                                                                          &quot;buttonText&quot;: &quot;Take Action&quot;,
1331                                                                                                          &quot;newWindow&quot;: false
1332                                                                                                        },
1333                                                                                                        &quot;showSocial&quot;: true,
1334                                                                                                        &quot;socialOptions&quot;: {
1335                                                                                                          &quot;socialBorderShape&quot;: &quot;none&quot;,
1336                                                                                                          &quot;socialBorderStyle&quot;: &quot;outline&quot;,
1337                                                                                                          &quot;socialBorderThickness&quot;: {
1338                                                                                                            &quot;unit&quot;: &quot;px&quot;,
1339                                                                                                            &quot;value&quot;: 1.0
1340                                                                                                          }
1341                                                                                                        },
1342                                                                                                        &quot;sectionTheme&quot;: &quot;black&quot;,
1343                                                                                                        &quot;menuOverlayTheme&quot;: &quot;white&quot;,
1344                                                                                                        &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
1345                                                                                                        &quot;cartStyle&quot;: &quot;cart&quot;,
1346                                                                                                        &quot;cartText&quot;: &quot;Cart&quot;,
1347                                                                                                        &quot;showEmptyCartState&quot;: false,
1348                                                                                                        &quot;cartOptions&quot;: {
1349                                                                                                          &quot;iconType&quot;: &quot;solid-2&quot;,
1350                                                                                                          &quot;cartBorderShape&quot;: &quot;none&quot;,
1351                                                                                                          &quot;cartBorderStyle&quot;: &quot;outline&quot;,
1352                                                                                                          &quot;cartBorderThickness&quot;: {
1353                                                                                                            &quot;unit&quot;: &quot;px&quot;,
1354                                                                                                            &quot;value&quot;: 1.0
1355                                                                                                          }
1356                                                                                                        },
1357                                                                                                        &quot;showButton&quot;: false,
1358                                                                                                        &quot;showCart&quot;: true,
1359                                                                                                        &quot;showAccountLogin&quot;: true,
1360                                                                                                        &quot;headerStyle&quot;: &quot;dynamic&quot;,
1361                                                                                                        &quot;languagePicker&quot;: {
1362                                                                                                          &quot;enabled&quot;: false,
1363                                                                                                          &quot;iconEnabled&quot;: false,
1364                                                                                                          &quot;iconType&quot;: &quot;globe&quot;,
1365                                                                                                          &quot;flagShape&quot;: &quot;shiny&quot;,
1366                                                                                                          &quot;languageFlags&quot;: [ ]
1367                                                                                                        },
1368                                                                                                        &quot;iconOptions&quot;: {
1369                                                                                                          &quot;desktopDropdownIconOptions&quot;: {
1370                                                                                                            &quot;size&quot;: {
1371                                                                                                              &quot;unit&quot;: &quot;em&quot;,
1372                                                                                                              &quot;value&quot;: 1.0
1373                                                                                                            },
1374                                                                                                            &quot;iconSpacing&quot;: {
1375                                                                                                              &quot;unit&quot;: &quot;em&quot;,
1376                                                                                                              &quot;value&quot;: 0.35
1377                                                                                                            },
1378                                                                                                            &quot;strokeWidth&quot;: {
1379                                                                                                              &quot;unit&quot;: &quot;px&quot;,
1380                                                                                                              &quot;value&quot;: 2.0
1381                                                                                                            },
1382                                                                                                            &quot;endcapType&quot;: &quot;round&quot;,
1383                                                                                                            &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
1384                                                                                                            &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
1385                                                                                                          },
1386                                                                                                          &quot;mobileDropdownIconOptions&quot;: {
1387                                                                                                            &quot;size&quot;: {
1388                                                                                                              &quot;unit&quot;: &quot;em&quot;,
1389                                                                                                              &quot;value&quot;: 1.0
1390                                                                                                            },
1391                                                                                                            &quot;iconSpacing&quot;: {
1392                                                                                                              &quot;unit&quot;: &quot;em&quot;,
1393                                                                                                              &quot;value&quot;: 0.15
1394                                                                                                            },
1395                                                                                                            &quot;strokeWidth&quot;: {
1396                                                                                                              &quot;unit&quot;: &quot;px&quot;,
1397                                                                                                              &quot;value&quot;: 0.5
1398                                                                                                            },
1399                                                                                                            &quot;endcapType&quot;: &quot;square&quot;,
1400                                                                                                            &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
1401                                                                                                            &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
1402                                                                                                          }
1403                                                                                                        },
1404                                                                                                        &quot;mobileOptions&quot;: {
1405                                                                                                          &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
1406                                                                                                          &quot;menuIconOptions&quot;: {
1407                                                                                                            &quot;style&quot;: &quot;halfLineHamburger&quot;,
1408                                                                                                            &quot;thickness&quot;: {
1409                                                                                                              &quot;unit&quot;: &quot;px&quot;,
1410                                                                                                              &quot;value&quot;: 2.0
1411                                                                                                            }
1412                                                                                                          }
1413                                                                                                        },
1414                                                                                                        &quot;solidOptions&quot;: {
1415                                                                                                          &quot;headerOpacity&quot;: {
1416                                                                                                            &quot;unit&quot;: &qu
1416ot;%&quot;,
1417                                                                                                            &quot;value&quot;: 100.0
1418                                                                                                          },
1419                                                                                                          &quot;blurBackground&quot;: {
1420                                                                                                            &quot;enabled&quot;: false,
1421                                                                                                            &quot;blurRadius&quot;: {
1422                                                                                                              &quot;unit&quot;: &quot;px&quot;,
1423                                                                                                              &quot;value&quot;: 12.0
1424                                                                                                            }
1425                                                                                                          },
1426                                                                                                          &quot;backgroundColor&quot;: {
1427                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
1428                                                                                                            &quot;sitePaletteColor&quot;: {
1429                                                                                                              &quot;colorName&quot;: &quot;white&quot;,
1430                                                                                                              &quot;alphaModifier&quot;: 1.0
1431                                                                                                            }
1432                                                                                                          },
1433                                                                                                          &quot;navigationColor&quot;: {
1434                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
1435                                                                                                            &quot;sitePaletteColor&quot;: {
1436                                                                                                              &quot;colorName&quot;: &quot;black&quot;,
1437                                                                                                              &quot;alphaModifier&quot;: 1.0
1438                                                                                                            }
1439                                                                                                          }
1440                                                                                                        },
1441                                                                                                        &quot;gradientOptions&quot;: {
1442                                                                                                          &quot;gradientType&quot;: &quot;faded&quot;,
1443                                                                                                          &quot;headerOpacity&quot;: {
1444                                                                                                            &quot;unit&quot;: &quot;%&quot;,
1445                                                                                                            &quot;value&quot;: 90.0
1446                                                                                                          },
1447                                                                                                          &quot;blurBackground&quot;: {
1448                                                                                                            &quot;enabled&quot;: false,
1449                                                                                                            &quot;blurRadius&quot;: {
1450                                                                                                              &quot;unit&quot;: &quot;px&quot;,
1451                                                                                                              &quot;value&quot;: 12.0
1452                                                                                                            }
1453                                                                                                          },
1454                                                                                                          &quot;backgroundColor&quot;: {
1455                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
1456                                                                                                            &quot;sitePaletteColor&quot;: {
1457                                                                                                              &quot;colorName&quot;: &quot;white&quot;,
1458                                                                                                              &quot;alphaModifier&quot;: 1.0
1459                                                                                                            }
1460                                                                                                          },
1461                                                                                                          &quot;navigationColor&quot;: {
1462                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
1463                                                                                                            &quot;sitePaletteColor&quot;: {
1464                                                                                                              &quot;colorName&quot;: &quot;black&quot;,
1465                                                                                                              &quot;alphaModifier&quot;: 1.0
1466                                                                                                            }
1467                                                                                                          }
1468                                                                                                        },
1469                                                                                                        &quot;dropShadowOptions&quot;: {
1470                                                                                                          &quot;enabled&quot;: false,
1471                                                                                                          &quot;blur&quot;: {
1472                                                                                                            &quot;unit&quot;: &quot;px&quot;,
1473                                                                                                            &quot;value&quot;: 12.0
1474                                                                                                          },
1475                                                                                                          &quot;spread&quot;: {
1476                                                                                                            &quot;unit&quot;: &quot;px&quot;,
1477                                                                                                            &quot;value&quot;: 0.0
1478                                                                                                          },
1479                                                                                                          &quot;distance&quot;: {
1480                                                                                                            &quot;unit&quot;: &quot;px&quot;,
1481                                                                                                            &quot;value&quot;: 12.0
1482                                                                                                          }
1483                                                                                                        },
1484                                                                                                        &quot;borderOptions&quot;: {
1485                                                                                                          &quot;enabled&quot;: false,
1486                                                                                                          &quot;position&quot;: &quot;allSides&quot;,
1487                                                                                                          &quot;thickness&quot;: {
1488                                                                                                            &quot;unit&quot;: &quot;px&quot;,
1489                                                                                                            &quot;value&quot;: 4.0
1490                                                                                                          },
1491                                                                                                          &quot;color&quot;: {
1492                                                                                                            &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
1493                                                                                                            &quot;sitePaletteColor&quot;: {
1494                                                                                                              &quot;colorName&quot;: &quot;black&quot;,
1495                                                                                                              &quot;alphaModifier&quot;: 1.0
1496                                                                                                            }
1497                                                                                                          }
1498                                                                                                        },
1499                                                                                                        &quot;showPromotedElement&quot;: false,
1500                                                                                                        &quot;buttonVariant&quot;: &quot;primary&quot;,
1501                                                                                                        &quot;
1501blurBackground&quot;: {
1502                                                                                                          &quot;enabled&quot;: false,
1503                                                                                                          &quot;blurRadius&quot;: {
1504                                                                                                            &quot;unit&quot;: &quot;px&quot;,
1505                                                                                                            &quot;value&quot;: 12.0
1506                                                                                                          }
1507                                                                                                        },
1508                                                                                                        &quot;headerOpacity&quot;: {
1509                                                                                                          &quot;unit&quot;: &quot;%&quot;,
1510                                                                                                          &quot;value&quot;: 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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
1699                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
1700                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
1701                                                                                                        &quot;customSectionHeight&quot;: 67,
1702                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
1703                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
1704                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
1705                                                                                                        &quot;customContentWidth&quot;: 50,
1706                                                                                                        &quot;sectionTheme&quot;: &quot;&quot;,
1707                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
1708                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
1709                                                                                                      }"
1710  data-current-context="{
1711                                                                                                        &quot;video&quot;: {
1712                                                                                                          &quot;playbackSpeed&quot;: 0.5,
1713                                                                                                          &quot;filter&quot;: 1,
1714                                                                                                          &quot;filterStrength&quot;: 0,
1715                                                                                                          &quot;zoom&quot;: 0,
1716                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
1717                                                                                                        },
1718                                                                                                        &quot;backgroundImageId&quot;: null,
1719                                                                                                        &quot;backgroundMediaEffect&quot;: {
1720                                                                                                          &quot;type&quot;: &quot;none&quot;
1721                                                                                                        },
1722                                                                                                        &quot;divider&quot;: {
1723                                                                                                          &quot;enabled&quot;: false
1724                                                                                                        },
1725                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js&quot;]" 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="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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 &amp; 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js&quot;]" 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="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
2357                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
2358                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
2359                                                                                                        &quot;customSectionHeight&quot;: 0,
2360                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
2361                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
2362                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
2363                                                                                                        &quot;customContentWidth&quot;: 50,
2364                                                                                                        &quot;sectionTheme&quot;: &quot;bright&quot;,
2365                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
2366                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
2367                                                                                                      }"
2368  data-current-context="{
2369                                                                                                        &quot;video&quot;: {
2370                                                                                                          &quot;playbackSpeed&quot;: 0.5,
2371                                                                                                          &quot;filter&quot;: 1,
2372                                                                                                          &quot;filterStrength&quot;: 0,
2373                                                                                                          &quot;zoom&quot;: 0,
2374                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
2375                                                                                                        },
2376                                                                                                        &quot;backgroundImageId&quot;: null,
2377                                                                                                        &quot;backgroundMediaEffect&quot;: {
2378                                                                                                          &quot;type&quot;: &quot;none&quot;
2379                                                                                                        },
2380                                                                                                        &quot;divider&quot;: {
2381                                                                                                          &quot;enabled&quot;: false
2382                                                                                                        },
2383                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
2532                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
2533                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
2534                                                                                                        &quot;customSectionHeight&quot;: 1,
2535                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
2536                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
2537                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
2538                                                                                                        &quot;customContentWidth&quot;: 50,
2539                                                                                                        &quot;sectionTheme&quot;: &quot;&quot;,
2540                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
2541                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
2542                                                                                                      }"
2543  data-current-context="{
2544                                                                                                        &quot;video&quot;: {
2545                                                                                                          &quot;playbackSpeed&quot;: 0.5,
2546                                                                                                          &quot;filter&quot;: 1,
2547                                                                                                          &quot;filterStrength&quot;: 0,
2548                                                                                                          &quot;zoom&quot;: 0,
2549                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
2550                                                                                                        },
2551                                                                                                        &quot;backgroundImageId&quot;: null,
2552                                                                                                        &quot;backgroundMediaEffect&quot;: {
2553                                                                                                          &quot;type&quot;: &quot;none&quot;
2554                                                                                                        },
2555                                                                                                        &quot;divider&quot;: {
2556                                                                                                          &quot;enabled&quot;: false
2557                                                                                                        },
2558                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/18018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/22254.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/embed-vi
2881deo-player.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autocolumns.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autogrid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-carousel.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-grid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-list.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-slideshow.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-stacked.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-strip.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-manager.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.visitor.js&quot;]" 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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &amp; 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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &amp; categories</p></div>
8772            
8773            
8774            
8775            <a href="/products/p/collection-to-list-section-sync" class="summary-read-more-link">Read more &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.c
9850ode/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js&quot;]" 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="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
9972                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
9973                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
9974                                                                                                        &quot;customSectionHeight&quot;: 1,
9975                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
9976                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
9977                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
9978                                                                                                        &quot;customContentWidth&quot;: 50,
9979                                                                                                        &quot;sectionTheme&quot;: &quot;&quot;,
9980                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
9981                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
9982                                                                                                      }"
9983  data-current-context="{
9984                                                                                                        &quot;video&quot;: {
9985                                                                                                          &quot;playbackSpeed&quot;: 0.5,
9986                                                                                                          &quot;filter&quot;: 1,
9987                                                                                                          &quot;filterStrength&quot;: 0,
9988                                                                                                          &quot;zoom&quot;: 0,
9989                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
9990                                                                                                        },
9991                                                                                                        &quot;backgroundImageId&quot;: null,
9992                                                                                                        &quot;backgroundMediaEffect&quot;: {
9993                                                                                                          &quot;type&quot;: &quot;none&quot;
9994                                                                                                        },
9995                                                                                                        &quot;divider&quot;: {
9996                                                                                                          &quot;enabled&quot;: false
9997                                                                                                        },
9998                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.c
10247ode/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js&quot;]" 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="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
10332                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
10333                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
10334                                                                                                        &quot;customSectionHeight&quot;: 1,
10335                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
10336                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
10337                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
10338                                                                                                        &quot;customContentWidth&quot;: 50,
10339                                                                                                        &quot;sectionTheme&quot;: &quot;&quot;,
10340                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
10341                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
10342                                                                                                      }"
10343  data-current-context="{
10344                                                                                                        &quot;video&quot;: {
10345                                                                                                          &quot;playbackSpeed&quot;: 0.5,
10346                                                                                                          &quot;filter&quot;: 1,
10347                                                                                                          &quot;filterStrength&quot;: 0,
10348                                                                                                          &quot;zoom&quot;: 0,
10349                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
10350                                                                                                        },
10351                                                                                                        &quot;backgroundImageId&quot;: null,
10352                                                                                                        &quot;backgroundMediaEffect&quot;: {
10353                                                                                                          &quot;type&quot;: &quot;none&quot;
10354                                                                                                        },
10355                                                                                                        &quot;divider&quot;: {
10356                                                                                                          &quot;enabled&quot;: false
10357                                                                                                        },
10358                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js&quot;]" 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="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/8b327b94-86c3-4250-beef-95033535824c_998/website.components.code.visitor.js&quot;]" 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="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/97f7ac98-b37c-4330-a195-6e09df8b0c97_1123/website.components.button.visitor.js&quot;]" 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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
10864                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
10865                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
10866                                                                                                        &quot;customSectionHeight&quot;: 1,
10867                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
10868                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
10869                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
10870                                                                                                        &quot;customContentWidth&quot;: 50,
10871                                                                                                        &quot;sectionTheme&quot;: &quot;black&quot;,
10872                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
10873                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
10874                                                                                                      }"
10875  data-current-context="{
10876                                                                                                        &quot;video&quot;: {
10877                                                                                                          &quot;playbackSpeed&quot;: 0.5,
10878                                                                                                          &quot;filter&quot;: 1,
10879                                                                                                          &quot;filterStrength&quot;: 0,
10880                                                                                                          &quot;zoom&quot;: 0,
10881                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
10882                                                                                                        },
10883                                                                                                        &quot;backgroundImageId&quot;: null,
10884                                                                                                        &quot;backgroundMediaEffect&quot;: {
10885                                                                                                          &quot;type&quot;: &quot;none&quot;
10886                                                                                                        },
10887                                                                                                        &quot;divider&quot;: {
10888                                                                                                          &quot;enabled&quot;: false
10889                                                                                                        },
10890                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/18018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/22254.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/embed-video-player.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autocolumns.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-autogrid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-carousel.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-grid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-list.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-slideshow.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-stacked.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-layout-strip.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/gallery-manager.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.summary/8c66308e-17f3-4014-a8f2-a5e862747230_671/website.components.summary.visitor.js&quot;]" 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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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 &#8594;</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&nbsp;<em>writing</em>&nbsp;code than I have at any point in my “coding” career. Of course, I’ve been&nbsp;<em>shipping</em>&nbsp;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 &#8594;</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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
12803                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
12804                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
12805                                                                                                        &quot;customSectionHeight&quot;: 0,
12806                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
12807                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
12808                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
12809                                                                                                        &quot;customContentWidth&quot;: 50,
12810                                                                                                        &quot;sectionTheme&quot;: &quot;bright&quot;,
12811                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
12812                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
12813                                                                                                      }"
12814  data-current-context="{
12815                                                                                                        &quot;video&quot;: {
12816                                                                                                          &quot;playbackSpeed&quot;: 0.5,
12817                                                                                                          &quot;filter&quot;: 1,
12818                                                                                                          &quot;filterStrength&quot;: 0,
12819                                                                                                          &quot;zoom&quot;: 0,
12820                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
12821                                                                                                        },
12822                                                                                                        &quot;backgroundImageId&quot;: null,
12823                                                                                                        &quot;backgroundMediaEffect&quot;: {
12824                                                                                                          &quot;type&quot;: &quot;none&quot;
12825                                                                                                        },
12826                                                                                                        &quot;divider&quot;: {
12827                                                                                                          &quot;enabled&quot;: false
12828                                                                                                        },
12829                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
12976                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
12977                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
12978                                                                                                        &quot;customSectionHeight&quot;: 20,
12979                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
12980                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
12981                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
12982                                                                                                        &quot;customContentWidth&quot;: 50,
12983                                                                                                        &quot;sectionTheme&quot;: &quot;black&quot;,
12984                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
12985                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
12986                                                                                                      }"
12987  data-current-context="{
12988                                                                                                        &quot;video&quot;: {
12989                                                                                                          &quot;playbackSpeed&quot;: 0.5,
12990                                                                                                          &quot;filter&quot;: 1,
12991                                                                                                          &quot;filterStrength&quot;: 0,
12992                                                                                                          &quot;zoom&quot;: 0,
12993                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
12994                                                                                                        },
12995                                                                                                        &quot;backgroundImageId&quot;: null,
12996                                                                                                        &quot;backgroundMediaEffect&quot;: {
12997                                                                                                          &quot;type&quot;: &quot;none&quot;
12998                                                                                                        },
12999                                                                                                        &quot;divider&quot;: {
13000                                                                                                          &quot;enabled&quot;: false
13001                                                                                                        },
13002                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/ce0cca3e-9d39-4879-880d-53f0d48ec167_731/website.components.socialLinks.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.socialLinks/ce0cca3e-9d39-4879-880d-53f0d48ec167_731/website.components.socialLinks.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.newsletter/f8729a7c-aba2-4f23-964d-9b03b062e9e6_116/website.components.newsletter.visitor.js&quot;]" 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 &amp; tutorials for Squarespace designers &amp; 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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 &amp; 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js&quot;]" 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="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js&quot;]" 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="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/18018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39188.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/39882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/64023.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/92452.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/a93c37f4-4918-4fa0-8777-01ab860ea045_940/website.components.imageFluid.visitor.js&quot;]" 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="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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                                                                                                        &quot;imageOverlayOpacity&quot;: 0.15,
14832                                                                                                        &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
14833                                                                                                        &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
14834                                                                                                        &quot;customSectionHeight&quot;: 0,
14835                                                                                                        &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
14836                                                                                                        &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
14837                                                                                                        &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
14838                                                                                                        &quot;customContentWidth&quot;: 50,
14839                                                                                                        &quot;sectionTheme&quot;: &quot;&quot;,
14840                                                                                                        &quot;sectionAnimation&quot;: &quot;none&quot;,
14841                                                                                                        &quot;backgroundMode&quot;: &quot;image&quot;
14842                                                                                                      }"
14843  data-current-context="{
14844                                                                                                        &quot;video&quot;: {
14845                                                                                                          &quot;playbackSpeed&quot;: 0.5,
14846                                                                                                          &quot;filter&quot;: 1,
14847                                                                                                          &quot;filterStrength&quot;: 0,
14848                                                                                                          &quot;zoom&quot;: 0,
14849                                                                                                          &quot;videoSourceProvider&quot;: &quot;none&quot;
14850                                                                                                        },
14851                                                                                                        &quot;backgroundImageId&quot;: null,
14852                                                                                                        &quot;backgroundMediaEffect&quot;: {
14853                                                                                                          &quot;type&quot;: &quot;none&quot;
14854                                                                                                        },
14855                                                                                                        &quot;divider&quot;: {
14856                                                                                                          &quot;enabled&quot;: false
14857                                                                                                        },
14858                                                                                                        &quot;typeName&quot;: &quot;page&quot;
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="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/94918ab0-3a22-429c-8823-7c8488041719_953/website.components.html.visitor.js&quot;]" 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 &amp; 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.