appscms-tools-theme 3.6.7 → 3.6.9
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 +6 -14
- data/_includes/infographics/infographics.html +60 -8
- data/_layouts/batch.html +2 -2
- data/_layouts/photo-effects-home.html +0 -1
- data/assets/.DS_Store +0 -0
- data/assets/css/tools.css +6 -6
- data/assets/images/1.png +0 -0
- data/assets/images/1.webp +0 -0
- data/assets/images/2.png +0 -0
- data/assets/images/2.webp +0 -0
- data/assets/images/3.png +0 -0
- data/assets/images/3.webp +0 -0
- data/assets/images/Resolve Conflicts /302/267 Pull Request #128 /302/267 Appscms-com_number-magic.html" +2553 -0
- data/assets/js/batch.js +0 -1
- data/assets/js/usageTracking.js +38 -32
- metadata +10 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2e86c3f9fbbf0db4f006e59c96c4cc9dc9aed42a92bdd595540b104c76da6949
|
4
|
+
data.tar.gz: 93da8132c7906b34228959713485f8eb802bd0a22dd1ef773a73dc112baf6f92
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 966bd5dc1cbf86b8204c6827e25b281e04cbfbbc500b2819d53587c60a2e383bc0cc2a035fea09eb26c7a0808571f6974f4f88e43b8c4adb2969c62f0705011a
|
7
|
+
data.tar.gz: '038c3ed8a87fa31c1503efade699257844c12f2512e8e1a77aa8953af13634f1cd07b69670198b844528e0b948ca74f3b918a2b594e5cc2dede32cb73116be02'
|
@@ -35,24 +35,16 @@
|
|
35
35
|
],
|
36
36
|
"infographics": [
|
37
37
|
{
|
38
|
-
"image": "
|
39
|
-
"description": "
|
38
|
+
"image": "/assets/images/1.webp",
|
39
|
+
"description": "How to set alarm on wake me up at 4:45 am tool"
|
40
40
|
},
|
41
41
|
{
|
42
|
-
"image": "
|
43
|
-
"description": "
|
42
|
+
"image": "/assets/images/2.webp",
|
43
|
+
"description": "5 benefits of using wake me up at 4:45 am tool"
|
44
44
|
},
|
45
45
|
{
|
46
|
-
"image": "
|
47
|
-
"description": "
|
48
|
-
},
|
49
|
-
{
|
50
|
-
"image": "https://images.unsplash.com/photo-1454496522488-7a8e488e8606?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=876&q=80",
|
51
|
-
"description": "this is image description"
|
52
|
-
},
|
53
|
-
{
|
54
|
-
"image": "https://cdn-infographic.pressidium.com/wp-content/uploads/2022/11/The-Changing-Ages-Of-The-Workforce-480x460.png",
|
55
|
-
"description": "this is image description"
|
46
|
+
"image": "/assets/images/3.webp",
|
47
|
+
"description": "Additional features of wake me up at 4:45 am tool"
|
56
48
|
}
|
57
49
|
],
|
58
50
|
"TEXTUAL_CONTENT": [
|
@@ -1,13 +1,65 @@
|
|
1
|
+
<style>
|
2
|
+
/* Reset default browser styles */
|
3
|
+
|
4
|
+
.infographic {
|
5
|
+
display: flex;
|
6
|
+
justify-content: space-between;
|
7
|
+
align-items: center;
|
8
|
+
margin: 50px auto;
|
9
|
+
max-width: 800px;
|
10
|
+
}
|
11
|
+
.infographic-item {
|
12
|
+
flex-basis: 30%;
|
13
|
+
text-align: center;
|
14
|
+
}
|
15
|
+
|
16
|
+
.infographic-item img {
|
17
|
+
max-width: 100%;
|
18
|
+
height: auto;
|
19
|
+
border-radius: 8px;
|
20
|
+
margin-bottom: 10px;
|
21
|
+
}
|
22
|
+
|
23
|
+
.infographic-item h3 {
|
24
|
+
font-size: 20px;
|
25
|
+
margin-bottom: 10px;
|
26
|
+
}
|
27
|
+
|
28
|
+
.infographic-item p {
|
29
|
+
font-size: 16px;
|
30
|
+
}
|
31
|
+
|
32
|
+
@media (max-width: 600px) {
|
33
|
+
.infographic {
|
34
|
+
flex-wrap: wrap;
|
35
|
+
}
|
36
|
+
|
37
|
+
.infographic-item {
|
38
|
+
flex-basis: 100%;
|
39
|
+
margin-bottom: 30px;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
</style>
|
1
43
|
<div class="infographics_section">
|
2
|
-
<h3 class="text-center w-100 mb-
|
3
|
-
<div class="
|
44
|
+
<h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
|
45
|
+
<div class="infographic">
|
46
|
+
{%- for item in featureData.infographics -%}
|
47
|
+
<div class="infographic-item">
|
48
|
+
<img src="{{item.image}}" alt="Image 1">
|
49
|
+
<p class="infographic-desc">{{item.description | capitalize }}</p>
|
50
|
+
</div>
|
51
|
+
{%- endfor -%}
|
52
|
+
</div>
|
53
|
+
|
54
|
+
|
55
|
+
<!-- <div class="slider">
|
4
56
|
<div class="row">
|
5
57
|
<div class="col-md-12 mx-auto">
|
6
58
|
<div id="carousel">
|
7
59
|
{%- for item in featureData.infographics -%}
|
8
60
|
<div class="slide">
|
9
61
|
<img src="{{item.image}}" alt="Photo1" />
|
10
|
-
|
62
|
+
<p class="infographics-desc">{{item.description | capitalize }}</p>
|
11
63
|
</div>
|
12
64
|
{%- endfor -%}
|
13
65
|
</div>
|
@@ -15,15 +67,15 @@
|
|
15
67
|
</div>
|
16
68
|
<button class="btn-slide prev"><i class="fas fa-3x fa-chevron-circle-left"></i></button>
|
17
69
|
<button class="btn-slide next"><i class="fas fa-3x fa-chevron-circle-right"></i></button>
|
18
|
-
</div>
|
19
|
-
<div class="
|
70
|
+
</div>
|
71
|
+
<div class="dots-container">
|
20
72
|
{%- for item in featureData.infographics -%}
|
21
73
|
<span class="dot active" data-slide="{{ forloop.index0 }}"></span>
|
22
74
|
{%- endfor -%}
|
23
|
-
</div>
|
75
|
+
</div> -->
|
24
76
|
</div>
|
25
77
|
|
26
|
-
<script>
|
78
|
+
<!-- <script>
|
27
79
|
function Slider() {
|
28
80
|
const carouselSlides = document.querySelectorAll('.slide');
|
29
81
|
const btnPrev = document.querySelector('.prev');
|
@@ -68,4 +120,4 @@
|
|
68
120
|
});
|
69
121
|
};
|
70
122
|
Slider();
|
71
|
-
</script>
|
123
|
+
</script> -->
|
data/_layouts/batch.html
CHANGED
@@ -13,8 +13,8 @@ layout: feature
|
|
13
13
|
<div class="d-flex justify-content-center align-items-center ">
|
14
14
|
<div id="Inputbox" class="boxes">
|
15
15
|
<img height="21px" width="21px"
|
16
|
-
src="
|
17
|
-
<span class='ml-1'>
|
16
|
+
src="/assets/images/add.svg">
|
17
|
+
<span class='ml-1'>CHOOSE FILE</span>
|
18
18
|
</div>
|
19
19
|
<div class="file-pick-dropdown">
|
20
20
|
<i class="fas arrow-sign fa-angle-down"></i>
|
data/assets/.DS_Store
CHANGED
Binary file
|
data/assets/css/tools.css
CHANGED
@@ -1605,8 +1605,8 @@ ol li::marker {
|
|
1605
1605
|
|
1606
1606
|
.infographics_section .infographics-desc {
|
1607
1607
|
position: absolute;
|
1608
|
-
color: #
|
1609
|
-
bottom:
|
1608
|
+
color: #000;
|
1609
|
+
bottom: 0;
|
1610
1610
|
}
|
1611
1611
|
|
1612
1612
|
.infographics_section .slider {
|
@@ -1628,10 +1628,10 @@ ol li::marker {
|
|
1628
1628
|
transition: transform 1s;
|
1629
1629
|
}
|
1630
1630
|
|
1631
|
-
.infographics_section
|
1632
|
-
width:
|
1631
|
+
.infographics_section .slide img {
|
1632
|
+
width: 200px;
|
1633
1633
|
height: 100%;
|
1634
|
-
object-fit:
|
1634
|
+
/* object-fit: contain; */
|
1635
1635
|
}
|
1636
1636
|
|
1637
1637
|
.infographics_section button {
|
@@ -1640,7 +1640,7 @@ ol li::marker {
|
|
1640
1640
|
}
|
1641
1641
|
|
1642
1642
|
.infographics_section button .fas {
|
1643
|
-
color
|
1643
|
+
color:#000;
|
1644
1644
|
}
|
1645
1645
|
|
1646
1646
|
.infographics_section .btn-slide {
|
data/assets/images/1.png
ADDED
Binary file
|
Binary file
|
data/assets/images/2.png
ADDED
Binary file
|
Binary file
|
data/assets/images/3.png
ADDED
Binary file
|
Binary file
|