appscms-tools-theme 5.7.3 → 5.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_data/feature/.DS_Store +0 -0
- data/_includes/.DS_Store +0 -0
- data/_includes/appscms/head/head.html +19 -8
- data/_includes/appscms/navbars/navbar.html +13 -13
- data/_includes/appscms/scripts/script.html +18 -15
- data/_includes/bookmark.html +190 -5
- data/_includes/contenttool_result_banner.html +326 -93
- data/_includes/script.html +17 -14
- data/_layouts/appscms-download.html +793 -251
- data/_layouts/appscms-home.html +1 -0
- data/assets/.DS_Store +0 -0
- data/assets/images/contenttool-icon.svg +20 -0
- data/assets/images/contenttool-logo.svg +84 -0
- metadata +4 -2
|
@@ -4,141 +4,374 @@
|
|
|
4
4
|
margin: 0 !important;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.
|
|
8
|
-
background: linear-gradient(135deg, #667eea 0%, #1b2fe7 100%);
|
|
9
|
-
border-radius: 4px;
|
|
10
|
-
padding: 30px 40px;
|
|
11
|
-
margin: 30px 0 40px 0;
|
|
12
|
-
color: white;
|
|
7
|
+
.ct-promo {
|
|
13
8
|
position: relative;
|
|
9
|
+
margin: 28px 0 20px;
|
|
10
|
+
padding: 32px 36px;
|
|
11
|
+
border-radius: 18px;
|
|
12
|
+
background:
|
|
13
|
+
radial-gradient(circle at 92% 10%, rgba(255, 138, 31, 0.08), transparent 55%),
|
|
14
|
+
radial-gradient(circle at 0% 100%, rgba(27, 47, 231, 0.08), transparent 55%),
|
|
15
|
+
linear-gradient(180deg, #ffffff 0%, #f4f5ff 100%);
|
|
16
|
+
border: 1px solid #e4e7f5;
|
|
17
|
+
box-shadow: 0 10px 30px -18px rgba(27, 47, 231, 0.18);
|
|
14
18
|
overflow: hidden;
|
|
15
|
-
box-shadow: 0 10px 30px rgba(91, 33, 182, 0.3);
|
|
16
19
|
}
|
|
17
20
|
|
|
18
|
-
.
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
.ct-promo__inner {
|
|
22
|
+
position: relative;
|
|
23
|
+
display: grid;
|
|
24
|
+
grid-template-columns: 1.1fr 0.9fr;
|
|
25
|
+
gap: 32px;
|
|
26
|
+
align-items: center;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ct-promo__eyebrow {
|
|
30
|
+
display: inline-flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
gap: 8px;
|
|
33
|
+
padding: 5px 12px;
|
|
34
|
+
border-radius: 999px;
|
|
35
|
+
background: rgba(27, 47, 231, 0.08);
|
|
36
|
+
color: #1b2fe7;
|
|
37
|
+
font-size: 11.5px;
|
|
38
|
+
font-weight: 700;
|
|
39
|
+
letter-spacing: 0.14em;
|
|
40
|
+
text-transform: uppercase;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.ct-promo__eyebrow .ct-dot {
|
|
44
|
+
width: 7px;
|
|
45
|
+
height: 7px;
|
|
46
|
+
border-radius: 50%;
|
|
47
|
+
background: #1b2fe7;
|
|
48
|
+
box-shadow: 0 0 0 4px rgba(27, 47, 231, 0.18);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ct-promo__brand {
|
|
52
|
+
display: flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
gap: 12px;
|
|
55
|
+
margin: 16px 0 14px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.ct-promo__logo {
|
|
59
|
+
width: 44px;
|
|
60
|
+
height: 44px;
|
|
61
|
+
border-radius: 12px;
|
|
62
|
+
display: inline-flex;
|
|
63
|
+
align-items: center;
|
|
64
|
+
justify-content: center;
|
|
65
|
+
background: #fff;
|
|
66
|
+
border: 1px solid #e4e7f5;
|
|
67
|
+
box-shadow: 0 6px 16px -8px rgba(27, 47, 231, 0.35);
|
|
68
|
+
flex-shrink: 0;
|
|
69
|
+
padding: 6px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.ct-promo__logo img {
|
|
23
73
|
width: 100%;
|
|
24
74
|
height: 100%;
|
|
25
|
-
|
|
26
|
-
|
|
75
|
+
object-fit: contain;
|
|
76
|
+
display: block;
|
|
27
77
|
}
|
|
28
78
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
79
|
+
.ct-promo__brandname {
|
|
80
|
+
display: flex;
|
|
81
|
+
flex-direction: column;
|
|
82
|
+
line-height: 1.15;
|
|
83
|
+
}
|
|
33
84
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
85
|
+
.ct-promo__brandname strong {
|
|
86
|
+
font-size: 20px;
|
|
87
|
+
font-weight: 800;
|
|
88
|
+
color: #0f172a;
|
|
89
|
+
letter-spacing: -0.01em;
|
|
37
90
|
}
|
|
38
91
|
|
|
39
|
-
.
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
92
|
+
.ct-promo__brandname small {
|
|
93
|
+
font-size: 12px;
|
|
94
|
+
color: #64748b;
|
|
95
|
+
margin-top: 2px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.ct-promo__title {
|
|
99
|
+
font-size: clamp(20px, 2.2vw, 26px);
|
|
100
|
+
line-height: 1.3;
|
|
101
|
+
font-weight: 800;
|
|
102
|
+
letter-spacing: -0.015em;
|
|
103
|
+
margin: 0 0 10px;
|
|
104
|
+
color: #0f172a;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.ct-promo__title .ct-highlight {
|
|
108
|
+
color: #1b2fe7;
|
|
43
109
|
}
|
|
44
110
|
|
|
45
|
-
.
|
|
111
|
+
.ct-promo__sub {
|
|
112
|
+
font-size: 14.5px;
|
|
113
|
+
line-height: 1.6;
|
|
114
|
+
margin: 0 0 18px;
|
|
115
|
+
color: #475569;
|
|
116
|
+
max-width: 520px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.ct-promo__chips {
|
|
46
120
|
display: flex;
|
|
47
|
-
|
|
121
|
+
flex-wrap: wrap;
|
|
122
|
+
gap: 8px;
|
|
123
|
+
margin-bottom: 22px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.ct-chip {
|
|
127
|
+
display: inline-flex;
|
|
48
128
|
align-items: center;
|
|
129
|
+
gap: 6px;
|
|
130
|
+
padding: 6px 11px;
|
|
131
|
+
border-radius: 999px;
|
|
132
|
+
background: #fff;
|
|
133
|
+
border: 1px solid #e4e7f5;
|
|
134
|
+
font-size: 12.5px;
|
|
135
|
+
font-weight: 600;
|
|
136
|
+
color: #334155;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.ct-chip svg {
|
|
140
|
+
width: 13px;
|
|
141
|
+
height: 13px;
|
|
142
|
+
color: #1b2fe7;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.ct-promo__actions {
|
|
146
|
+
display: flex;
|
|
49
147
|
flex-wrap: wrap;
|
|
148
|
+
gap: 10px;
|
|
149
|
+
align-items: center;
|
|
50
150
|
}
|
|
51
151
|
|
|
52
|
-
.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
152
|
+
.ct-btn {
|
|
153
|
+
display: inline-flex;
|
|
154
|
+
align-items: center;
|
|
155
|
+
justify-content: center;
|
|
156
|
+
gap: 8px;
|
|
157
|
+
height: 46px;
|
|
158
|
+
padding: 0 22px;
|
|
159
|
+
border-radius: 10px;
|
|
160
|
+
font-size: 14.5px;
|
|
57
161
|
font-weight: 700;
|
|
58
|
-
|
|
59
|
-
transition: all 0.3s ease;
|
|
162
|
+
letter-spacing: 0.01em;
|
|
60
163
|
text-decoration: none;
|
|
164
|
+
cursor: pointer;
|
|
61
165
|
border: none;
|
|
166
|
+
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
|
|
167
|
+
white-space: nowrap;
|
|
62
168
|
position: relative;
|
|
63
|
-
overflow: hidden;
|
|
64
|
-
text-transform: uppercase;
|
|
65
|
-
letter-spacing: 0.5px;
|
|
66
169
|
}
|
|
67
170
|
|
|
68
|
-
.
|
|
69
|
-
|
|
171
|
+
.ct-btn--primary {
|
|
172
|
+
background: linear-gradient(135deg, #1b2fe7 0%, #4a5bff 100%);
|
|
70
173
|
color: #fff;
|
|
174
|
+
box-shadow: 0 10px 24px -12px rgba(27, 47, 231, 0.6);
|
|
71
175
|
}
|
|
72
176
|
|
|
73
|
-
.
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
backdrop-filter: blur(10px) !important;
|
|
177
|
+
.ct-btn--primary:hover {
|
|
178
|
+
transform: translateY(-2px);
|
|
179
|
+
color: #fff;
|
|
180
|
+
text-decoration: none;
|
|
181
|
+
box-shadow: 0 14px 28px -12px rgba(27, 47, 231, 0.75);
|
|
79
182
|
}
|
|
80
183
|
|
|
81
|
-
.
|
|
82
|
-
background:
|
|
83
|
-
|
|
84
|
-
|
|
184
|
+
.ct-btn--ghost {
|
|
185
|
+
background: #fff;
|
|
186
|
+
color: #0f172a;
|
|
187
|
+
border: 1.5px solid #d6dbec;
|
|
85
188
|
}
|
|
86
189
|
|
|
87
|
-
.
|
|
88
|
-
|
|
89
|
-
color:
|
|
90
|
-
|
|
190
|
+
.ct-btn--ghost:hover {
|
|
191
|
+
border-color: #1b2fe7;
|
|
192
|
+
color: #1b2fe7;
|
|
193
|
+
transform: translateY(-2px);
|
|
91
194
|
}
|
|
92
195
|
|
|
93
|
-
.
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
196
|
+
.ct-promo__trust {
|
|
197
|
+
margin-top: 16px;
|
|
198
|
+
font-size: 12.5px;
|
|
199
|
+
color: #64748b;
|
|
200
|
+
display: inline-flex;
|
|
201
|
+
align-items: center;
|
|
202
|
+
gap: 8px;
|
|
97
203
|
}
|
|
98
204
|
|
|
99
|
-
.
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
opacity: 0.8;
|
|
205
|
+
.ct-promo__trust svg {
|
|
206
|
+
width: 14px;
|
|
207
|
+
height: 14px;
|
|
208
|
+
color: #16a34a;
|
|
104
209
|
}
|
|
105
210
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
211
|
+
.ct-promo__card {
|
|
212
|
+
position: relative;
|
|
213
|
+
padding: 22px;
|
|
214
|
+
border-radius: 14px;
|
|
215
|
+
background: #ffffff;
|
|
216
|
+
border: 1px solid #e4e7f5;
|
|
217
|
+
box-shadow: 0 6px 20px -14px rgba(27, 47, 231, 0.25);
|
|
218
|
+
}
|
|
112
219
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
220
|
+
.ct-card__title {
|
|
221
|
+
margin: 0 0 14px;
|
|
222
|
+
font-size: 12px;
|
|
223
|
+
font-weight: 700;
|
|
224
|
+
letter-spacing: 0.08em;
|
|
225
|
+
text-transform: uppercase;
|
|
226
|
+
color: #1b2fe7;
|
|
227
|
+
}
|
|
116
228
|
|
|
117
|
-
|
|
229
|
+
.ct-feats {
|
|
230
|
+
list-style: none;
|
|
231
|
+
padding: 0;
|
|
232
|
+
margin: 0;
|
|
233
|
+
display: grid;
|
|
234
|
+
gap: 9px;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.ct-feats li {
|
|
238
|
+
display: flex;
|
|
239
|
+
align-items: center;
|
|
240
|
+
gap: 10px;
|
|
241
|
+
font-size: 13.5px;
|
|
242
|
+
color: #334155;
|
|
243
|
+
font-weight: 500;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.ct-feats .ct-check {
|
|
247
|
+
display: inline-flex;
|
|
248
|
+
align-items: center;
|
|
249
|
+
justify-content: center;
|
|
250
|
+
width: 20px;
|
|
251
|
+
height: 20px;
|
|
252
|
+
border-radius: 50%;
|
|
253
|
+
background: #e8fff3;
|
|
254
|
+
border: 1.5px solid #4cdca0;
|
|
255
|
+
flex-shrink: 0;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.ct-feats .ct-check svg {
|
|
259
|
+
width: 11px;
|
|
260
|
+
height: 11px;
|
|
261
|
+
color: #16a34a;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.ct-promo .button-loader {
|
|
265
|
+
display: none;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
@media (max-width: 900px) {
|
|
269
|
+
.ct-promo {
|
|
270
|
+
padding: 24px 20px;
|
|
271
|
+
border-radius: 14px;
|
|
272
|
+
margin: 20px 0 16px;
|
|
273
|
+
}
|
|
274
|
+
.ct-promo__inner {
|
|
275
|
+
grid-template-columns: 1fr;
|
|
276
|
+
gap: 20px;
|
|
277
|
+
}
|
|
278
|
+
.ct-promo__title {
|
|
279
|
+
font-size: 20px;
|
|
280
|
+
}
|
|
281
|
+
.ct-btn {
|
|
118
282
|
width: 100%;
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
283
|
+
padding: 0 16px;
|
|
284
|
+
}
|
|
285
|
+
.ct-promo__actions {
|
|
286
|
+
flex-direction: column;
|
|
287
|
+
align-items: stretch;
|
|
122
288
|
}
|
|
123
289
|
}
|
|
124
290
|
</style>
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
</
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
291
|
+
|
|
292
|
+
<section class="ct-promo" aria-label="ContentTool.io promotion">
|
|
293
|
+
<div class="ct-promo__inner">
|
|
294
|
+
<div class="ct-promo__text">
|
|
295
|
+
<span class="ct-promo__eyebrow"><span class="ct-dot"></span> Powered by ContentTool.io</span>
|
|
296
|
+
|
|
297
|
+
<div class="ct-promo__brand">
|
|
298
|
+
<span class="ct-promo__logo" aria-hidden="true">
|
|
299
|
+
<img src="/assets/images/contenttool-icon.svg" alt="" loading="lazy" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}>
|
|
300
|
+
</span>
|
|
301
|
+
<span class="ct-promo__brandname">
|
|
302
|
+
<strong>ContentTool</strong>
|
|
303
|
+
<small>Smartest tools for content professionals</small>
|
|
304
|
+
</span>
|
|
305
|
+
</div>
|
|
306
|
+
|
|
307
|
+
<h3 class="ct-promo__title">
|
|
308
|
+
Try our <span class="ct-highlight">AI content suite</span> — free to start.
|
|
309
|
+
</h3>
|
|
310
|
+
<p class="ct-promo__sub">
|
|
311
|
+
Generate blog posts, ad copy, emails, scripts and SEO content in one simple dashboard — built for content creators and teams.
|
|
312
|
+
</p>
|
|
313
|
+
|
|
314
|
+
<div class="ct-promo__chips">
|
|
315
|
+
<span class="ct-chip">
|
|
316
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 1 1 3 3L7 19l-4 1 1-4 12.5-12.5Z"/></svg>
|
|
317
|
+
Copywriting
|
|
318
|
+
</span>
|
|
319
|
+
<span class="ct-chip">
|
|
320
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
|
|
321
|
+
SEO
|
|
322
|
+
</span>
|
|
323
|
+
<span class="ct-chip">
|
|
324
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z"/><path d="M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20"/></svg>
|
|
325
|
+
Social media
|
|
326
|
+
</span>
|
|
327
|
+
<span class="ct-chip">
|
|
328
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 6L2 7"/></svg>
|
|
329
|
+
Email & ads
|
|
330
|
+
</span>
|
|
331
|
+
</div>
|
|
332
|
+
|
|
333
|
+
<div class="ct-promo__actions">
|
|
334
|
+
<a href="https://contenttool.io/dashboard" target="_blank" rel="noopener" class="ct-btn ct-btn--primary">
|
|
335
|
+
Try AI tools free
|
|
336
|
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
|
337
|
+
</a>
|
|
338
|
+
<button id="processing-btn" class="ct-btn ct-btn--ghost" type="button">
|
|
339
|
+
<span class="button-loader" aria-hidden="true"></span>
|
|
340
|
+
Process another file
|
|
341
|
+
</button>
|
|
342
|
+
</div>
|
|
343
|
+
|
|
344
|
+
<div class="ct-promo__trust">
|
|
345
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 6v6c0 5 3.5 9.3 8 10 4.5-.7 8-5 8-10V6l-8-4Z"/><path d="m9 12 2 2 4-4"/></svg>
|
|
346
|
+
Built for creators, marketers and small teams.
|
|
347
|
+
</div>
|
|
141
348
|
</div>
|
|
349
|
+
|
|
350
|
+
<aside class="ct-promo__card" aria-label="ContentTool highlights">
|
|
351
|
+
<p class="ct-card__title">What's inside the dashboard</p>
|
|
352
|
+
<ul class="ct-feats">
|
|
353
|
+
<li>
|
|
354
|
+
<span class="ct-check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span>
|
|
355
|
+
Draft ads for Google, Meta, TikTok & LinkedIn in minutes
|
|
356
|
+
</li>
|
|
357
|
+
<li>
|
|
358
|
+
<span class="ct-check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span>
|
|
359
|
+
Write SEO blog posts, outlines & content calendars
|
|
360
|
+
</li>
|
|
361
|
+
<li>
|
|
362
|
+
<span class="ct-check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span>
|
|
363
|
+
Build newsletters, welcome flows & sales email sequences
|
|
364
|
+
</li>
|
|
365
|
+
<li>
|
|
366
|
+
<span class="ct-check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span>
|
|
367
|
+
Generate product titles, bullets & descriptions at scale
|
|
368
|
+
</li>
|
|
369
|
+
<li>
|
|
370
|
+
<span class="ct-check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span>
|
|
371
|
+
Script YouTube videos — titles, chapters & descriptions
|
|
372
|
+
</li>
|
|
373
|
+
</ul>
|
|
374
|
+
</aside>
|
|
142
375
|
</div>
|
|
143
|
-
</
|
|
144
|
-
{%- endif -%}
|
|
376
|
+
</section>
|
|
377
|
+
{%- endif -%}
|
data/_includes/script.html
CHANGED
|
@@ -541,20 +541,23 @@ true -%}
|
|
|
541
541
|
/>
|
|
542
542
|
{%- endif -%} {%- if site.bookmark -%} {%- if page.layout == "feature" -%}
|
|
543
543
|
<script>
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
544
|
+
(function () {
|
|
545
|
+
var toaster = document.querySelector(".toaster");
|
|
546
|
+
if (!toaster) return;
|
|
547
|
+
if (
|
|
548
|
+
!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
|
|
549
|
+
navigator.userAgent
|
|
550
|
+
)
|
|
551
|
+
) {
|
|
552
|
+
if (navigator.userAgent.indexOf("Mac OS X") != -1) {
|
|
553
|
+
toaster.innerHTML = `Press Command + D to Bookmark this page`;
|
|
554
|
+
} else {
|
|
555
|
+
toaster.innerHTML = `Press Ctrl + D to Bookmark this page`;
|
|
556
|
+
}
|
|
554
557
|
}
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
}
|
|
558
|
+
setTimeout(function () {
|
|
559
|
+
toaster.style.display = "none";
|
|
560
|
+
}, 20000);
|
|
561
|
+
})();
|
|
559
562
|
</script>
|
|
560
563
|
{%- endif -%} {%- endif -%}
|