-
Notifications
You must be signed in to change notification settings - Fork 53
/
Copy pathindex.html
202 lines (169 loc) · 30.8 KB
/
index.html
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
<!doctypehtml><html charset=utf-8 lang=en><meta charset=utf-8><title>Free Accessibilty Widget for Web — No Signups Required — Sienna</title><meta content="width=device-width,initial-scale=1"name=viewport><link href=https://accessibility-widget.pages.dev/images/sienna/favicon.ico rel=icon type=image/x-icon><script type=application/ld+json>{ "@context": "https://schema.org", "@type": "Website", "name": "Sienna", "url": "//accessibility-widget.pages.dev" }</script><style>a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container{width:100%;padding-left:24px;padding-right:24px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{width:540px}}@media (min-width:768px){.container{width:720px;padding-right:12px;padding-left:12px}}@media (min-width:992px){.container{width:960px}}@media (min-width:1200px){.container{width:1140px}}@media (min-width:1400px){.container{width:1320px}}.row{display:flex;flex-direction:column}.col{flex:0 0 100%;max-width:100%}@media (min-width:576px){.row{flex-direction:row}.col{flex:0 0 50%;max-width:50%}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:576px){.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-16{gap:4rem}.my-4{margin-top:1rem;margin-bottom:1rem}.flex{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.columns-2{column-count:2}.columns-3{grid-template-columns:repeat(1,minmax(0,1fr))}.w-half{width:50%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.aspect-video{aspect-ratio:16/9}.text-center{text-align:center}.py-4{padding-top:1rem;padding-bottom:1rem}.p-4{padding:1rem}.no-underline{text-decoration-line:none}.font-bold{font-weight:700}.mx-auto{margin-left:auto;margin-right:auto}@media (min-width:768px){.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.md-flex-col{flex-direction:column}}.ar{position:relative;padding-bottom:75%;height:0}.ar iframe,.ar img{position:absolute;width:100%;height:100%;left:0;top:0;border:none;overflow:hidden;object-fit:cover}.aspect-ratio{width:100%;height:100%}.aspect-ratio iframe,.aspect-ratio img{width:100%;height:100%;left:0;top:0;border:none;overflow:hidden;object-fit:cover}.overlay:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);pointer-events:none}*{box-sizing:border-box;scroll-margin-top:140px}body,html{font-family:var(--font);font-size:var(--font-size, "100%");color:var(--font-color);fill:var(--font-color);background-color:var(--body-bg);line-height:1.4}h1,h2,h3,h4,h5{font-family:var(--heading-font)}button{cursor:pointer}section{position:relative}b,strong{font-weight:700}iframe{width:100%;height:100%}svg{content-visibility:auto}a{cursor:pointer;color:inherit;transition:all .3 ease}a[id]{cursor:default}a:not(.btn):visited{color:inherit}h1{font-size:1rem;letter-spacing:.02em;transition:font-size .3s ease}.h2,h2{font-size:2rem;font-weight:700;margin-bottom:24px}.h3,h3{margin-bottom:15px;font-size:2.2rem;font-weight:700;margin-bottom:8px}.h4,h4{font-size:22px;font-weight:700;margin-bottom:8px}p{margin-bottom:15px;line-height:1.6}section{padding-top:60px;padding-bottom:60px}@media (min-width:992px){section{padding-top:80px;padding-bottom:80px}}@media (min-width:576px){h1{font-size:1.2rem}h2{font-size:3rem}}ul{padding-left:30px;list-style:disc}li{margin-bottom:10px}.theme-black{background:#131718;color:#fff}.theme-black .btn{background:#fff;color:#131718;border-color:#fff}img{aspect-ratio:16/9;width:100%}.btns{display:inline-flex;gap:20px;margin-top:30px;flex-direction:column;width:100%}@media (min-width:576px){.btns{flex-direction:row;width:auto}}.btn{font-family:inherit;letter-spacing:1px;display:flex;font-size:inherit;align-items:center;padding:12px 30px;border-radius:0;cursor:pointer;transition:background .3s ease,border .3s ease,color .3s ease;border:2px solid var(--primary-color);background:var(--primary-color);text-decoration:none;white-space:nowrap;color:var(--primary-contrast);color:#fff;text-align:center}.btn:hover{background-color:var(--primary-color-light);border-color:var(--primary-color-light)}.btn-outline{background:0 0;color:inherit}.btn-outline:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--primary-contrast)}@media (max-width:576px){.btn{width:100%;justify-content:center}}.no-underline{text-decoration:none}footer section{border-top:1px solid #ddd;display:flex;justify-content:space-between}footer a{color:inherit;text-decoration:none}footer .container{align-items:flex-start;flex-wrap:wrap}@media (min-width:768px){.row{flex-wrap:nowrap}}.col-3{flex:0 0 100%;max-width:100%;margin-bottom:30px}@media (min-width:768px){.col-3{flex:0 0 33.33%;max-width:33%}}footer .btns{margin-top:15px}footer .btn{width:auto}.loc-days{flex:0 0 120px;display:inline-block}.list>div,footer li{margin-bottom:6px}.list-style-none{padding:0;margin:0;list-style:none}.list-style-none li{margin-bottom:0}.social-links{display:flex;text-align:right;gap:8px}.social-links a{border-radius:12px;border:1px solid;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.social-links svg{width:18px;height:18px;max-width:18px;max-height:18px;min-width:18px;min-height:18px;fill:inherit}.ad{text-align:center;padding:30px 0;background:#000;color:#fff}.ad a{color:inherit}.ad svg{width:32px;height:32px;fill:#ffb03b;margin-bottom:10px}#smc{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}header{width:100%;z-index:10;transition:background .3s ease,color .3s ease,height .3s ease;position:sticky;top:0;background-color:var(--body-bg,#fff);border-bottom:1px solid #ddd}header .btn-outline,header a{color:inherit}header .btn,header a{text-decoration:none;position:relative;display:inline-block}header .btn{padding-top:12px;padding-bottom:12px}header ul{display:flex;gap:20px;align-items:center}.d-nav a:not(.btn):after{content:"";position:absolute;bottom:0;left:0;width:0;transition:width .3s ease;background:var(--font-color);height:1px}.d-nav a:not(.btn):hover:after{width:100%}.d-nav{display:none}.btn-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;background:0 0;border:0;font-size:24px;color:inherit}.btn-icon:hover{opacity:.6}.m-nav{position:fixed;top:0;right:0;transform:translateX(100%);transition:transform .3s ease;height:100%;background:#fff;color:#000;box-shadow:4px 0 10px 0 rgb(0 0 0 / 40%);will-change:transform;z-index:11;width:80vw;min-width:320px;max-width:420px}.m-nav-header{display:flex;justify-content:right;padding:20px}.d-nav .btns{margin-top:0}.m-nav.show{transform:translateX(0)}.m-nav ul{flex-direction:column;align-items:flex-start;gap:0}.m-nav ul li{width:100%;margin:0;border-top:1px solid #ddd}.m-nav .btns{flex-direction:column;padding:20px;text-align:center}.m-nav-btns{display:flex;gap:20px}.m-nav-btns .btn{padding:6px 12px;font-size:12px}.m-nav-o{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.6);cursor:pointer;display:none}.m-nav.show+.m-nav-o{display:block}.m-nav ul a{display:flex;padding:20px 35px}.m-nav .btn{justify-content:center}@media (min-width:1100px){.d-nav{display:flex}.m-nav,.m-nav-btns{display:none}}:root{--primary-color:#0d3ae1;--primary-color-light:#5675ea;--primary-color-dark:#09299e;--primary-contrast:#fff;--font:Poppins;--font-size:115%}body{background-color:#fff;font-size:18px}code{color:#d63384}.btn{border-radius:36px}#section-home-banner{background-image:radial-gradient(circle 361px at 67% 34%,rgb(239 183 192 / 34%) 12.9%,rgb(184 213 249 / 12%) 100%,rgb(184 213 249 / 15%) 100%)}#section-home-banner img{aspect-ratio:auto}#section-footer-banner{background-image:radial-gradient(circle 361px at 67% 34%,rgb(239 183 192 / 34%) 12.9%,rgb(184 213 249 / 12%) 100%,rgb(184 213 249 / 15%) 100%)}.tm-content{padding-bottom:40px}@media only screen and (min-width:578px){.tm-content{padding-bottom:0;padding-right:40px}}.numbers{background-color:#ebf4ff;padding:30px 60px;justify-content:space-around;max-width:1100px;margin-top:64px;border-radius:12px}@media (max-width:576px){.numbers{flex-direction:column;gap:64px}}#setup .number{border:3px solid var(--primary-color);color:var(--primary-color);width:42px;height:42px;border-radius:100%;margin-right:12px}.faq{margin:0}.faq h3{font-size:20px;color:var(--color-primary);margin-bottom:10px}.faq li{margin-bottom:30px}</style><meta content="telephone=no"name=format-detection><meta content="IE=edge"http-equiv=X-UA-Compatible><meta content="Get your FREE accessibilty widget / widget for your website. No registration required and free from all the tracking.Features such as font size adjustment, colors adjustment, and more."name=description><meta content="Open Tummy"name=author><meta content=en name=language><link href=https://accessibility-widget.pages.dev/home rel=canonical><meta content=Sienna property=og:site_name><meta content="Free Accessibilty Widget for Web — No Signups Required — Sienna"property=og:title><meta content=https://accessibility-widget.pages.dev/home property=og:url><meta content="Get your FREE accessibilty widget / widget for your website. No registration required and free from all the tracking.Features such as font size adjustment, colors adjustment, and more."property=og:description><meta content=en property=og:local><meta content=https://accessibility-widget.pages.dev/home property=twitter:url><meta content="Free Accessibilty Widget for Web — No Signups Required — Sienna"property=twitter:title><meta content="Get your FREE accessibilty widget / widget for your website. No registration required and free from all the tracking.Features such as font size adjustment, colors adjustment, and more."property=twitter:description><meta content=20 name=next-head-count><meta charset=utf-8><link href=https://fonts.googleapis.com rel=preconnect><link href=https://fonts.gstatic.com rel=preconnect crossorigin=""><meta content="Wed, 19 Jul 2023 23:31:19 GMT"name=revisied><noscript data-n-css=""></noscript><div id=__next><div><link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"rel=preload as=style onload='this.onload=null,this.rel="stylesheet"'></div><header><div class="flex items-center justify-between justify-between container"style=padding:24px><a href=/ class="flex items-center justify-between logo"><div style=margin-right:12px;display:flex><div class="flex items-center justify-center"style="width:42px;height:42px;background:var(--primary-color);border-radius:4px;border:2px solid #fff;outline:3px solid var(--primary-color)"><svg style=fill:#fff;width:22px;height:22px viewBox="0 0 24 24"xmlns=http://www.w3.org/2000/svg><path d="M0 0h24v24H0V0z"fill=none></path><path d="M20.5 6c-2.61.7-5.67 1-8.5 1s-5.89-.3-8.5-1L3 8c1.86.5 4 .83 6 1v13h2v-6h2v6h2V9c2-.17 4.14-.5 6-1l-.5-2zM12 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"></path></svg></div></div><div><h1 style=line-height:1>Sienna</h1><div style=font-size:12px;opacity:.9>Accessibility Widget</div></div></a><div class="flex items-center justify-between"><nav class=d-nav><ul class=list-style-none><li><a href=//accessibility-widget.pages.dev/features>Features</a><li><a href=//accessibility-widget.pages.dev/blog>Blog</a><li><a href=//accessibility-widget.pages.dev/contact>Contact</a><li class=btns><a href=//accessibility-widget.pages.dev/#setup class=btn>Get Free Widget</a></ul></nav><div><div class=m-nav-btns><button class="btn-icon m-nav-btn"type=button aria-label="Open navigation"><svg xmlns=http://www.w3.org/2000/svg fill=none height=24 stroke=currentColor stroke-width=2 width=24><path d="M0 0h24v24H0z"stroke=none></path><path d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div><nav class=m-nav><div class=m-nav-header><button class="btn-icon m-nav-close-btn"type=button aria-label="Close navigation">✕</button></div><ul class=list-style-none><li><a href=//accessibility-widget.pages.dev/features>Features</a><li><a href=//accessibility-widget.pages.dev/blog>Blog</a><li><a href=//accessibility-widget.pages.dev/contact>Contact</a><li class=btns><a href=//accessibility-widget.pages.dev/#setup class=btn>Get Free Widget</a></ul></nav><div class=m-nav-o></div></div></div></div></header><a href=#mc id=smc>Skip to main content</a><section class=theme-white id=section-home-banner><div class=tm-section><div class=container><div class=row><div class="flex col tm-content"><div><h2 class="flex items-center"><div><span style=color:var(--primary-color)>FOREVER FREE</span> Accessibility Widget</div></h2><ul><li style=margin-bottom:18px><div class=h4>Free - No Strings Attached</div><div>No sign-ups required, GDPR compliant, and open-source community.</div><li style=margin-bottom:18px><div class=h4>Easy Installation</div><div>Watch it automatically appear with just using a single line of code.</div></ul><div class=btns><a href=//accessibility-widget.pages.dev/#setup class=btn>Get Widget Now</a> <a href=/#demo class="btn btn-outline"><svg style=margin-right:4px;width:1.5rem;height:1.5rem viewBox="0 0 24 24"role=presentation><path d=M8,5.14V19.14L19,12.14L8,5.14Z style=fill:currentColor></path></svg>Try Demo</a></div></div></div><div class=col><img alt=""draggable=false loading=lazy object-fit=""sizes=100vw srcset=https://accessibility-widget.pages.dev/images/sienna/hero.png></div></div></div></div></section><section class=theme-white><section><div class="container text-center"><div class=mx-auto style=max-width:740px><h3 style=position:relative><svg style=position:absolute;bottom:60%;opacity:.1;left:-20px;width:7.5rem;height:7.5rem viewBox="0 0 24 24"role=presentation><path d="M11 18V10H9.12L11.12 6H5.38L3 10.76V18M9 16H5V11.24L6.62 8H7.88L5.88 12H9M21 18V10H19.12L21.12 6H15.38L13 10.76V18M19 16H15V11.24L16.62 8H17.88L15.88 12H19Z"style=fill:currentColor></path></svg> Accessibility is about <b style=color:var(--primary-color)>removing barriers</b> and providing the technology for <b style=color:var(--primary-color)>everyone.</b></h3><p class=mx-auto style=max-width:500px;margin-top:22px>No Sign Ups. No Hidden Fees. No Data Sharing Practices. <a href=https://github.com/bennyluk/Sienna-Accessibility-Widget target=_blank rel=noreferrer>All Open Source</a>.</div><div class="flex mx-auto numbers"><div class=text-center><div style=margin-bottom:24px><svg style=color:var(--primary-color);width:3rem;height:3rem viewBox="0 0 24 24"role=presentation><path d="M9.5,8.5L11,10L8,13L11,16L9.5,17.5L5,13L9.5,8.5M14.5,17.5L13,16L16,13L13,10L14.5,8.5L19,13L14.5,17.5M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M21,20H3V6H21V20Z"style=fill:currentColor></path></svg></div><div style=margin-bottom:8px;font-size:28px><b>160k+</b></div><div>Daily Loads</div></div><div class=text-center><div style=margin-bottom:24px><svg style=color:var(--primary-color);width:3rem;height:3rem viewBox="0 0 24 24"role=presentation><path d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"style=fill:currentColor></path></svg></div><div style=margin-bottom:8px;font-size:28px><b>70+</b></div><div>Countries Uses</div></div><div class=text-center><div style=margin-bottom:24px><svg style=color:var(--primary-color);width:3rem;height:3rem viewBox="0 0 24 24"role=presentation><path d="M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z"style=fill:currentColor></path></svg></div><div style=margin-bottom:8px;font-size:28px><b>16</b></div><div>Languages Offered</div></div></div></div></section></section><section class=theme-white><div id=setup><div class=container><h2>Installation</h2><div><h3 style=font-size:24px class="flex items-center"><div class="flex items-center justify-center number">1</div>Get Widget Script</h3><div><p>Copy the <code><script></code> tag below for quick installation and automatic updates.<div><input class="cdn-link-copy cdn-link-input"readonly style="font-size:inherit;font-family:inherit;padding:8px 10px;margin:18px 0;width:100%;border:1px solid #c8c8c8"value='<script src="https://website-widgets.pages.dev/dist/sienna.min.js" defer></script>'></div><div class="flex items-center"><button class="btn copy-script-btn"type=button><svg style=margin-right:12px;width:1.5rem;min-width:.8rem;height:1.5rem viewBox="0 0 24 24"role=presentation><path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"style=fill:currentColor></path></svg> Copy script to clipboard</button> <span style=display:none;font-weight:700;color:green;margin-left:12px class=copied-script>Script Copied!!</span></div></div><h3 style=font-size:24px;margin-top:48px class="flex items-center"><div class="flex items-center justify-center number">2</div>Paste Script into Website</h3><div><p>Paste the <code><script></code> tag right before the closing <code></body></code> tag of you website.<p><b style=font-size:14px>Installation guides:</b><ul><li><a href=https://accessibility-widget.pages.dev/blog/3-Steps-to-Installing-Sienna-Squarespace-Accessibility-Widget target=_blank rel=noreferrer style=color:#00f>Squarespace</a><li><a href=https://accessibility-widget.pages.dev/blog/How-to-Install-Free-Accessibility-Widget-for-Weebly-by-Sienna target=_blank rel=noreferrer style=color:#00f>Weebly</a></ul></div><h3 style=font-size:24px;margin-top:48px class="flex items-center"><div class="flex items-center justify-center number">3</div>Celebrate</h3><div><p>The widget will automatically appear at the bottom left of your website.<p>Feel free to buy me a coffee, helps me stay awake.. ☕<div><script src=https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js data-coffee-color=#ffffff data-color=#FFDD00 data-emoji=""data-font=Cookie data-font-color=#000000 data-name=bmc-button data-outline-color=#000000 data-slug=bennyluk data-text="Buy me a coffee"></script></div></div></div></div></div></section><section class=theme-white><div id=faq><div><div class=container><h2>FAQ</h2></div><div class=container><ul class="list-style-none faq"><li><h3>Can this widget ensure WCAG and ADA compliance for a website?</h3><div>There are numerous companies that offer accessibility widgets for free or even at a cost, claiming that they can fix accessibility issues and prevent lawsuits. NO accessibility widget, including those labeled as "AI-powered," can truly add accessibility to your website. For more information on this topic, <a href=https://krisrivenburgh.medium.com/toolbar-plugins-widgets-for-website-accessibility-arent-ada-508-compliant-7e7b649e20ba target=_blank>"Toolbar Plugins/Overlay Widgets for Website Accessibility Aren't ADA Compliant."</a></div><li><h3>Free ? What's the catch?</h3><div>No catch! This widget is available under the MIT License, allowing you to use it for free. It was created with the belief that accessibility should be freely accessible to all, and as a disapproval of companies charging for similar services while providing inaccurate information.</div><li><h3>Is this widget optimized for performance?</h3><div>Yes! This widget is optimized for performance. It's the only widget I know of that's built-in to be performance-ready for <a href=https://web.dev/vitals/ target=_blank>Core Web Vitals</a>. Additionally, this widget can be loaded asynchronously or deferred, meaning that even if it's slow to load, it won't impact your website's performance speed.</div><li><h3>How can I support this?</h3><div>Feel free to explore the <a href=https://github.com/bennyluk/Sienna-Accessibility-Widget target=_blank>GitHub project</a> and consider supporting me by <a href=https://www.buymeacoffee.com/bennyluk target=_blank>buying me a coffee</a>. Every little contribution helps me stay caffeinated and motivated to continue improving the project. ☕️!</div><li><h3>I found an issue! Fix it!</h3><div>Oh no! <a href=/contact>Send me an message</a> and I will get back to you as soon as possible.</div></ul></div></div></div></section><section class=theme-white id=section-footer-banner><div><div><div class="container text-center"style=max-width:840px><h2><div>Get Your Widget Now!</div></h2><div class="flex items-center justify-between btns"><a href=//accessibility-widget.pages.dev//accessibility-widget.pages.dev/#setup class=btn>Start Now</a></div></div></div></div></section><footer><section><div class="flex items-center justify-between container"><div class=col-3><div style=display:flex;margin-bottom:8px><b>Sienna</b></div><address class=list></address><div style=margin-top:10px></div></div><div class=col-3><b style=margin-bottom:8px class=flex>Navigation</b><ul class=list-style-none><li><a href=//accessibility-widget.pages.dev/features>Features</a><li><a href=//accessibility-widget.pages.dev/blog>Blog</a><li><a href=//accessibility-widget.pages.dev/contact>Contact</a><li class=btns><a href=//accessibility-widget.pages.dev/#setup class=btn>Get Free Widget</a></ul></div></div></section></footer><script>addEventListener("DOMContentLoaded", () => {
setTimeout(() => {
document.querySelectorAll(".animate").forEach(($el) => $el.classList.add("animated"));
}, 10);
function debounce(func, timeout = 30) {
let timer;
return (...args) => {
clearTimeout(timer);
timer = setTimeout(() => {
func.apply(this, args);
}, timeout);
};
}
const $ = (name) => document.querySelector(name);
const $header = $("header");
let scrollPadding = 100;
const updateScrollPadding = debounce(() => {
scrollPadding = window.innerWidth >= 576 ? 200 : 50;
}, 100);
window.addEventListener("resize", updateScrollPadding, { passive: true });
window.addEventListener(
"scroll",
debounce(() => {
$header.classList.toggle("scroll", window.scrollY > scrollPadding);
}),
{ passive: true }
);
let $mobileNavBtn = $(".m-nav-btn");
if ($mobileNavBtn) {
$mobileNavBtn.addEventListener("click", function () {
$(".m-nav").classList.add("show");
});
const hide = function () {
$(".m-nav").classList.remove("show");
};
$(".m-nav-close-btn").addEventListener("click", hide);
$(".m-nav-o").addEventListener("click", hide);
document.querySelectorAll(".m-nav a").forEach(($el) => $el.addEventListener("mousedown", hide));
}
});</script><script src=https://website-widgets.pages.dev/dist/sienna.min.js defer></script><script src="https://www.googletagmanager.com/gtag/js?id=G-B0R65CXK25"defer></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-B0R65CXK25")</script><script>document.querySelectorAll("a").forEach((el) => {
el.addEventListener("click", (event) => {
let href = el.getAttribute("href");
if (href.includes("#demo")) {
event.preventDefault();
let btn = document.querySelector(".asw-menu-btn");
if (btn) {
btn.click();
window?.gtag?.("event", "clickDemoButton");
}
} else {
window?.gtag?.("event", "clickLink", href);
}
});
});
const $link = document.querySelector(".cdn-link-input");
if ($link) {
const cdnLink = $link.value;
$link.addEventListener("click", () => {
$link.select();
window?.gtag?.("event", "clickCDNLink");
});
document.querySelector(".copy-script-btn").addEventListener("click", () => {
function copyToClipboard(value) {
var aux = document.createElement("input");
aux.setAttribute("value", value);
document.body.appendChild(aux);
aux.select();
document.execCommand("copy");
document.body.removeChild(aux);
}
copyToClipboard(cdnLink);
document.querySelector(".copied-script").style.display = "block";
window?.gtag?.("event", "copiedScript");
});
const urlParams = new URLSearchParams(window.location.search);
const domain = urlParams.get("d");
if (domain) {
window?.gtag?.("event", "source", domain);
}
}
if (false && typeof MutationObserver != "undefined") {
var observer = new MutationObserver(function (mutations) {
const widget = document.querySelector(".asw-widget");
if (widget) {
let openedMenu = false;
widget.querySelector(".asw-menu-btn").addEventListener(
"click",
() => {
if (!openedMenu) {
gtag("event", "openMenu");
openedMenu = true;
}
},
false
);
widget.querySelectorAll(".asw-btn").forEach((el) => {
el.addEventListener(
"click",
(event) => {
let label = Array.prototype.filter
.call(event.target.childNodes, function (element) {
return element.nodeType === Node.TEXT_NODE;
})
.map(function (element) {
return element.textContent;
})
.join("")
.trim();
if (label) {
gtag("event", "clickWidgetButton", {
label,
});
}
},
false
);
});
widget.querySelector(".asw-minus").addEventListener(
"click",
() => {
gtag("event", "minusFontSize");
},
false
);
widget.querySelector(".asw-plus").addEventListener(
"click",
() => {
gtag("event", "addFontSize");
},
false
);
widget.querySelector(".asw-amount").addEventListener(
"click",
() => {
gtag("event", "clickedAmount");
},
false
);
widget.querySelector(".asw-menu-reset").addEventListener(
"click",
() => {
gtag("event", "resetWidget");
},
false
);
widget.querySelector(".asw-menu-close").addEventListener(
"click",
() => {
gtag("event", "closeWidgetButton");
},
false
);
widget.querySelector(".asw-overlay").addEventListener(
"click",
() => {
gtag("event", "closeWidgetOverlay");
},
false
);
observer.disconnect();
}
});
observer.observe(document, { attributes: true, childList: true, characterData: true, subtree: true });
}
window.onerror = (errorMsg, url, lineNumber) => {
window?.gtag?.("event", "exeception", {
errorMsg: lineNumber + ":" + errorMsg,
});
};</script></div>