-
Notifications
You must be signed in to change notification settings - Fork 0
/
site.region
236 lines (212 loc) · 13.5 KB
/
site.region
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!doctype html>
<html class="touch-styles">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{.if template.mobileStylesEnabled}
<meta name="viewport" content="width=device-width, initial-scale=1">
{.end}
{squarespace-headers}
<script>/* Must be below squarespace-headers */(function(){var e='ontouchstart'in window||navigator.msMaxTouchPoints;var t=document.documentElement;if(!e&&t){t.className=t.className.replace(/touch-styles/,'')}})()
</script>
</head>
<body id="{squarespace.page-id}" class="{squarespace.page-classes}{.if item}{.section item}{.if productType}{.or}{.main-image?} has-banner-image item-main-image{.end}{.end}{.end}{.or}{.section collection}{.collectionTypeNameEquals? index}{.section collections}{.section 0}{.main-image?} has-banner-image index-page{.end}{.end}{.end}{.or}{.main-image?} has-banner-image general-page{.end}{.end}{.end}{.end}">
<input type="checkbox" name="mobile-nav-toggle" id="mobileNavToggle" class="mobile-nav-toggle-box hidden" /><a href="#" class="body-overlay"></a>
<div class="sqs-announcement-bar-dropzone"></div>
<div id="sidecarNav">
<squarespace:navigation navigationId="mainNav" template="mobile-navigation" />
</div>
<div id="siteWrapper" class="clearfix">
<div class="sqs-cart-dropzone"></div>
<header id="header" class="show-on-scroll" data-offset-el=".index-section" data-offset-behavior="bottom" role="banner">
<div class="header-inner">
{.section website}<div id="{.if logoImageUrl}logoWrapper{.or}siteTitleWrapper{.end}" class="wrapper" data-content-field="site-title">
{.section logoImageUrl}
<h1 id="logoImage"><a href="/"><img src="{logoImageUrl}?format=1500w" alt="{siteTitle}" /></a></h1>
{.or}
<h1 id="siteTitle" class="site-title"><a href="/">{siteTitle}</a></h1>
{.end}
</div>{.end}<!-- comment the linebreak between these two elements because science
--><label for="mobileNavToggle" class="mobile-nav-toggle-label"><div class="top-bar"></div><div class="middle-bar"></div><div class="bottom-bar"></div></label><label for="mobileNavToggle" class="mobile-nav-toggle-label fixed-nav-toggle-label"><div class="top-bar"></div><div class="middle-bar"></div><div class="bottom-bar"></div></label><!-- comment the linebreak between these two elements because science
--><div id="headerNav"><squarespace:navigation navigationId="mainNav" template="navigation" /></div>
</div>
</header>
{.if item}
{.section item}
{.if productType}
{.or}
{.if startDate}
{.main-image?}
<div class="banner-thumbnail-wrapper" data-content-field="main-image">
<div class="color-overlay"></div>
<figure id="thumbnail" class="loading content-fill"><img {@|image-meta} /></figure>
</div>
{.end}
{.or}
{.main-image?}
<div class="banner-thumbnail-wrapper" data-content-field="main-image">
<div class="color-overlay"></div>
<figure id="thumbnail" class="loading content-fill"><img {@|image-meta} /></figure>
<div class="blog-item-wrapper">
<div class="title-desc-wrapper">
<time class="dt-published published post-date" datetime="{addedOn|date %F}" pubdate>{addedOn|date %B %e, %Y}</time>
<div class="post-category">{.section categories}{.repeated section @}<a href="{collection.fullUrl}?category={@|url-encode}">{@}</a>{.alternates with}, {.end}{.end}</div>
<div class="post-author"><a href="{collection.fullUrl}?author={author.id}">{.section author}{displayName}{.end}</a></div>
{.section title}<div class="post-title">{@}</div>{.end}
</div>
</div>
</div>
{.end}
{.end}
{.end}
{.end}
{.or}
{.section collection}
{.collectionTypeNameEquals? gallery}
{.or}
{.collectionTypeNameEquals? index}
{.or}
{.collectionTypeNameEquals? page}
<div id="promotedGalleryWrapper" class="sqs-layout promoted-gallery-wrapper"><div class="row"><div class="col"></div></div></div>
{.main-image?}
<div class="banner-thumbnail-wrapper{.if description} has-description{.end}" data-content-field="main-image" data-collection-id="{collection.id}" data-edit-main-image="Banner" data-annotation-alignment="bottom left">
{.section mainImage}
<div class="color-overlay"></div>
<figure id="thumbnail" class="loading content-fill"><img {@|image-meta} /></figure>
{.end}
{.if description}<div class="desc-wrapper" data-collection-id="{id}">{description}</div>{.end}
</div>
{.end}
{.or}
{.collectionTypeNameEquals? blog}
<squarespace:query collection="{collection.urlId}" featured="true" limit="5">
{.section items}
<div class="sqs-featured-posts-gallery">
<div class="gallery-wrapper">
<!--FULL SIZE IMAGES-->
<div class="slides-controls">
<div class="posts">
{.repeated section @}
<!--SLIDE-->
<div class="post{.main-image?}{.or} no-main-image{.end} content-fill" data-slide-id="{id}">
<div class="title-desc-wrapper">
<time class="dt-published published post-date" datetime="{addedOn|date %F}" pubdate>{addedOn|date %B %e, %Y}</time>
<div class="post-category">{.section categories}{.repeated section @}{@}{.alternates with}, {.end}{.end}</div>
<div class="post-author">{.section author}{displayName}{.end}</div>
{.section title}<div class="post-title"><a href="{fullUrl}">{@|truncate 48}</a></div>{.end}
{.excerpt?}<div class="post-excerpt">{excerpt}</div>{.end}
<a href="{fullUrl}" class="view-post"></a>
</div>
<div class="color-overlay"></div>
{.main-image?}
<img data-load="viewport" {@|image-meta}>
{.end}
</div>
{.end}
</div>
{.section 1}
<!--PREVIOUS/NEXT CONTROLS-->
<span class="arrow previous-slide"></span>
<span class="arrow next-slide"></span>
{.end}
<!--CIRCLES-->
<div class="circles gallery-nav">
{.repeated section @}
<span class="circle"></span>
{.end}
</div>
</div>
</div>
</div>
{.or}
{.section collection}
{.main-image?}
<div class="banner-thumbnail-wrapper" data-content-field="main-image" data-collection-id="{collection.id}" data-edit-main-image="Banner" data-annotation-alignment="bottom left">
{.section mainImage}
<div class="color-overlay"></div>
<figure id="thumbnail" class="loading content-fill"><img {@|image-meta} /></figure>
{.end}
{.if description}<div class="desc-wrapper" data-collection-id="{id}">{description}</div>{.end}
</div>
{.end}
{.end}
{.end}
</squarespace:query>
{.or}
{.main-image?}
<div class="banner-thumbnail-wrapper" data-content-field="main-image" data-collection-id="{collection.id}" data-edit-main-image="Banner" data-annotation-alignment="bottom left">
{.section mainImage}
<div class="color-overlay"></div>
<figure id="thumbnail" class="loading content-fill"><img {@|image-meta} /></figure>
{.end}
{.if description}<div class="desc-wrapper" data-collection-id="{id}">{description}</div>{.end}
</div>
{.end}
{.end}
{.end}
{.end}
{.end}
{.end}
{.end}
{.section categoryFilter}
<p class="filter-heading filter-by-category">
<a href="{collection.fullUrl}"><span>{@|safe}</span></a>
</p>
{.end}
{.section tagFilter}
<p class="filter-heading filter-by-tag">
<a href="{collection.fullUrl}"><span>{@|safe}</span></a>
</p>
{.end}
{.if authorFilter}
<p class="filter-heading filter-by-author">
<a href="{collection.fullUrl}"><span>{author.displayName}</span></a>
</p>
{.end}
<main id="page" role="main">
{.section collection}
{.collectionTypeNameEquals? products}{.section categories}<div id="categoryNav">
<input type="checkbox" name="category-nav-toggle" id="categoryNavToggle" class="category-nav-toggle hidden" />
<label for="categoryNavToggle" class="category-nav-toggle-label" onclick></label>
<nav class="category-nav">
<ul class="category-nav-links">
<li class="nav-section-label">{navigationTitle}</li>
<li class="filter"><a>Filter{.if categoryFilter}: {categoryFilter}{.end}</a></li>
<li{.if categoryFilter}{.or} class="active-link all"{.end}><a href="{fullUrl}">All</a></li>
{.repeated section @}
<li{.equal? categoryFilter @} class="active-link"{.end}><a href="{fullUrl}?category={@|url-encode}">{@}</a></li>
{.end}
</ul>
</nav>
</div>{.end}{.end}<!-- comment the linebreak between these two elements because science
-->{.collectionTypeNameEquals? page}<!-- comment the linebreak between these two elements because science
--><squarespace:folder-navigation template="folder-navigation" />{.end}{.end}<!-- comment the linebreak between these two elements because science
--><div id="content" class="main-content" data-content-field="main-content" data-collection-id="{collection.id}" {.equal? collection.typeName "gallery"}{.or}{.equal? collection.typeName "index"}{.or}data-edit-main-image="Banner"{.end}{.end}>
{squarespace.main-content}
</div><!-- comment the linebreak between these two elements because science
-->{.section collection}{.collectionTypeNameEquals? blog}<aside id="rightSidebar" role="complementary">
<squarespace:block-field class="open-block-field" id="blogBlocks-{id}" columns="12" label="Blog Sidebar Content" />
</aside>
{.end}
{.end}
</main>
<div id="preFooter">
<div class="pre-footer-inner">
<squarespace:block-field id="preFooterBlocks" columns="12" label="Pre-Footer Content" />
</div>
</div>
<footer id="footer" role="contentinfo">
<div class="footer-inner">
<div class="nav-wrapper back-to-top-nav"><nav><div class="back-to-top"><a href="#header">Back to Top</a></div></nav></div>
<squarespace:navigation navigationId="secondaryNav" template="secondary-navigation" />
{.if website.location.addressTitle || website.location.addressLine1 || website.location.addressLine2 || website.location.addressCountry}<div id="siteInfo">{.or}{.if websiteSettings.contactPhoneNumber || websiteSettings.contactEmail}<div id="siteInfo">{.end}{.end}{.section website}{.section location}{.if addressTitle || addressLine1 || addressLine2 || addressCountry}<span class="site-address">{.end}{.if addressTitle}{addressTitle}{.end}{.if addressLine1}{.if addressTitle}, {.end}{addressLine1}{.end}{.if addressLine2}{.if addressTitle || addressLine1}, {.or}{.end}{addressLine2}{.end}{.if addressCountry}{.if addressTitle || addressLine1 || addressLine2}, {.end}{addressCountry}{.end}{.if addressTitle || addressLine1 || addressLine2 || addressCountry}</span>{.end}{.end}{.end}{.section websiteSettings}{.if contactPhoneNumber}<span rel="tel" class="site-phone">{contactPhoneNumber}</span>{.end}{.if contactEmail}<a href="mailto:{contactEmail}" class="site-email"><span>{contactEmail}</span></a>{.end}{.end}{.if website.location.addressTitle || website.location.addressLine1 || website.location.addressLine2 || website.location.addressCountry}</div>{.or}{.if websiteSettings.contactPhoneNumber || websiteSettings.contactEmail}</div>{.end}{.end}
<squarespace:block-field id="footerBlocks" columns="12" label="Footer Content" />
</div>
</footer>
</div>
<squarespace:script src="site.js" combo="true" />
<squarespace:script src="helpers.js" combo="true" />
<squarespace:script src="sticky.js" combo="true" />
{.if authenticatedAccount}<squarespace:script src="authenticated.js" combo="false" />{.end}
{squarespace-footers}
</body>
</html>