appscms-tools-theme 1.4.8 → 1.5.2
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/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 +7 -6
- 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">
|