appscms-tools-theme 2.3.0 → 2.3.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 +27 -25
- data/_data/feature/en/theframe.json +1 -33
- data/_data/footer/en/data.json +93 -1
- data/_data/header/en/data.json +47 -9
- data/_data/home-1/en/en.json +58 -0
- data/_includes/batch-conversion.html +42 -13
- data/_includes/custom-head.html +7 -2
- data/_includes/footer/index.html +263 -2
- data/_includes/head/index.html +17 -0
- data/_includes/header/index.html +124 -5
- data/_includes/script.html +8 -0
- data/_layouts/batch.html +19 -13
- data/_layouts/blog-1.html +100 -0
- data/_layouts/feature-1.html +283 -0
- data/_layouts/feature-download.html +309 -0
- data/_layouts/home-1.html +267 -0
- data/_layouts/home.html +4 -4
- data/_layouts/imagekit.html +117 -0
- data/assets/css/batch.css +32 -17
- data/assets/css/blog-1.css +66 -0
- data/assets/css/common-page.css +180 -0
- data/assets/css/feature-1.css +426 -0
- data/assets/css/home-1.css +225 -0
- data/assets/css/imagekit.css +636 -0
- data/assets/css/tools.css +4 -4
- data/assets/images/add.png +0 -0
- data/assets/images/add.svg +1 -0
- data/assets/images/addimg.svg +3 -0
- data/assets/images/bulb.png +0 -0
- data/assets/images/bulb.svg +1 -0
- data/assets/images/convert.png +0 -0
- data/assets/images/convert.svg +9 -0
- data/assets/js/batch.js +3 -1
- data/assets/js/testing-batch.js +12 -4
- metadata +18 -2
@@ -0,0 +1,283 @@
|
|
1
|
+
{% assign file = page.fileName %}
|
2
|
+
{% assign lang = page.lang %}
|
3
|
+
{% assign folder = page.folderName %}
|
4
|
+
{% assign featureData= site.data[folder][lang][file] %}
|
5
|
+
<!DOCTYPE html>
|
6
|
+
<html lang="{{page.lang}}">
|
7
|
+
{% include head/index.html %}
|
8
|
+
|
9
|
+
<body>
|
10
|
+
{% include header/index.html %}
|
11
|
+
<!-- {%- if site.safeui -%}
|
12
|
+
<div class="alert alert-{{featureData.variant | default: 'info'}} alert-dismissible fade show text-center"
|
13
|
+
role="alert" id="safeui-alert">
|
14
|
+
<div class="container">
|
15
|
+
<img src="/assets/secure.svg" height="23px" width="18px" alt="secure" {%- if site.crossorigin -%}
|
16
|
+
crossorigin {%- endif -%}>
|
17
|
+
{%- if featureData.alertmsg -%}
|
18
|
+
{{featureData.alertmsg}}
|
19
|
+
{%- else -%}
|
20
|
+
We do not upload any files to server, hence your data is 100% secure.
|
21
|
+
{%- endif -%}
|
22
|
+
<img src="/assets/noserverupload.svg" height="23px" width="20px" alt="no server upload" {%- if
|
23
|
+
site.crossorigin -%} crossorigin {%- endif -%}>
|
24
|
+
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
25
|
+
<span aria-hidden="true">×</span>
|
26
|
+
</button>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
{%- endif -%} -->
|
30
|
+
<div class="flex-container feature1-flex-container">
|
31
|
+
<div class="flex-class">
|
32
|
+
<div class="d-flex justify-content-center align-items-center">
|
33
|
+
{%- if featureData.img -%}
|
34
|
+
<span class="fHhdVc">
|
35
|
+
<div class="div-cont feature-img mr-2">
|
36
|
+
<img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
|
37
|
+
src="{{featureData.img}}" alt="{{featureData.imgalt}}" {%- if site.crossorigin -%}
|
38
|
+
crossorigin {%- endif -%}>
|
39
|
+
</div>
|
40
|
+
</span>
|
41
|
+
{%- else -%}
|
42
|
+
{%- endif -%}
|
43
|
+
{%- assign featureh1 = featureData.H1 | replace: "$variable", page.value -%}
|
44
|
+
<h1 class="feature1-h1 pb-2">{%- for word in featureh1-%}
|
45
|
+
{%- if forloop.first == true -%}
|
46
|
+
{{word }}
|
47
|
+
{%- else -%}
|
48
|
+
{{word}}
|
49
|
+
{%- endif -%}
|
50
|
+
{%- endfor -%}</h1>
|
51
|
+
</div>
|
52
|
+
{%- assign featureh2 = featureData.H2 | replace: "$variable", page.value -%}
|
53
|
+
<h2 class="feature1-h2">
|
54
|
+
{%- for word in featureh2 -%}
|
55
|
+
{%- if forloop.first == true -%}
|
56
|
+
{{word | capitalize }}
|
57
|
+
{%- else -%}
|
58
|
+
{{word}}
|
59
|
+
{%- endif -%}
|
60
|
+
{%- endfor -%}
|
61
|
+
</h2>
|
62
|
+
</div>
|
63
|
+
</div>
|
64
|
+
{%- if site.noFeatureBox == true -%}
|
65
|
+
<div class="feature-content-box" id="theme-content-box">
|
66
|
+
{{content}}
|
67
|
+
</div>
|
68
|
+
{%- else -%}
|
69
|
+
{%- if page.noBox == true -%}
|
70
|
+
<div class="feature-content-box" id="theme-content-box">
|
71
|
+
{{content}}
|
72
|
+
</div>
|
73
|
+
{%- else -%}
|
74
|
+
<div class="box-padding" id="theme-content-box">
|
75
|
+
<div class="container">
|
76
|
+
{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
|
77
|
+
<div class="feature-content-box">
|
78
|
+
<div style="display:none;" id="file-loader">
|
79
|
+
<img src="/spinner.gif" alt="">
|
80
|
+
<p>Please Wait ,Loading Your file </p>
|
81
|
+
</div>
|
82
|
+
<div class="saving-file-download-wrap" style="display: none;">
|
83
|
+
<img loading="lazy" class="trust-img" src="/trust.svg" alt="trust">
|
84
|
+
<p class="text-white my-2">Thanks for your patience</p>
|
85
|
+
<button class="btn" id="download-zip">Download</button>
|
86
|
+
</div>
|
87
|
+
<div class="file-input" id="inputbox" style="color:#fff">
|
88
|
+
<div class="m-auto">
|
89
|
+
<div class="d-flex justify-content-center align-items-center">
|
90
|
+
<div id="Inputbox" class="boxes" style="background-color: {{boxColor}};">
|
91
|
+
<img height="21px" width="21px" src="/assets/images/add.svg" />
|
92
|
+
<span class="ml-3">CHOOSE FILE</span>
|
93
|
+
</div>
|
94
|
+
<div class="file-pick-dropdown" style="background-color:{{boxColor}}">
|
95
|
+
<i class="fas fa-angle-down arrow-sign"></i>
|
96
|
+
<div class="file-picker-dropdown" style="display: none">
|
97
|
+
<button id="filepicker">
|
98
|
+
<svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
99
|
+
<path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
|
100
|
+
fill="#FFC107">
|
101
|
+
</path>
|
102
|
+
<path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
|
103
|
+
fill="#1976D2"></path>
|
104
|
+
<path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
|
105
|
+
fill="#4CAF50"></path>
|
106
|
+
</svg>
|
107
|
+
Google Drive
|
108
|
+
</button>
|
109
|
+
<button id="dropbox">
|
110
|
+
<svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF"
|
111
|
+
xmlns="http://www.w3.org/2000/svg">
|
112
|
+
<path id="icon"
|
113
|
+
d="M12.0146 6.57367L6.50732 10.1473L12.0146 13.721L6.50732 17.2947L1 13.6912L6.50732 10.1176L1 6.57367L6.50732 3L12.0146 6.57367ZM6.47803 18.4263L11.9854 14.8527L17.4927 18.4263L11.9854 22L6.47803 18.4263ZM12.0146 13.6912L17.522 10.1176L12.0146 6.57367L17.4927 3L23 6.57367L17.4927 10.1473L23 13.721L17.4927 17.2947L12.0146 13.6912Z">
|
114
|
+
</path>
|
115
|
+
</svg>
|
116
|
+
Dropbox
|
117
|
+
</button>
|
118
|
+
|
119
|
+
</div>
|
120
|
+
</div>
|
121
|
+
</div>
|
122
|
+
</div>
|
123
|
+
<p id="dropfile" class="text-dark">or drop your file here</p>
|
124
|
+
<p id="error" class="p-3"></p>
|
125
|
+
</div>
|
126
|
+
</div>
|
127
|
+
<div class="workspace" style="display: none;">
|
128
|
+
{{content}}
|
129
|
+
</div>
|
130
|
+
</div>
|
131
|
+
<input class="d-none" onchange="fileOnChange()" type="file" id="file" accept=".jpg,.jpeg,.png,.webp"
|
132
|
+
class="file" />
|
133
|
+
</div>
|
134
|
+
{%- endif -%}
|
135
|
+
{%- endif -%}
|
136
|
+
<div class="container mt-4 mb-5">
|
137
|
+
<div class="row px-0">
|
138
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
139
|
+
<div class="col-md-9 mx-auto">
|
140
|
+
<div class="row">
|
141
|
+
{%- endif -%}
|
142
|
+
|
143
|
+
{% for data in featureData.TEXTUAL_CONTENT %}
|
144
|
+
<div class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
145
|
+
col-md-6 my-4
|
146
|
+
{%- else -%}
|
147
|
+
col-md-4 my-4
|
148
|
+
{%- endif -%}">
|
149
|
+
<div><img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px"
|
150
|
+
width="48px" alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif
|
151
|
+
-%}>
|
152
|
+
<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
|
153
|
+
<div class="feature1-card-desc">{{data.content | replace: "$variable", page.value}}</div>
|
154
|
+
</div>
|
155
|
+
</div>
|
156
|
+
{% endfor %}
|
157
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
158
|
+
|
159
|
+
</div>
|
160
|
+
</div>
|
161
|
+
{%- endif -%}
|
162
|
+
</div>
|
163
|
+
</div>
|
164
|
+
<section class="how-to-section">
|
165
|
+
<div class="container">
|
166
|
+
<div class="row">
|
167
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
168
|
+
<div class="col-md-9 mx-auto">
|
169
|
+
<div class="row">
|
170
|
+
{%- endif -%}
|
171
|
+
<h4 class="feature1-how-to-heading w-100 text-center mb-5">
|
172
|
+
{{featureData.HOW_TO_CONTENT.mainHeading |
|
173
|
+
replace:
|
174
|
+
"$variable",
|
175
|
+
page.value}}</h4>
|
176
|
+
|
177
|
+
{%- for data in featureData.HOW_TO_CONTENT.steps -%}
|
178
|
+
<div class="col-md-4 d-flex justify-content-center order-{{forloop.index}}">
|
179
|
+
<div class="feature1-how-to-right">
|
180
|
+
<span class="feature1-howto-steps" style="color: {{boxColor}} ">Step
|
181
|
+
{{forloop.index}}</span>
|
182
|
+
<h3 class="feature1-how-to-title">{{data.heading | replace:
|
183
|
+
"$variable",
|
184
|
+
page.value}}</h3>
|
185
|
+
<ol class="how-to-list">
|
186
|
+
<li id="step{{forloop.index}}" class="feature1-how-to-list-item">
|
187
|
+
{{data.desc |
|
188
|
+
replace: "$variable",
|
189
|
+
page.value}}
|
190
|
+
</li>
|
191
|
+
|
192
|
+
</ol>
|
193
|
+
</div>
|
194
|
+
</div>
|
195
|
+
{%- endfor -%}
|
196
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
|
197
|
+
|
198
|
+
</div>
|
199
|
+
</div>
|
200
|
+
{%- endif -%}
|
201
|
+
</div>
|
202
|
+
|
203
|
+
</div>
|
204
|
+
</section>
|
205
|
+
{%- assign showFaqs= true -%}
|
206
|
+
{%- for item in site.noFaqsList -%}
|
207
|
+
{%- if item == page.lang -%}
|
208
|
+
{%- assign showFaqs = false -%}
|
209
|
+
{%- break -%}
|
210
|
+
{%- else -%}
|
211
|
+
{%- assign showFaqs = true -%}
|
212
|
+
{%- endif -%}
|
213
|
+
{%- endfor -%}
|
214
|
+
{%- if showFaqs == true -%}
|
215
|
+
{%- if featureData.FAQ.size>0 -%}
|
216
|
+
<section class="faq-section">
|
217
|
+
<div class="container">
|
218
|
+
<div class="row">
|
219
|
+
<div class="col-md-8 mx-auto">
|
220
|
+
<main class="faqs">
|
221
|
+
<h3 class="feature-h1 text-left mb-4" style="font-weight:900">{{featureData.faqheading |
|
222
|
+
default: "FAQ's"}}</h3>
|
223
|
+
{% for data in featureData.FAQ %}
|
224
|
+
|
225
|
+
|
226
|
+
<details open>
|
227
|
+
<summary>{{data.question | replace: "$variable",page.value}}</summary>
|
228
|
+
<div class="faq__content">
|
229
|
+
<p style="color:#5c5e60; font-size:14px">{{data.answer | replace: "$variable",
|
230
|
+
page.value}}</p>
|
231
|
+
</div>
|
232
|
+
</details>
|
233
|
+
|
234
|
+
|
235
|
+
{% endfor %}
|
236
|
+
</main>
|
237
|
+
</div>
|
238
|
+
</div>
|
239
|
+
</div>
|
240
|
+
</section>
|
241
|
+
{%- endif -%}
|
242
|
+
{%- endif -%}
|
243
|
+
{%- include share/socialshare.html -%}
|
244
|
+
{%- include Rating/rating.html -%}
|
245
|
+
{%- include /Usp/usp.html -%}
|
246
|
+
{%- if featureData.display_formats -%}
|
247
|
+
<div class="container compare-table ">
|
248
|
+
{%- include fileformat/fileformatdetail.html -%}
|
249
|
+
</div>
|
250
|
+
{%- endif -%}
|
251
|
+
{%- if featureData.compare_formats -%}
|
252
|
+
<div class="container file-detail-table ">
|
253
|
+
{%- include fileformat/comparisonfiles.html -%}
|
254
|
+
</div>
|
255
|
+
{%- endif -%}
|
256
|
+
{%- assign langen = "en" -%}
|
257
|
+
{%- if site.data[folder][langen][file].categories -%}
|
258
|
+
{% assign categories= site.data[folder][langen][file].categories %}
|
259
|
+
{%- else -%}
|
260
|
+
{% assign categories= page.categories %}
|
261
|
+
{%- endif -%}
|
262
|
+
{%- if site.data[folder][langen][file].tags -%}
|
263
|
+
{% assign tags= site.data[folder][langen][file].tags %}
|
264
|
+
{%- else -%}
|
265
|
+
{% assign tags= page.tags %}
|
266
|
+
{%- endif -%}
|
267
|
+
{%- if categories.size> 0 or tags.size>0-%}
|
268
|
+
{%- include section/related_categories_post.html -%}
|
269
|
+
{%- else -%}
|
270
|
+
{%- include section/recent_posts.html -%}
|
271
|
+
{% endif %}
|
272
|
+
{%- if site.customblogdata -%}
|
273
|
+
{%- if categories.size> 0 or tags.size>0-%}
|
274
|
+
{%- include customblog/relatedposts.html -%}
|
275
|
+
{%- else -%}
|
276
|
+
{%- include customblog/recentposts.html -%}
|
277
|
+
{% endif %}
|
278
|
+
{%- endif -%}
|
279
|
+
{% include footer/index.html %}
|
280
|
+
{% include script.html %}
|
281
|
+
</body>
|
282
|
+
|
283
|
+
</html>
|
@@ -0,0 +1,309 @@
|
|
1
|
+
{% assign file = page.fileName %}
|
2
|
+
{% assign lang = page.lang %}
|
3
|
+
{% assign folder = page.folderName %}
|
4
|
+
{% assign downloadData= site.data[folder][lang][file] %}
|
5
|
+
<!DOCTYPE html>
|
6
|
+
<html lang="{{homeData.htmlLangAtt}}">
|
7
|
+
{% include head/index.html %}
|
8
|
+
|
9
|
+
<body>
|
10
|
+
{% include header/index.html %}
|
11
|
+
<div class="container">
|
12
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
13
|
+
|
14
|
+
<div class="row">
|
15
|
+
<div class="col-md-9 mx-auto">
|
16
|
+
{%- endif -%}
|
17
|
+
<div class="download-section">
|
18
|
+
<div class="row">
|
19
|
+
<div class="col-md-12 px-0">
|
20
|
+
<div class="success-msg-cont mb-0 ">
|
21
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
22
|
+
<div class="success-greeting">
|
23
|
+
<svg height='22px' width='22px' version="1.1" id="Layer_1"
|
24
|
+
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
25
|
+
x="0px" y="0px" viewBox="0 0 496.158 496.158"
|
26
|
+
style="enable-background:new 0 0 496.158 496.158;" xml:space="preserve">
|
27
|
+
<path style="fill:#fff;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085
|
28
|
+
c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z" />
|
29
|
+
<path style="fill:#57bd91;" 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
|
30
|
+
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
|
31
|
+
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
|
32
|
+
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
|
33
|
+
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
|
34
|
+
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
|
35
|
+
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
|
36
|
+
C385.405,188.218,389.034,176.214,384.673,164.968z" />
|
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
|
+
</g>
|
61
|
+
<g>
|
62
|
+
</g>
|
63
|
+
<g>
|
64
|
+
</g>
|
65
|
+
<g>
|
66
|
+
</g>
|
67
|
+
</svg>
|
68
|
+
<p class="success-msg"> {{downloadData.successmessage | default: 'Hurray! your
|
69
|
+
operation was
|
70
|
+
completed'
|
71
|
+
}}
|
72
|
+
</p>
|
73
|
+
</div>
|
74
|
+
<button onclick="history.back()"> <i class="fas fa-redo"></i> Try processing another
|
75
|
+
file</button>
|
76
|
+
</div>
|
77
|
+
<div class="try-more-features">
|
78
|
+
<h2 class="msg_headings border-bottom-none"> {{downloadData.tryfeatureheading |
|
79
|
+
default:
|
80
|
+
'You can also
|
81
|
+
try
|
82
|
+
These features'
|
83
|
+
}} </h2>
|
84
|
+
<div class="row feature-showcase ">
|
85
|
+
{%- if downloadData.recommendedfeatures -%}
|
86
|
+
{%- for item in downloadData.recommendedfeatures -%}
|
87
|
+
<div class="col-md-6 pb-3">
|
88
|
+
|
89
|
+
<a class="px-2 feature-showcase-div w-100 d-flex justify-content-between "
|
90
|
+
href="{{item.url}}">
|
91
|
+
<span><img src="{{item.logo}}" alt="feature-logo" {%- if site.crossorigin
|
92
|
+
-%} crossorigin="anonymous" {%- endif -%}> <span class="ml-3 ">
|
93
|
+
{{item.name}}</span></span> <span class='d-inline-block ml-auto'><i
|
94
|
+
class="fas fa-chevron-right"></i></span> </a>
|
95
|
+
</div>
|
96
|
+
{%- endfor -%}
|
97
|
+
{%- else -%}
|
98
|
+
code2
|
99
|
+
{%- endif -%}
|
100
|
+
|
101
|
+
</div>
|
102
|
+
</div>
|
103
|
+
</div>
|
104
|
+
<div class="row w-100 mx-auto">
|
105
|
+
<div class="col-12 try-more-features">
|
106
|
+
{%- if downloadData.recommendedsitesheading -%}
|
107
|
+
<p class="msg_headings">{{downloadData.recommendedsitesheading}}</p>
|
108
|
+
{%- else -%}
|
109
|
+
<p class="msg_headings">Try our other sites for safe processing of you files ! </p>
|
110
|
+
{%- endif -%}
|
111
|
+
</div>
|
112
|
+
|
113
|
+
{%- if downloadData.recommendedsites -%}
|
114
|
+
{%- assign recommendedsitesData = downloadData.recommendedsites -%}
|
115
|
+
{%- for item in recommendedsitesData -%}
|
116
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
|
117
|
+
<img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo" {%-
|
118
|
+
if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a target="_blank"
|
119
|
+
href="{{item.url}}">{{item.name}}</a>
|
120
|
+
</div>
|
121
|
+
{%- endfor -%}
|
122
|
+
{%- else -%}
|
123
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
124
|
+
<img loading='lazy' class="website-img"
|
125
|
+
src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
|
126
|
+
alt="safepdfkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
|
127
|
+
-%}> <a target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
|
128
|
+
</div>
|
129
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
130
|
+
<img class="website-img" loading='lazy'
|
131
|
+
src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
|
132
|
+
alt="Safeaudiokit-logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%-
|
133
|
+
endif -%}> <a target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
|
134
|
+
</div>
|
135
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
136
|
+
<img class="website-img"
|
137
|
+
src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
|
138
|
+
alt="Safevideokitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
|
139
|
+
-%}> <a target="_blank" href="https://safevideokit.com">safevideokit.com</a>
|
140
|
+
</div>
|
141
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
|
142
|
+
<img loading='lazy' class="website-img"
|
143
|
+
src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
|
144
|
+
alt="Safeimagekitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
|
145
|
+
-%}> <a target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
|
146
|
+
</div>
|
147
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
148
|
+
<img loading='lazy' class="website-img"
|
149
|
+
src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
|
150
|
+
alt="safezipkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
|
151
|
+
-%}> <a target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
|
152
|
+
</div>
|
153
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
154
|
+
<img loading='lazy' class="website-img"
|
155
|
+
src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
|
156
|
+
alt="Safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
|
157
|
+
{%- endif -%}> <a target="_blank" href="https://safeaudioconverter.com/">
|
158
|
+
safeaudioconverter.com
|
159
|
+
|
160
|
+
</a>
|
161
|
+
</div>
|
162
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
163
|
+
<img loading='lazy' class="website-img" src="/assets//images/safevideoconverter.svg"
|
164
|
+
alt="safevideoconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
|
165
|
+
{%- endif -%}> <a target="_blank"
|
166
|
+
href="https://safevideoconverter.com/">safevideoconverter.com</a>
|
167
|
+
</div>
|
168
|
+
<div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
|
169
|
+
<img loading='lazy' class="website-img"
|
170
|
+
src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
|
171
|
+
alt="safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
|
172
|
+
{%- endif -%}> <a target="_blank"
|
173
|
+
href="https://safeimageconverter.com/">safeimageconverter</a>
|
174
|
+
</div>
|
175
|
+
{%- endif -%}
|
176
|
+
|
177
|
+
</div>
|
178
|
+
<div class="col-md-12 download-page-rate-us sites-config py-0">
|
179
|
+
<div class="rating-tool" style="border: none;">
|
180
|
+
<div class="rating-text">{{downloadData.rateus | default: 'Rate us'}}</div>
|
181
|
+
<div class="rating-stars">
|
182
|
+
<i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
|
183
|
+
class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
|
184
|
+
class="fas fa-star rating-star"></i>
|
185
|
+
</div>
|
186
|
+
<div class="rating-value ml-2">
|
187
|
+
{%- for item in data -%}
|
188
|
+
{%- if item.name ==tool -%}
|
189
|
+
{%- assign rating = item.rating -%}
|
190
|
+
{%- assign votes = item.votes -%}
|
191
|
+
{%- endif -%}
|
192
|
+
{%- endfor -%}
|
193
|
+
<span class="rating"> <strong id='rating'>0</strong><span>/5</span> </span>
|
194
|
+
<span class="total-ratings" id='count'>0 </span>{{downloadData.votes |
|
195
|
+
default: 'votes'}}
|
196
|
+
</div>
|
197
|
+
</div>
|
198
|
+
<script>
|
199
|
+
const ratingValue = document.getElementById('rating')
|
200
|
+
const count = document.getElementById('count')
|
201
|
+
const setRating = async (rating) => {
|
202
|
+
const name = '{{site.name}}'
|
203
|
+
const urlParams = new URLSearchParams(window.location.search)
|
204
|
+
let tool = urlParams.get('tool')
|
205
|
+
const data = { website: name, feature: tool, rating: rating };
|
206
|
+
fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add', {
|
207
|
+
method: 'POST',
|
208
|
+
headers: {
|
209
|
+
'Content-Type': 'application/json',
|
210
|
+
},
|
211
|
+
body: JSON.stringify(data),
|
212
|
+
})
|
213
|
+
.then(response => response.json())
|
214
|
+
.then(data => {
|
215
|
+
ratingValue.innerText = data.rating
|
216
|
+
count.innerText = data.count
|
217
|
+
})
|
218
|
+
.catch((error) => {
|
219
|
+
console.error('Error:', error);
|
220
|
+
});
|
221
|
+
}
|
222
|
+
const urlParams = new URLSearchParams(window.location.search)
|
223
|
+
let tool = urlParams.get('tool')
|
224
|
+
const fetchRating = async () => {
|
225
|
+
|
226
|
+
const data = await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res => res.json())
|
227
|
+
ratingValue.innerText = data.rating
|
228
|
+
count.innerText = data.votes
|
229
|
+
}
|
230
|
+
window.addEventListener('DOMContentLoaded', () => {
|
231
|
+
fetchRating()
|
232
|
+
});
|
233
|
+
const ratingNode = document.getElementsByClassName('rating-star')
|
234
|
+
let ratedValue = localStorage.getItem(`${tool}rating`)
|
235
|
+
if (ratedValue) {
|
236
|
+
Array.from(ratingNode).slice(0, ratedValue).map(item => {
|
237
|
+
item.style.color = '#FDD300'
|
238
|
+
})
|
239
|
+
}
|
240
|
+
|
241
|
+
Array.from(ratingNode).map(item => item.addEventListener('click', () => {
|
242
|
+
const urlParams = new URLSearchParams(window.location.search)
|
243
|
+
let tool = urlParams.get('tool')
|
244
|
+
if (!localStorage.getItem(`${tool}rating`)) {
|
245
|
+
function indexInClass(node) {
|
246
|
+
var className = node.className;
|
247
|
+
var num = 0;
|
248
|
+
for (var i = 0; i < ratingNode.length; i++) {
|
249
|
+
if (ratingNode[i] === node) {
|
250
|
+
return num;
|
251
|
+
}
|
252
|
+
num++;
|
253
|
+
}
|
254
|
+
return -1;
|
255
|
+
}
|
256
|
+
const index = indexInClass(item)
|
257
|
+
Array.from(ratingNode).slice(0, index + 1).map(item => {
|
258
|
+
item.style.color = '#FDD300'
|
259
|
+
})
|
260
|
+
setRating(index + 1)
|
261
|
+
localStorage.setItem(`${tool}rating`, index + 1)
|
262
|
+
}
|
263
|
+
}))
|
264
|
+
</script>
|
265
|
+
</div>
|
266
|
+
<div class="col-12">
|
267
|
+
<div class="download-social-share">
|
268
|
+
{%- if site.data.blog.share.platforms -%}
|
269
|
+
<div class="d-flex align-items-center flex-column justify-content-center" " >
|
270
|
+
<p class=" share-heading mb-0 " >
|
271
|
+
{%- if downloadData.socialshareheading -%}
|
272
|
+
{{downloadData.socialshareheading}}
|
273
|
+
{%- else -%}
|
274
|
+
we are a free to use platform for safe processing of your files. We need to your support to grow. Help us by sharing us on social media. Thanks !
|
275
|
+
{%- endif -%}
|
276
|
+
</p>
|
277
|
+
<div>
|
278
|
+
{% assign url = site.url %}
|
279
|
+
{% for share in site.data.blog.share.platforms %}
|
280
|
+
{% assign link = share.link | replace: 'URL', url %}
|
281
|
+
{{page.title}}
|
282
|
+
<a id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
|
283
|
+
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
|
284
|
+
data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
|
285
|
+
<i class="fa-fw {{ share.icon }} mb-0 py-3"></i>
|
286
|
+
</a>
|
287
|
+
{% endfor %}
|
288
|
+
</div>
|
289
|
+
</ul>
|
290
|
+
</ul>
|
291
|
+
</div>
|
292
|
+
{%- endif -%}</p>
|
293
|
+
</div>
|
294
|
+
</div>
|
295
|
+
|
296
|
+
</div>
|
297
|
+
</div>
|
298
|
+
{%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
|
299
|
+
|
300
|
+
</div>
|
301
|
+
</div>
|
302
|
+
</div>
|
303
|
+
{%- endif -%}
|
304
|
+
{% include footer/index.html %}
|
305
|
+
{% include script.html %}
|
306
|
+
|
307
|
+
</body>
|
308
|
+
|
309
|
+
</html>
|