appscms-tools-theme 1.4.7 → 1.5.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/blog/blog.json +268 -268
- data/_data/rating/rating.json +1 -1
- data/_includes/Rating/rating.html +66 -65
- data/_includes/author_bio.html +3 -2
- data/_includes/cssfile/links.html +7 -8
- data/_includes/custom-head.html +10 -19
- data/_includes/customblog/recentposts.html +3 -2
- data/_includes/customblog/relatedposts.html +6 -4
- data/_includes/feature.html +4 -2
- data/_includes/fileformat/comparisonfiles.html +139 -133
- data/_includes/fileformat/fileformatdetail.html +91 -88
- data/_includes/fileformat/fileinfoformat.html +3 -3
- data/_includes/footer/index.html +4 -3
- data/_includes/head/index.html +8 -7
- data/_includes/header/blogHeader.html +4 -2
- data/_includes/header/index.html +86 -82
- data/_includes/postbox.html +6 -4
- data/_includes/script.html +17 -12
- data/_includes/section/recent_posts.html +33 -32
- data/_includes/section/related_categories_post.html +7 -5
- data/_layouts/blog.html +8 -4
- data/_layouts/download.html +214 -184
- data/_layouts/feature.html +10 -6
- data/_layouts/fileInfo.html +24 -22
- data/_layouts/home.html +11 -7
- data/_layouts/post.html +2 -1
- metadata +2 -2
@@ -42,7 +42,7 @@
|
|
42
42
|
<div class="card h-100">
|
43
43
|
<a href="{{ post.url }}">
|
44
44
|
<img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto" width="100%"
|
45
|
-
alt="">
|
45
|
+
alt="" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
46
46
|
</a>
|
47
47
|
<div class="card-body">
|
48
48
|
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
@@ -53,7 +53,8 @@
|
|
53
53
|
<div class="wrapfooter">
|
54
54
|
{% if post.author %}
|
55
55
|
<span class="meta-footer-thumb">
|
56
|
-
<img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
|
56
|
+
<img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}" {%- if
|
57
|
+
site.crossorigin -%} crossorigin {%- endif -%}>
|
57
58
|
</span>
|
58
59
|
{% endif %}
|
59
60
|
|
@@ -120,7 +121,7 @@
|
|
120
121
|
<div class="card h-100">
|
121
122
|
<a href="{{ post.url }}">
|
122
123
|
<img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
|
123
|
-
alt="">
|
124
|
+
alt="" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
124
125
|
</a>
|
125
126
|
<div class="card-body">
|
126
127
|
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
@@ -131,7 +132,8 @@
|
|
131
132
|
<div class="wrapfooter">
|
132
133
|
{% if post.author %}
|
133
134
|
<span class="meta-footer-thumb">
|
134
|
-
<img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}"
|
135
|
+
<img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%- if
|
136
|
+
site.crossorigin -%} crossorigin {%- endif -%}>
|
135
137
|
</span>
|
136
138
|
{% endif %}
|
137
139
|
<span class="author-meta">
|
@@ -155,4 +157,4 @@
|
|
155
157
|
|
156
158
|
</div>
|
157
159
|
</div>
|
158
|
-
</div>
|
160
|
+
</div>
|
data/_layouts/blog.html
CHANGED
@@ -24,7 +24,8 @@
|
|
24
24
|
<div class="col-lg-4 col-md-6 mb-4 card-group">
|
25
25
|
<div class="card h-100">
|
26
26
|
<a href="{{ post.url }}">
|
27
|
-
<img src="{{ post.image }}" loading="lazy"
|
27
|
+
<img src="{{ post.image }}" loading="lazy" height="215px" width="100%" class="card-img-top"
|
28
|
+
alt="" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
28
29
|
</a>
|
29
30
|
<div class="card-body">
|
30
31
|
<a href="{{ post.url }}" class="anchor_link">
|
@@ -36,7 +37,8 @@
|
|
36
37
|
<div class="wrapfooter">
|
37
38
|
{% if post.author %}
|
38
39
|
<span class="meta-footer-thumb">
|
39
|
-
<img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
|
40
|
+
<img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
|
41
|
+
{%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
40
42
|
</span>
|
41
43
|
{% endif %}
|
42
44
|
|
@@ -46,7 +48,8 @@
|
|
46
48
|
</span><br>
|
47
49
|
<span class="post-date">{{post.date | date_to_string }}</span>
|
48
50
|
</span>
|
49
|
-
<span class="post-read-more "><a class="text-dark" href="{{ post.url }}"
|
51
|
+
<span class="post-read-more "><a class="text-dark" href="{{ post.url }}"
|
52
|
+
title="Read Story">Read More</a></span>
|
50
53
|
</div>
|
51
54
|
</div>
|
52
55
|
</div>
|
@@ -61,7 +64,8 @@
|
|
61
64
|
{%- include section/alertbar.html -%}
|
62
65
|
|
63
66
|
{% include script.html %}
|
64
|
-
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}"
|
67
|
+
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%- endif
|
68
|
+
-%}></script>
|
65
69
|
</body>
|
66
70
|
|
67
71
|
</html>
|
data/_layouts/download.html
CHANGED
@@ -5,210 +5,240 @@
|
|
5
5
|
<!DOCTYPE html>
|
6
6
|
<html lang="{{homeData.htmlLangAtt}}">
|
7
7
|
{% include head/index.html %}
|
8
|
+
|
8
9
|
<body>
|
9
|
-
{% include header/index.html %}
|
10
|
-
<div class="container">
|
10
|
+
{% include header/index.html %}
|
11
|
+
<div class="container">
|
11
12
|
<div class="download-section">
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
13
|
+
<div class="row">
|
14
|
+
<div class="col-md-12 px-0">
|
15
|
+
<p class="success-msg mb-0">
|
16
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
17
|
+
<svg height='22px' width='22px' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
|
18
|
+
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 496.158 496.158"
|
19
|
+
style="enable-background:new 0 0 496.158 496.158;" xml:space="preserve">
|
20
|
+
<path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085
|
21
|
+
c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z" />
|
22
|
+
<path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777
|
20
23
|
c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867
|
21
24
|
c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475
|
22
25
|
c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322
|
23
26
|
c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908
|
24
27
|
c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773
|
25
28
|
c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984
|
26
|
-
C385.405,188.218,389.034,176.214,384.673,164.968z"/>
|
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
|
-
|
29
|
+
C385.405,188.218,389.034,176.214,384.673,164.968z" />
|
30
|
+
<g>
|
31
|
+
</g>
|
32
|
+
<g>
|
33
|
+
</g>
|
34
|
+
<g>
|
35
|
+
</g>
|
36
|
+
<g>
|
37
|
+
</g>
|
38
|
+
<g>
|
39
|
+
</g>
|
40
|
+
<g>
|
41
|
+
</g>
|
42
|
+
<g>
|
43
|
+
</g>
|
44
|
+
<g>
|
45
|
+
</g>
|
46
|
+
<g>
|
47
|
+
</g>
|
48
|
+
<g>
|
49
|
+
</g>
|
50
|
+
<g>
|
51
|
+
</g>
|
52
|
+
<g>
|
53
|
+
</g>
|
54
|
+
<g>
|
55
|
+
</g>
|
56
|
+
<g>
|
57
|
+
</g>
|
58
|
+
<g>
|
59
|
+
</g>
|
60
|
+
</svg>
|
61
|
+
{{downloadData.successmessage | default: 'Hurry! your operation was completed' }}
|
62
|
+
</p>
|
63
|
+
<div class="try-more-features ">
|
64
|
+
<h2 class="success-msg border-bottom-none"> {{downloadData.tryfeatureheading | default: 'Try These features'
|
65
|
+
}} </h2>
|
66
|
+
<div class="row feature-showcase ">
|
67
|
+
{%- if downloadData.recommendedfeatures -%}
|
68
|
+
{%- for item in downloadData.recommendedfeatures -%}
|
69
|
+
<div class="col-md-6 pb-3">
|
70
|
+
|
71
|
+
<a class="px-2 feature-showcase-div w-100 d-flex justify-content-between " href="{{item.url}}">
|
72
|
+
<span><img {%- if site.crossorigin -%} crossorigin {%- endif -%} src="{{item.logo}}"
|
73
|
+
alt="feature-logo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <span class="ml-3 ">
|
74
|
+
{{item.name}}</span></span> <span class='d-inline-block ml-auto'><i
|
75
|
+
class="fas fa-chevron-right"></i></span> </a>
|
76
|
+
</div>
|
77
|
+
{%- endfor -%}
|
78
|
+
{%- else -%}
|
69
79
|
code2
|
70
|
-
|
71
|
-
|
80
|
+
{%- endif -%}
|
81
|
+
|
82
|
+
</div>
|
72
83
|
</div>
|
73
84
|
</div>
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
{%- endif -%}
|
82
|
-
</div>
|
83
|
-
|
84
|
-
{%- if downloadData.recommendedsites -%}
|
85
|
-
{%- assign recommendedsitesData = downloadData.recommendedsites -%}
|
86
|
-
{%- for item in recommendedsitesData -%}
|
87
|
-
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
|
88
|
-
<img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo"> <a target="_blank" href="{{item.url}}">{{item.name}}</a>
|
89
|
-
</div>
|
90
|
-
{%- endfor -%}
|
91
|
-
{%- else -%}
|
92
|
-
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
93
|
-
<img loading='lazy' class="website-img" src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg" alt="safepdfkitlogo"> <a target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
|
94
|
-
</div>
|
95
|
-
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
96
|
-
<img class="website-img" loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png" alt="Safeaudiokit-logo"> <a target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
|
97
|
-
</div>
|
98
|
-
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
99
|
-
<img class="website-img" src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg" alt="Safevideokitlogo"> <a target="_blank" href="https://safevideokit.com">safevideokit.com</a>
|
85
|
+
<div class="row w-100 px-3">
|
86
|
+
<div class="col-12">
|
87
|
+
{%- if downloadData.recommendedsitesheading -%}
|
88
|
+
<p class="success-msg mb-0">{{downloadData.recommendedsitesheading}}</p>
|
89
|
+
{%- else -%}
|
90
|
+
<p class="success-msg mb-0">Try our other sites for safe processing of you files ! </p>
|
91
|
+
{%- endif -%}
|
100
92
|
</div>
|
101
|
-
|
102
|
-
|
93
|
+
|
94
|
+
{%- if downloadData.recommendedsites -%}
|
95
|
+
{%- assign recommendedsitesData = downloadData.recommendedsites -%}
|
96
|
+
{%- for item in recommendedsitesData -%}
|
97
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
|
98
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading='lazy' class="website-img"
|
99
|
+
src="{{item.logo}}" alt="{{item.name}} logo"> <a target="_blank" href="{{item.url}}">{{item.name}}</a>
|
103
100
|
</div>
|
104
|
-
|
105
|
-
|
101
|
+
{%- endfor -%}
|
102
|
+
{%- else -%}
|
103
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
104
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading='lazy' class="website-img"
|
105
|
+
src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
|
106
|
+
alt="safepdfkitlogo"> <a target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
|
106
107
|
</div>
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
108
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
109
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} class="website-img" loading='lazy'
|
110
|
+
src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
|
111
|
+
alt="Safeaudiokit-logo"> <a target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
|
111
112
|
</div>
|
112
|
-
|
113
|
-
|
113
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
114
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} class="website-img"
|
115
|
+
src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
|
116
|
+
alt="Safevideokitlogo"> <a target="_blank" href="https://safevideokit.com">safevideokit.com</a>
|
114
117
|
</div>
|
115
|
-
|
116
|
-
|
118
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
|
119
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading='lazy' class="website-img"
|
120
|
+
src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
|
121
|
+
alt="Safeimagekitlogo"> <a target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
|
117
122
|
</div>
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
124
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading='lazy' class="website-img"
|
125
|
+
src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
|
126
|
+
alt="safezipkitlogo"> <a target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
|
127
|
+
</div>
|
128
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
129
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading='lazy' class="website-img"
|
130
|
+
src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
|
131
|
+
alt="Safeimageconverter logo"> <a target="_blank" href="https://safeaudioconverter.com/">
|
132
|
+
safeaudioconverter.com
|
133
|
+
|
134
|
+
</a>
|
135
|
+
</div>
|
136
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
137
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading='lazy' class="website-img"
|
138
|
+
src="https://safevideoconverter.com/assets/logo.svg" alt="https:safevideoconverter logo"> <a
|
139
|
+
target="_blank" href="https://safevideoconverter.com/">safevideoconverter.com</a>
|
140
|
+
</div>
|
141
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
142
|
+
<img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading='lazy' class="website-img"
|
143
|
+
src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
|
144
|
+
alt="safeimageconverter logo"> <a target="_blank"
|
145
|
+
href="https://safeimageconverter.com/">safeimageconverter</a>
|
146
|
+
</div>
|
147
|
+
{%- endif -%}
|
148
|
+
|
149
|
+
</div>
|
150
|
+
<div class="col-md-12 download-page-rate-us sites-config py-0">
|
151
|
+
<div class="rating-tool" style="border: none;">
|
123
152
|
<div class="rating-text">{{downloadData.rateus | default: 'Rate us'}}</div>
|
124
|
-
<div class="rating-stars"
|
125
|
-
<i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i
|
126
|
-
|
127
|
-
|
153
|
+
<div class="rating-stars">
|
154
|
+
<i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
|
155
|
+
class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
|
156
|
+
class="fas fa-star rating-star"></i>
|
128
157
|
</div>
|
129
158
|
<div class="rating-value ml-2">
|
130
159
|
{%- for item in data -%}
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
160
|
+
{%- if item.name ==tool -%}
|
161
|
+
{%- assign rating = item.rating -%}
|
162
|
+
{%- assign votes = item.votes -%}
|
163
|
+
{%- endif -%}
|
164
|
+
{%- endfor -%}
|
136
165
|
<span class="rating"> <strong id='rating'>0</strong><span>/5</span> </span>
|
137
166
|
<span class="total-ratings" id='count'>0 </span>{{downloadData.votes | default: 'votes'}}
|
138
167
|
</div>
|
139
168
|
</div>
|
140
169
|
<script>
|
141
|
-
|
142
|
-
|
143
|
-
const setRating=async(rating)=>{
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
170
|
+
const ratingValue = document.getElementById('rating')
|
171
|
+
const count = document.getElementById('count')
|
172
|
+
const setRating = async (rating) => {
|
173
|
+
const name = '{{site.name}}'
|
174
|
+
const urlParams = new URLSearchParams(window.location.search)
|
175
|
+
let tool = urlParams.get('tool')
|
176
|
+
const data = { website: name, feature: tool, rating: rating };
|
177
|
+
fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add', {
|
178
|
+
method: 'POST',
|
179
|
+
headers: {
|
180
|
+
'Content-Type': 'application/json',
|
181
|
+
},
|
182
|
+
body: JSON.stringify(data),
|
183
|
+
})
|
184
|
+
.then(response => response.json())
|
185
|
+
.then(data => {
|
186
|
+
ratingValue.innerText = data.rating
|
187
|
+
count.innerText = data.count
|
188
|
+
})
|
189
|
+
.catch((error) => {
|
190
|
+
console.error('Error:', error);
|
191
|
+
});
|
163
192
|
}
|
164
193
|
const urlParams = new URLSearchParams(window.location.search)
|
165
194
|
let tool = urlParams.get('tool')
|
166
|
-
const fetchRating=async()=>{
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
195
|
+
const fetchRating = async () => {
|
196
|
+
|
197
|
+
const data = await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res => res.json())
|
198
|
+
ratingValue.innerText = data.rating
|
199
|
+
count.innerText = data.votes
|
171
200
|
}
|
172
201
|
window.addEventListener('DOMContentLoaded', () => {
|
173
|
-
|
174
|
-
|
175
|
-
const ratingNode=document.getElementsByClassName('rating-star')
|
176
|
-
let ratedValue=localStorage.getItem(`${tool}rating`)
|
177
|
-
if(ratedValue){
|
178
|
-
Array.from(ratingNode).slice(0,ratedValue).map(item=>{
|
179
|
-
|
180
|
-
|
202
|
+
fetchRating()
|
203
|
+
});
|
204
|
+
const ratingNode = document.getElementsByClassName('rating-star')
|
205
|
+
let ratedValue = localStorage.getItem(`${tool}rating`)
|
206
|
+
if (ratedValue) {
|
207
|
+
Array.from(ratingNode).slice(0, ratedValue).map(item => {
|
208
|
+
item.style.color = '#FDD300'
|
209
|
+
})
|
181
210
|
}
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
211
|
+
|
212
|
+
Array.from(ratingNode).map(item => item.addEventListener('click', () => {
|
213
|
+
const urlParams = new URLSearchParams(window.location.search)
|
214
|
+
let tool = urlParams.get('tool')
|
215
|
+
if (!localStorage.getItem(`${tool}rating`)) {
|
216
|
+
function indexInClass(node) {
|
217
|
+
var className = node.className;
|
218
|
+
var num = 0;
|
219
|
+
for (var i = 0; i < ratingNode.length; i++) {
|
220
|
+
if (ratingNode[i] === node) {
|
192
221
|
return num;
|
222
|
+
}
|
223
|
+
num++;
|
193
224
|
}
|
194
|
-
|
225
|
+
return -1;
|
226
|
+
}
|
227
|
+
const index = indexInClass(item)
|
228
|
+
Array.from(ratingNode).slice(0, index + 1).map(item => {
|
229
|
+
item.style.color = '#FDD300'
|
230
|
+
})
|
231
|
+
setRating(index + 1)
|
232
|
+
localStorage.setItem(`${tool}rating`, index + 1)
|
195
233
|
}
|
196
|
-
|
197
|
-
}
|
198
|
-
const index=indexInClass(item)
|
199
|
-
Array.from(ratingNode).slice(0,index+1).map(item=>{
|
200
|
-
item.style.color='#FDD300'
|
201
|
-
})
|
202
|
-
setRating(index+1)
|
203
|
-
localStorage.setItem(`${tool}rating`,index+1)
|
204
|
-
}}))
|
234
|
+
}))
|
205
235
|
</script>
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
<div class="d-flex align-items-center flex-column justify-content-center" " >
|
211
|
-
<p class="share-heading mb-0 " >
|
236
|
+
</div>
|
237
|
+
<div class="col-12">
|
238
|
+
<div class="download-social-share">
|
239
|
+
{%- if site.data.blog.share.platforms -%}
|
240
|
+
<div class="d-flex align-items-center flex-column justify-content-center" " >
|
241
|
+
<p class=" share-heading mb-0 " >
|
212
242
|
{%- if downloadData.socialshareheading -%}
|
213
243
|
{{downloadData.socialshareheading}}
|
214
244
|
{%- else -%}
|
@@ -220,25 +250,25 @@
|
|
220
250
|
{% for share in site.data.blog.share.platforms %}
|
221
251
|
{% assign link = share.link | replace: 'URL', url %}
|
222
252
|
{{page.title}}
|
223
|
-
<a id="{{share.type}}" href="{{ link }}" data-toggle="tooltip"
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
</ul>
|
231
|
-
</ul>
|
232
|
-
</div>
|
233
|
-
{%- endif -%}</p>
|
253
|
+
<a id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
|
254
|
+
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
|
255
|
+
data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
|
256
|
+
<i class="fa-fw {{ share.icon }} mb-0 py-3"></i>
|
257
|
+
</a>
|
258
|
+
{% endfor %}
|
259
|
+
</div>
|
260
|
+
</ul>
|
261
|
+
</ul>
|
262
|
+
</div>
|
263
|
+
{%- endif -%}</p>
|
264
|
+
</div>
|
265
|
+
</div>
|
266
|
+
|
234
267
|
</div>
|
235
268
|
</div>
|
236
269
|
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
{% include footer/index.html %}
|
241
|
-
{% include script.html %}
|
270
|
+
{% include footer/index.html %}
|
271
|
+
{% include script.html %}
|
242
272
|
</body>
|
243
273
|
|
244
274
|
</html>
|
data/_layouts/feature.html
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
{% assign folder = page.folderName %}
|
4
4
|
{% assign featureData= site.data[folder][lang][file] %}
|
5
5
|
<!DOCTYPE html>
|
6
|
-
<html lang="{{
|
6
|
+
<html lang="{{page.lang}}">
|
7
7
|
{% include head/index.html %}
|
8
8
|
|
9
9
|
<body>
|
@@ -11,13 +11,15 @@
|
|
11
11
|
{%- if site.safeui -%}
|
12
12
|
<div class="alert alert-{{featureData.variant | default: 'warning'}} alert-dismissible fade show text-center"
|
13
13
|
role="alert">
|
14
|
-
<img src="/assets/secure.svg" height="23px" width="18px" alt="secure"
|
14
|
+
<img src="/assets/secure.svg" height="23px" width="18px" alt="secure" {%- if site.crossorigin -%} crossorigin
|
15
|
+
{%- endif -%}>
|
15
16
|
{%- if featureData.alertmsg -%}
|
16
17
|
{{featureData.alertmsg}}
|
17
18
|
{%- else -%}
|
18
19
|
We do not upload any files to server, hence your data is 100% secure.
|
19
20
|
{%- endif -%}
|
20
|
-
<img src="/assets/noserverupload.svg" height="23px" width="20px" alt="no server upload"
|
21
|
+
<img src="/assets/noserverupload.svg" height="23px" width="20px" alt="no server upload" {%- if site.crossorigin
|
22
|
+
-%} crossorigin {%- endif -%}>
|
21
23
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
22
24
|
<span aria-hidden="true">×</span>
|
23
25
|
</button>
|
@@ -29,7 +31,8 @@
|
|
29
31
|
<div class="div-cont feature-img mr-2">
|
30
32
|
{%- if featureData.img -%}
|
31
33
|
<img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
|
32
|
-
src="{{featureData.img}}" alt="{{featureData.imgalt}}"
|
34
|
+
src="{{featureData.img}}" alt="{{featureData.imgalt}}" {%- if site.crossorigin -%}
|
35
|
+
crossorigin {%- endif -%}>
|
33
36
|
{%- else -%}
|
34
37
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
35
38
|
viewBox="0 0 36 36" fill="#000">
|
@@ -67,7 +70,7 @@
|
|
67
70
|
{% for data in featureData.TEXTUAL_CONTENT %}
|
68
71
|
<div class="col-lg-4 col-md-6 my-4">
|
69
72
|
<div><img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
|
70
|
-
alt={{data.header}}>
|
73
|
+
alt={{data.header}} {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
71
74
|
<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
|
72
75
|
<div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
|
73
76
|
</div>
|
@@ -82,7 +85,8 @@
|
|
82
85
|
{%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
|
83
86
|
<div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
|
84
87
|
src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
|
85
|
-
alt="{{featureData.HOW_TO_CONTENT.logoImageAlt}}"
|
88
|
+
alt="{{featureData.HOW_TO_CONTENT.logoImageAlt}}" {%- if site.crossorigin -%} crossorigin
|
89
|
+
{%- endif -%}>
|
86
90
|
</div>
|
87
91
|
{%- endif -%}
|
88
92
|
<div class="how-to-right">
|