appscms-tools-theme 4.2.1 → 4.2.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/feature/en/compress-pdf.json +1 -309
- data/_data/home/en/en.json +429 -1
- data/_data/rating/rating.json +1 -1
- data/_includes/appscms/customblog/relatedposts.html +2 -2
- data/_includes/appscms/head/bloghead.html +7 -0
- data/_includes/appscms/head/head.html +9 -1
- data/_includes/appscms/headings/devtool-headings.html +38 -0
- data/_includes/appscms/home/devtool-feature-boxes.html +71 -0
- data/_includes/appscms/howto/howto.html +35 -45
- data/_includes/appscms/navbars/devtool-navbar.html +50 -0
- data/_includes/appscms/navbars/devtool-toolbar.html +100 -0
- data/_includes/appscms/searchbar/devtool-searchbar.html +63 -0
- data/_includes/customblog/pageRelatedPosts.html +1 -1
- data/_includes/customblog/recentposts.html +1 -1
- data/_includes/customblog/relatedBlogs.html +1 -1
- data/_includes/customblog/relatedposts.html +2 -2
- data/_includes/postbox.html +1 -1
- data/_includes/section/recent_posts.html +1 -1
- data/_includes/section/related_categories_post.html +2 -2
- data/_layouts/appscms-author.html +2 -2
- data/_layouts/appscms-blog.html +1 -1
- data/_layouts/author.html +2 -2
- data/_layouts/blog-1.html +1 -1
- data/_layouts/blog.html +1 -1
- data/_layouts/devtool-blog.html +132 -0
- data/_layouts/devtool-feature.html +55 -0
- data/_layouts/devtool-home.html +54 -0
- data/_layouts/devtools.html +1 -1
- data/_layouts/feature.html +299 -387
- data/_layouts/home.html +248 -266
- data/assets/css/appscms-blog.css +1 -0
- data/assets/css/appscms-contenttool.css +1 -0
- data/assets/css/appscms-theme.css +1 -0
- data/assets/css/blog.css +1 -0
- data/assets/css/devtool-main.css +1351 -0
- data/assets/css/tools.css +21 -0
- metadata +12 -3
data/_data/home/en/en.json
CHANGED
@@ -1 +1,429 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"Language": "English",
|
3
|
+
"htmlLangAtt": "en",
|
4
|
+
"h1": "Welcome to the home page",
|
5
|
+
"h2": "All-in-one easy-to-use online PDF tools",
|
6
|
+
"TITLE": "Home Title",
|
7
|
+
"META": "See collection of all Android alarm libraries, filter by license, modified date, languages, and select best for your usecase.",
|
8
|
+
"keywords": "key1,key2,key3,key4",
|
9
|
+
"img": "/assets/bulb.svg",
|
10
|
+
"imgwidth": "40px",
|
11
|
+
"imgheight": "40px",
|
12
|
+
"imgalt": "altvalue",
|
13
|
+
"nofileupload": true,
|
14
|
+
"author": "ankita",
|
15
|
+
"contributors": [
|
16
|
+
{
|
17
|
+
"name": "Ankita"
|
18
|
+
},
|
19
|
+
{
|
20
|
+
"name": "udit"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"name": "Compress"
|
24
|
+
}
|
25
|
+
],
|
26
|
+
"features": [
|
27
|
+
{
|
28
|
+
"name": "Appscms Media tool",
|
29
|
+
"description": "Appscms feature layout with new design",
|
30
|
+
"color": "linear-gradient(148deg, #835af2 20%, #1220d8 100%)",
|
31
|
+
"icon": "/assets/images/digipaint.svg",
|
32
|
+
"url": "/appscms-feature"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"name": "Erase tool",
|
36
|
+
"description": "Appscms feature layout with new design",
|
37
|
+
"color": "linear-gradient(148deg, #31d3bd 20%, #187cca 100%)",
|
38
|
+
"icon": "/assets/images/digipaint.svg",
|
39
|
+
"url": "/appscms-feature"
|
40
|
+
},
|
41
|
+
{
|
42
|
+
"name": "Pdf tool",
|
43
|
+
"description": "Appscms feature layout with new design",
|
44
|
+
"color": "linear-gradient(148deg, #32a0f7 20%, #114793 100%)",
|
45
|
+
"icon": "/assets/images/digipaint.svg",
|
46
|
+
"url": "/appscms-feature"
|
47
|
+
},
|
48
|
+
{
|
49
|
+
"name": "Appscms Video Split",
|
50
|
+
"description": "Appscms feature layout with new design",
|
51
|
+
"color": "linear-gradient(148deg, #ffa16b 20%, #db410a 100%)",
|
52
|
+
"icon": "/assets/images/digipaint.svg",
|
53
|
+
"url": "/appscms-feature"
|
54
|
+
},
|
55
|
+
{
|
56
|
+
"name": "Appscms resize tool",
|
57
|
+
"description": "Appscms feature layout with new design",
|
58
|
+
"color": "#1A2EE7",
|
59
|
+
"icon": "/assets/images/digipaint.svg",
|
60
|
+
"url": "/appscms-feature"
|
61
|
+
},
|
62
|
+
{
|
63
|
+
"name": "Appscms Audio kit",
|
64
|
+
"description": "Appscms feature layout with new design",
|
65
|
+
"color": "#1A2EE7",
|
66
|
+
"icon": "/assets/images/digipaint.svg",
|
67
|
+
"url": "/appscms-feature"
|
68
|
+
},
|
69
|
+
{
|
70
|
+
"name": "Appscms feature",
|
71
|
+
"description": "Appscms feature layout with new design",
|
72
|
+
"color": "#1A2EE7",
|
73
|
+
"icon": "/assets/images/digipaint.svg",
|
74
|
+
"url": "/appscms-feature"
|
75
|
+
},
|
76
|
+
{
|
77
|
+
"name": "Appscms feature",
|
78
|
+
"description": "Appscms feature layout with new design",
|
79
|
+
"color": "#1A2EE7",
|
80
|
+
"icon": "/assets/images/digipaint.svg",
|
81
|
+
"url": "/appscms-feature"
|
82
|
+
},
|
83
|
+
{
|
84
|
+
"name": "Appscms feature",
|
85
|
+
"description": "Appscms feature layout with new design",
|
86
|
+
"color": "#1A2EE7",
|
87
|
+
"icon": "/assets/images/digipaint.svg",
|
88
|
+
"url": "/appscms-feature"
|
89
|
+
}
|
90
|
+
],
|
91
|
+
"TEXTUAL_CONTENT": [
|
92
|
+
{
|
93
|
+
"priority": 1,
|
94
|
+
"logoUrl": "/assets/bulb.svg",
|
95
|
+
"header": "Simple to use",
|
96
|
+
"content": "Setalarmforme.com provides simplest way to set alarms for X minutes from now."
|
97
|
+
},
|
98
|
+
{
|
99
|
+
"priority": 1,
|
100
|
+
"logoUrl": "/assets/guaranty.svg",
|
101
|
+
"header": "Accurate alarms",
|
102
|
+
"content": "Alarms setup by Setalarmforme.com are accurate. You can rely on us completely to start alarm after $variable minutes."
|
103
|
+
},
|
104
|
+
{
|
105
|
+
"priority": 1,
|
106
|
+
"logoUrl": "/assets/support.svg",
|
107
|
+
"header": "Cross platform",
|
108
|
+
"content": "You can setup alarm for $variable minutes from now on any operating system, like Windows/Mac/Linux/Android/iPhone."
|
109
|
+
},
|
110
|
+
{
|
111
|
+
"priority": 1,
|
112
|
+
"logoUrl": "/assets/protect.svg",
|
113
|
+
"header": "Secure and trustworthy",
|
114
|
+
"content": "Setalarmforme.com does not require users to login for setting alarm for $variable minutes from now. No user information is send to our servers."
|
115
|
+
},
|
116
|
+
{
|
117
|
+
"priority": 1,
|
118
|
+
"logoUrl": "/assets/easy.svg",
|
119
|
+
"header": "All timezones supported",
|
120
|
+
"content": "Using Setalarmforme.com you can set alarm to start after $variable minutes from current time, in any time zone."
|
121
|
+
},
|
122
|
+
{
|
123
|
+
"priority": 1,
|
124
|
+
"logoUrl": "/assets/cloud.svg",
|
125
|
+
"header": "No need to install any software",
|
126
|
+
"content": "Setalarmforme.com is a cloud and web based application. You do not need to install any software to use Setalarmforme.com while setting alarms for $variable minutes from now."
|
127
|
+
}
|
128
|
+
],
|
129
|
+
"FAQ": [
|
130
|
+
{
|
131
|
+
"question": "How many seconds from now, will the alarm ring ?",
|
132
|
+
"answer": "When you setup alarm for $variable minutes from now, the alarm will ring after { % $variable * 60 % } seconds.When you setup alarm for $variable minutes from now,"
|
133
|
+
},
|
134
|
+
{
|
135
|
+
"question": "Can I rely on Setalarmforme.com to setup alarm for $variable minutes from now ?",
|
136
|
+
"answer": "If you have set alarm for $variable minutes from now, you can be 100% sure that alarm will ring after $variable minutes. You can trust us completely.When you setup alarm for $variable minutes from now,"
|
137
|
+
},
|
138
|
+
{
|
139
|
+
"question": "What will happen to the alarm that I have set, if I refresh the browser ?",
|
140
|
+
"answer": "The alarm will still ring after $variable minutes, even if you refresh the browser, since we store the information in browser's local cache."
|
141
|
+
},
|
142
|
+
{
|
143
|
+
"question": "What will happen to the alarm that I have set, if I close the tab of browser in which Setalarmforme.com is opened ?",
|
144
|
+
"answer": "It will be gone. The alarm will not ring after $variable minutes, if you close the tab."
|
145
|
+
},
|
146
|
+
{
|
147
|
+
"question": "What will happen to the alarm that I have set, if I close the browser ?",
|
148
|
+
"answer": "Boosting the bass of your track will definitely affect the volume of your audio track. But that is very natural because you might be increasing or decreasing the decibels in the \"Gain\" feature according to your requirements. Boosting or reducing the volume of your soundtrack is exactly what this feature does."
|
149
|
+
}
|
150
|
+
],
|
151
|
+
"megaMenu": {
|
152
|
+
"nav-link-name": "Tools",
|
153
|
+
"dropdown": [
|
154
|
+
{
|
155
|
+
"categoryName": "Compress Pdf",
|
156
|
+
"links": [
|
157
|
+
{
|
158
|
+
"iconSrc": "/assets/cloud.svg",
|
159
|
+
"name": "Compress",
|
160
|
+
"url": "/",
|
161
|
+
"hover": "red"
|
162
|
+
},
|
163
|
+
{
|
164
|
+
"iconSrc": "/assets/cloud.svg",
|
165
|
+
"name": "Split",
|
166
|
+
"url": "/",
|
167
|
+
"hover": "blue"
|
168
|
+
},
|
169
|
+
{
|
170
|
+
"iconSrc": "/assets/easy.svg",
|
171
|
+
"name": "Merge Pdf",
|
172
|
+
"url": "/",
|
173
|
+
"hover": "green"
|
174
|
+
}
|
175
|
+
]
|
176
|
+
},
|
177
|
+
{
|
178
|
+
"categoryName": "Compress Pdf",
|
179
|
+
"links": [
|
180
|
+
{
|
181
|
+
"iconSrc": "/assets/cloud.svg",
|
182
|
+
"name": "Compress",
|
183
|
+
"url": "/",
|
184
|
+
"hover": "red"
|
185
|
+
},
|
186
|
+
{
|
187
|
+
"iconSrc": "/assets/cloud.svg",
|
188
|
+
"name": "Split",
|
189
|
+
"url": "/",
|
190
|
+
"hover": "blue"
|
191
|
+
},
|
192
|
+
{
|
193
|
+
"iconSrc": "/assets/easy.svg",
|
194
|
+
"name": "Merge Pdf",
|
195
|
+
"url": "/",
|
196
|
+
"hover": "green"
|
197
|
+
}
|
198
|
+
]
|
199
|
+
},
|
200
|
+
{
|
201
|
+
"categoryName": "Compress Pdf",
|
202
|
+
"links": [
|
203
|
+
{
|
204
|
+
"iconSrc": "/assets/cloud.svg",
|
205
|
+
"name": "Compress",
|
206
|
+
"url": "/",
|
207
|
+
"hover": "red"
|
208
|
+
},
|
209
|
+
{
|
210
|
+
"iconSrc": "/assets/cloud.svg",
|
211
|
+
"name": "Split",
|
212
|
+
"url": "/",
|
213
|
+
"hover": "blue"
|
214
|
+
},
|
215
|
+
{
|
216
|
+
"iconSrc": "/assets/easy.svg",
|
217
|
+
"name": "Merge Pdf",
|
218
|
+
"url": "/",
|
219
|
+
"hover": "green"
|
220
|
+
}
|
221
|
+
]
|
222
|
+
},
|
223
|
+
{
|
224
|
+
"categoryName": "Compress Pdf",
|
225
|
+
"links": [
|
226
|
+
{
|
227
|
+
"iconSrc": "/assets/cloud.svg",
|
228
|
+
"name": "Compress",
|
229
|
+
"url": "/",
|
230
|
+
"hover": "red"
|
231
|
+
},
|
232
|
+
{
|
233
|
+
"iconSrc": "/assets/cloud.svg",
|
234
|
+
"name": "Split",
|
235
|
+
"url": "/",
|
236
|
+
"hover": "blue"
|
237
|
+
},
|
238
|
+
{
|
239
|
+
"iconSrc": "/assets/easy.svg",
|
240
|
+
"name": "Merge Pdf",
|
241
|
+
"url": "/",
|
242
|
+
"hover": "green"
|
243
|
+
}
|
244
|
+
]
|
245
|
+
}
|
246
|
+
]
|
247
|
+
},
|
248
|
+
"filelang": "en",
|
249
|
+
"display_formats": [
|
250
|
+
"3gp",
|
251
|
+
"aac",
|
252
|
+
"acc",
|
253
|
+
"aff",
|
254
|
+
"ai",
|
255
|
+
"aiff",
|
256
|
+
"avi",
|
257
|
+
"bmp",
|
258
|
+
"cr2",
|
259
|
+
"dvd",
|
260
|
+
"flac",
|
261
|
+
"flv",
|
262
|
+
"gif",
|
263
|
+
"heic",
|
264
|
+
"html",
|
265
|
+
"jfif",
|
266
|
+
"jpeg",
|
267
|
+
"jpg",
|
268
|
+
"m4a",
|
269
|
+
"mkv",
|
270
|
+
"mov",
|
271
|
+
"mp3",
|
272
|
+
"mp4",
|
273
|
+
"mpeg",
|
274
|
+
"opus",
|
275
|
+
"pdf",
|
276
|
+
"png",
|
277
|
+
"psd",
|
278
|
+
"svg",
|
279
|
+
"tiff",
|
280
|
+
"vmv",
|
281
|
+
"wav",
|
282
|
+
"webm",
|
283
|
+
"webp",
|
284
|
+
"wma"
|
285
|
+
],
|
286
|
+
"compare_formats": [
|
287
|
+
"JPG",
|
288
|
+
"png"
|
289
|
+
],
|
290
|
+
"HOW_TO_CONTENT": {
|
291
|
+
"logoImageUrl": "/assets/idea.svg",
|
292
|
+
"YoutubeVideoUrl": "https://www.youtube.com/watch?v=DbpF0IXibkM&t=2s&ab_channel=Hwtests",
|
293
|
+
"heading": "How to generate the ASCII art from our image.",
|
294
|
+
"steps": [
|
295
|
+
"Upload the image or Click on the drop down arrow and select Dropbox/Google Drive",
|
296
|
+
"Hit the convert option to convert the image to an ASCII art.",
|
297
|
+
"Hit the download option to download the ASCII art.",
|
298
|
+
"Hurray!!! the ASCII art is ready to rock."
|
299
|
+
]
|
300
|
+
},
|
301
|
+
"USP_Heading": "USP Heading",
|
302
|
+
"USPS": [
|
303
|
+
{
|
304
|
+
"USP_VALUE": "USP_VALUE",
|
305
|
+
"USP_FACTOR": "USP_FACTOR"
|
306
|
+
},
|
307
|
+
{
|
308
|
+
"USP_VALUE": "USP_VALUE",
|
309
|
+
"USP_FACTOR": "USP_FACTOR"
|
310
|
+
},
|
311
|
+
{
|
312
|
+
"USP_VALUE": "USP_VALUE",
|
313
|
+
"USP_FACTOR": "USP_FACTOR"
|
314
|
+
},
|
315
|
+
{
|
316
|
+
"USP_VALUE": "USP_VALUE",
|
317
|
+
"USP_FACTOR": "USP_FACTOR"
|
318
|
+
},
|
319
|
+
{
|
320
|
+
"USP_VALUE": "USP_VALUE",
|
321
|
+
"USP_FACTOR": "USP_FACTOR"
|
322
|
+
}
|
323
|
+
],
|
324
|
+
"jsfilepaths": [],
|
325
|
+
"posts": [
|
326
|
+
{
|
327
|
+
"tags": [
|
328
|
+
"ok"
|
329
|
+
],
|
330
|
+
"categories": [
|
331
|
+
"Scrabble",
|
332
|
+
"history"
|
333
|
+
],
|
334
|
+
"layout": "appscms-post",
|
335
|
+
"title": "Everything has beauty, but not everyone can see",
|
336
|
+
"image": "/uploads/output-1.png",
|
337
|
+
"image2": "/uploads/8-jan.PNG",
|
338
|
+
"author": "Balark",
|
339
|
+
"comments": true,
|
340
|
+
"url": "history-of-company-copy-10",
|
341
|
+
"path": "_posts/2021-01-08-history-of-company copy 10.md"
|
342
|
+
},
|
343
|
+
{
|
344
|
+
"tags": [
|
345
|
+
"ok"
|
346
|
+
],
|
347
|
+
"categories": [
|
348
|
+
"Scrabble",
|
349
|
+
"history"
|
350
|
+
],
|
351
|
+
"layout": "appscms-post",
|
352
|
+
"title": "Everything has beauty, but not everyone can see",
|
353
|
+
"image": "/uploads/output-1.png",
|
354
|
+
"image2": "/uploads/8-jan.PNG",
|
355
|
+
"author": "Balark",
|
356
|
+
"comments": true,
|
357
|
+
"url": "history-of-company-copy-11",
|
358
|
+
"path": "_posts/2021-01-08-history-of-company copy 11.md"
|
359
|
+
},
|
360
|
+
{
|
361
|
+
"tags": [
|
362
|
+
"ok"
|
363
|
+
],
|
364
|
+
"categories": [
|
365
|
+
"Scrabble",
|
366
|
+
"history"
|
367
|
+
],
|
368
|
+
"layout": "appscms-post",
|
369
|
+
"title": "Everything has beauty, but not everyone can see",
|
370
|
+
"image": "/uploads/output-1.png",
|
371
|
+
"image2": "/uploads/8-jan.PNG",
|
372
|
+
"author": "Balark",
|
373
|
+
"comments": true,
|
374
|
+
"url": "history-of-company-copy-12",
|
375
|
+
"path": "_posts/2021-01-08-history-of-company copy 12.md"
|
376
|
+
},
|
377
|
+
{
|
378
|
+
"tags": [
|
379
|
+
"ok"
|
380
|
+
],
|
381
|
+
"categories": [
|
382
|
+
"Scrabble",
|
383
|
+
"history"
|
384
|
+
],
|
385
|
+
"layout": "appscms-post",
|
386
|
+
"title": "Everything has beauty, but not everyone can see",
|
387
|
+
"image": "/uploads/output-1.png",
|
388
|
+
"image2": "/uploads/8-jan.PNG",
|
389
|
+
"author": "Balark",
|
390
|
+
"comments": true,
|
391
|
+
"url": "history-of-company-copy-13",
|
392
|
+
"path": "_posts/2021-01-08-history-of-company copy 13.md"
|
393
|
+
},
|
394
|
+
{
|
395
|
+
"tags": [
|
396
|
+
"ok"
|
397
|
+
],
|
398
|
+
"categories": [
|
399
|
+
"Scrabble",
|
400
|
+
"history"
|
401
|
+
],
|
402
|
+
"layout": "appscms-post",
|
403
|
+
"title": "Everything has beauty, but not everyone can see",
|
404
|
+
"image": "/uploads/output-1.png",
|
405
|
+
"image2": "/uploads/8-jan.PNG",
|
406
|
+
"author": "Balark",
|
407
|
+
"comments": true,
|
408
|
+
"url": "history-of-company-copy-14",
|
409
|
+
"path": "_posts/2021-01-08-history-of-company copy 14.md"
|
410
|
+
},
|
411
|
+
{
|
412
|
+
"tags": [
|
413
|
+
"ok"
|
414
|
+
],
|
415
|
+
"categories": [
|
416
|
+
"Scrabble",
|
417
|
+
"history"
|
418
|
+
],
|
419
|
+
"layout": "appscms-post",
|
420
|
+
"title": "Everything has beauty, but not everyone can see",
|
421
|
+
"image": "/uploads/output-1.png",
|
422
|
+
"image2": "/uploads/8-jan.PNG",
|
423
|
+
"author": "Balark",
|
424
|
+
"comments": true,
|
425
|
+
"url": "history-of-company-copy-15",
|
426
|
+
"path": "_posts/2021-01-08-history-of-company copy 15.md"
|
427
|
+
}
|
428
|
+
]
|
429
|
+
}
|
data/_data/rating/rating.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"tools":[{"name":"
|
1
|
+
{"tools":[{"name":"compress-pdf","rating":"4.81","votes":54},{"name":"split-pdf-rating-check","rating":"4.80","votes":41}]}
|
@@ -81,7 +81,7 @@
|
|
81
81
|
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
82
82
|
</a>
|
83
83
|
</div>
|
84
|
-
<div class="card-footer
|
84
|
+
<div class="card-footer">
|
85
85
|
<div class="wrapfooter">
|
86
86
|
{% if post.author %}
|
87
87
|
<span class="meta-footer-thumb">
|
@@ -157,7 +157,7 @@
|
|
157
157
|
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
158
158
|
</a>
|
159
159
|
</div>
|
160
|
-
<div class="card-footer
|
160
|
+
<div class="card-footer">
|
161
161
|
<div class="wrapfooter">
|
162
162
|
{% if post.author %}
|
163
163
|
<span class="meta-footer-thumb">
|
@@ -148,6 +148,13 @@
|
|
148
148
|
-%}
|
149
149
|
/>
|
150
150
|
|
151
|
+
{%- if page.layout == "devtool-blog" -%}
|
152
|
+
<link rel="stylesheet" href="/assets/css/devtool-main.css" />
|
153
|
+
{%- endif -%}
|
154
|
+
{%- if page.devtoolstyles -%}
|
155
|
+
<link rel="stylesheet" href="/assets/css/devtool-main.css" />
|
156
|
+
{%- endif -%}
|
157
|
+
|
151
158
|
{%- if page.layout == "blog-1" -%}
|
152
159
|
<link
|
153
160
|
rel="stylesheet"
|
@@ -135,7 +135,15 @@
|
|
135
135
|
<link rel="stylesheet" href="/assets/css/appscms-feature.css" />
|
136
136
|
{%- endif -%} {%- if page.layout == "appscms-audio" -%}
|
137
137
|
<link rel="stylesheet" href="/assets/css/appscms-feature.css" />
|
138
|
-
{%- endif -%}
|
138
|
+
{%- endif -%}
|
139
|
+
{%- if page.layout == "devtools" -%}
|
140
|
+
<link rel="stylesheet" href="/assets/css/appscms-feature.css" />
|
141
|
+
{%- endif -%} {%- if page.layout == "devtool-home" or page.layout ==
|
142
|
+
"devtool-feature" or page.layout == "devtools" or page.layout ==
|
143
|
+
"devtool-about" -%}
|
144
|
+
<link rel="stylesheet" href="/assets/css/devtool-main.css" />
|
145
|
+
{%- endif -%}
|
146
|
+
{%- if page.layout == 'appscms-imagekit' -%}
|
139
147
|
<link rel="stylesheet" href="/assets/css/appscms-feature.css" />
|
140
148
|
<link rel="stylesheet" href="/assets/css/appscms-imagekit.css" {%- if site.crossorigin -%} {{ }}
|
141
149
|
crossorigin="anonymous" {%- endif -%} />
|
@@ -0,0 +1,38 @@
|
|
1
|
+
{%- if page.layout == "appscms-audio" or page.layout == "appscms-video" -%} {%-
|
2
|
+
else -%}
|
3
|
+
<div class="container heading" style="height: 40vh;">
|
4
|
+
<div class="contenttool-bg-lite" style="margin-top: 20vh;"></div>
|
5
|
+
<div class="row">
|
6
|
+
<div
|
7
|
+
class="container mt-3 grid-contentttool-h1"
|
8
|
+
>
|
9
|
+
{%- if pageData.H1 -%} {%- assign h1 = pageData.H1 -%} {%- elsif
|
10
|
+
pageData.h1 -%} {%- assign h1 = pageData.h1 -%} {%- endif -%} {%- if
|
11
|
+
pageData.H2 -%} {%- assign h2 = pageData.H2 -%} {%- elsif pageData.h2 -%}
|
12
|
+
{%- assign h2 = pageData.h2 -%} {%- endif -%}
|
13
|
+
<div class="heading-landing-text">
|
14
|
+
<h1 class="text-center appscms-h1 contenttool-landing-h1 text-white">
|
15
|
+
{%- for word in h1 -%} {%- if forloop.first == true -%} {{word |
|
16
|
+
capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
17
|
+
</h1>
|
18
|
+
<h2 class="text-center appscms-h2 contenttool-landing-h2 text-white">
|
19
|
+
{%- for word in h2 -%} {%- if forloop.first == true -%} {{word |
|
20
|
+
capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
|
21
|
+
</h2>
|
22
|
+
<div class="random-spans">
|
23
|
+
<span class="span1" style="position: absolute; transform: rotate(10deg); left: 20vw; top: 20vh; font-size: 38px; color: white;">+</span>
|
24
|
+
<span class="span2" style="position: absolute; transform: rotate(-20deg); left: 40vw; top: 30vh; font-size: 24px; color: white;">+</span>
|
25
|
+
<span class="span3" style="position: absolute; transform: rotate(5deg); right: 20vw; top: 40vh; font-size: 28px; color: white;">+</span>
|
26
|
+
<span class="span4" style="position: absolute; transform: rotate(-15deg); left: 77vw; bottom: 60vh; font-size: 22px; color: white;">+</span>
|
27
|
+
<span class="span5" style="position: absolute; transform: rotate(25deg); left: 10vw; bottom: 30vh; font-size: 24px; color: white;">+</span>
|
28
|
+
<span class="span6" style="position: absolute; transform: rotate(0deg); right: 10vw; bottom: 20vh; font-size: 14px; color: white;">+</span>
|
29
|
+
<span class="span7" style="position: absolute; transform: rotate(-10deg); left: 50vw; top: 10vh; font-size: 26px; color: white;">+</span>
|
30
|
+
<span class="span8" style="position: absolute; transform: rotate(15deg); right: 10vw; bottom: 30vh; font-size: 35px; color: white;">+</span>
|
31
|
+
<span class="span9" style="position: absolute; transform: rotate(-5deg); right: 5vw; top: 20vh; font-size: 30px; color: white;">+</span>
|
32
|
+
<span class="span10" style="position: absolute; transform: rotate(8deg); left: 15vw; bottom: 15vh; font-size: 32px; color: white;">+</span>
|
33
|
+
</div>
|
34
|
+
</div>
|
35
|
+
</div>
|
36
|
+
</div>
|
37
|
+
</div>
|
38
|
+
{%- endif -%}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
<style>
|
2
|
+
.appscms-contenttool-container {
|
3
|
+
display: grid;
|
4
|
+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
5
|
+
gap: 16px;
|
6
|
+
}
|
7
|
+
.appscms-contenttool-tool {
|
8
|
+
background-color: white;
|
9
|
+
padding: 21px;
|
10
|
+
border-radius: 13px;
|
11
|
+
transition: all 0.2s ease-in-out;
|
12
|
+
}
|
13
|
+
.appscms-contenttool-tool:hover {
|
14
|
+
transform: scale(1.03);
|
15
|
+
filter: saturate(1.3);
|
16
|
+
}
|
17
|
+
.contentool-tool-image-background {
|
18
|
+
background-color: rgba(255, 255, 255, 0.87);
|
19
|
+
width: 58px;
|
20
|
+
height: 58px;
|
21
|
+
display: flex;
|
22
|
+
align-items: center;
|
23
|
+
justify-content: center;
|
24
|
+
border-radius: 12px;
|
25
|
+
}
|
26
|
+
|
27
|
+
#contenttool-icon-img{
|
28
|
+
width: 45px;
|
29
|
+
}
|
30
|
+
.background img {
|
31
|
+
width: 100%;
|
32
|
+
height: auto;
|
33
|
+
border-radius: 10px;
|
34
|
+
}
|
35
|
+
.contenttool-tool-heading {
|
36
|
+
font-weight: 600;
|
37
|
+
font-size: 16px;
|
38
|
+
color: #0c0c0c !important;
|
39
|
+
margin-top: 10px;
|
40
|
+
}
|
41
|
+
.contenttool-tool-text{
|
42
|
+
font-weight: 500;
|
43
|
+
font-size: 13px;
|
44
|
+
color: rgb(29, 29, 29) !important;
|
45
|
+
margin-top: -5px;
|
46
|
+
}
|
47
|
+
#text-black{
|
48
|
+
color: rgb(39, 39, 39) !important;
|
49
|
+
font-weight: 450;
|
50
|
+
}
|
51
|
+
</style>
|
52
|
+
<div class="container" id="appscms-tools-section">
|
53
|
+
<div class="appscms-contenttool-container">
|
54
|
+
{% for item in pageData.features %}
|
55
|
+
<a href="{{item.url}}">
|
56
|
+
<div class="appscms-contenttool-tool" style="background: {{item.color}};">
|
57
|
+
<div class="contentool-tool-image-background">
|
58
|
+
<img id="contenttool-icon-img" crossorigin="anonymous" src="{{item.icon}}" alt="img" />
|
59
|
+
</div>
|
60
|
+
<div class="contenttool-card-info">
|
61
|
+
<p class="contenttool-tool-heading">{{item.name}}</p>
|
62
|
+
<p class="contenttool-tool-textk" id="text-black">{{item.description}}</p>
|
63
|
+
</div>
|
64
|
+
</div>
|
65
|
+
</a>
|
66
|
+
{% endfor %}
|
67
|
+
</div>
|
68
|
+
</div>
|
69
|
+
</div>
|
70
|
+
</div>
|
71
|
+
|