appscms-tools-theme 5.2.1 → 5.2.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a511b8393350ecd6879680215ba7fec2f0b05bc933a946cb3be511104c7f3ce2
4
- data.tar.gz: 2989457558f387f5a9c906348d708955e178fb812f4949b6056aeee32bbba587
3
+ metadata.gz: 13ec4384604cecff5d676cf06ad099ac6bfd961c30978bdfcc97dcbf015dd512
4
+ data.tar.gz: e63be4d4742ac06af6d9c6557461811c2dfaea96647fd98b83d74f536ae74e91
5
5
  SHA512:
6
- metadata.gz: 3735336c1c5b04b95760364b6400a3b7d9b96ecf4fc7554a1b77521f75a668cab7bbc7add71583381f13aa6b106ae375e4a1f45abb6143443b53fa09492d86ee
7
- data.tar.gz: 917e2f8d128a3c3091187b5ff4b18356bc50b264500832ebabf268357ecf35ecae89cbfecd47ee58777d763cb48192d49200605e1a01abe5f7db6ac0f5a78bb7
6
+ metadata.gz: fabbe34b0a0c59950d2b9f20cf7aa880186e36bd05882845ea2c24a7889667dbcf2a9ee37636ee0a73c2e0db860d4af22c3d1ce5a272c504f7ccad0eff271a45
7
+ data.tar.gz: b40ea8b0368aa6a17bed01c85c33c8bf15756c978b1c59b647fc994f9d3f8c6405808009cca5de9e2e60c9fee7064a9bb4b5e5233f839db6f20be737a7c518f1
@@ -1384,6 +1384,10 @@
1384
1384
  ]
1385
1385
  },
1386
1386
  "navItems": [
1387
+ {
1388
+ "name": "New AI tool",
1389
+ "url": "/"
1390
+ },
1387
1391
  {
1388
1392
  "name": "Blog",
1389
1393
  "url": "/blog/"
@@ -0,0 +1,266 @@
1
+
2
+ {%- if site.show_contenttool_promo -%}
3
+ <style>
4
+ /* Main Promotion Banner */
5
+ .promo-banner {
6
+ position: sticky;
7
+ top: 0;
8
+ z-index: 9999;
9
+ background: linear-gradient(135deg, #667eea 0%, #1b2fe7 100%);
10
+ /* background: linear-gradient(to right, #d53369, #cbad6d); */
11
+ /* background: linear-gradient(to right, #f857a6, #ff5858); */
12
+ /* background: linear-gradient(135deg, #4456f6f7 0%, #4456f6f7 100%); */
13
+ background-size: 200% 200%;
14
+ animation: gradientShift 4s ease infinite;
15
+ padding: 12px 20px;
16
+ box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
17
+ overflow: hidden;
18
+ position: relative;
19
+ }
20
+
21
+ .promo-banner::before {
22
+ content: '';
23
+ position: absolute;
24
+ top: 0;
25
+ left: -100%;
26
+ width: 100%;
27
+ height: 100%;
28
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
29
+ animation: shine 3s infinite;
30
+ }
31
+
32
+ @keyframes gradientShift {
33
+ 0% {
34
+ background-position: 0% 50%;
35
+ }
36
+
37
+ 50% {
38
+ background-position: 100% 50%;
39
+ }
40
+
41
+ 100% {
42
+ background-position: 0% 50%;
43
+ }
44
+ }
45
+
46
+ @keyframes shine {
47
+ 0% {
48
+ left: -100%;
49
+ }
50
+
51
+ 100% {
52
+ left: 100%;
53
+ }
54
+ }
55
+
56
+ .banner-content {
57
+ display: flex;
58
+ align-items: center;
59
+ justify-content: center;
60
+ gap: 15px;
61
+ max-width: 1200px;
62
+ margin: 0 auto;
63
+ position: relative;
64
+ z-index: 2;
65
+ }
66
+
67
+ .banner-icon {
68
+ font-size: 24px;
69
+ animation: bounce 2s infinite;
70
+ }
71
+
72
+ @keyframes bounce {
73
+
74
+ 0%,
75
+ 20%,
76
+ 50%,
77
+ 80%,
78
+ 100% {
79
+ transform: translateY(0);
80
+ }
81
+
82
+ 40% {
83
+ transform: translateY(-5px);
84
+ }
85
+
86
+ 60% {
87
+ transform: translateY(-3px);
88
+ }
89
+ }
90
+
91
+ .banner-text {
92
+ color: white;
93
+ font-size: 16px;
94
+ font-weight: 600;
95
+ text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
96
+ letter-spacing: 0.5px;
97
+ }
98
+
99
+ .highlight {
100
+ color: #ffd700;
101
+ font-weight: 700;
102
+ text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
103
+ }
104
+
105
+ .cta-button {
106
+ background: linear-gradient(45deg, #f59e0b, #d97706);
107
+ /* background-color: #fff; */
108
+ /* background: linear-gradient(45deg, #007bff, #007bff); */
109
+ /* background: linear-gradient(45deg, #ff6b6b, #ff8e8e); */
110
+ color: #fff;
111
+ padding: 5px 15px;
112
+ border-radius: 25px;
113
+ text-decoration: none;
114
+ font-weight: 700;
115
+ font-size: 14px;
116
+ border: 1px solid rgba(0, 0, 0, 0.1);
117
+ transition: all 0.3s ease;
118
+ /* box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4); */
119
+ position: relative;
120
+ overflow: hidden;
121
+ text-transform: uppercase;
122
+ letter-spacing: 1px;
123
+ }
124
+
125
+ .cta-button::before {
126
+ content: '';
127
+ position: absolute;
128
+ top: 0;
129
+ left: -100%;
130
+ width: 100%;
131
+ height: 100%;
132
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
133
+ transition: left 0.5s;
134
+ }
135
+
136
+ .cta-button:hover::before {
137
+ left: 100%;
138
+ }
139
+
140
+ .cta-button:hover {
141
+ color: #000;
142
+ transform: translateY(-2px);
143
+ box-shadow: 0 6px 20px rgba(255, 107, 107, 0.6);
144
+ border-color: rgba(255, 255, 255, 0.4);
145
+ }
146
+
147
+ .close-btn {
148
+ background: rgba(255, 255, 255, 0.2);
149
+ border: none;
150
+ color: white;
151
+ font-size: 18px;
152
+ width: 30px;
153
+ height: 30px;
154
+ border-radius: 50%;
155
+ cursor: pointer;
156
+ transition: all 0.3s ease;
157
+ position: absolute;
158
+ right: 15px;
159
+ top: 50%;
160
+ transform: translateY(-50%);
161
+ }
162
+
163
+ .close-btn:hover {
164
+ background: rgba(255, 255, 255, 0.3);
165
+ transform: translateY(-50%) rotate(90deg);
166
+ }
167
+
168
+ /* Floating particles effect */
169
+ .particle {
170
+ position: absolute;
171
+ background: rgba(255, 255, 255, 0.1);
172
+ border-radius: 50%;
173
+ pointer-events: none;
174
+ }
175
+
176
+ .particle:nth-child(1) {
177
+ width: 6px;
178
+ height: 6px;
179
+ top: 20%;
180
+ left: 10%;
181
+ animation: float 6s infinite ease-in-out;
182
+ }
183
+
184
+ .particle:nth-child(2) {
185
+ width: 4px;
186
+ height: 4px;
187
+ top: 60%;
188
+ left: 80%;
189
+ animation: float 4s infinite ease-in-out reverse;
190
+ }
191
+
192
+ .particle:nth-child(3) {
193
+ width: 8px;
194
+ height: 8px;
195
+ top: 40%;
196
+ left: 20%;
197
+ animation: float 5s infinite ease-in-out;
198
+ }
199
+
200
+ @keyframes float {
201
+
202
+ 0%,
203
+ 100% {
204
+ transform: translateY(0px);
205
+ }
206
+
207
+ 50% {
208
+ transform: translateY(-10px);
209
+ }
210
+ }
211
+
212
+ /* Mobile Responsive */
213
+ @media (max-width: 768px) {
214
+ .promo-banner {
215
+ padding: 8px 15px;
216
+ }
217
+
218
+ .banner-content {
219
+ gap: 10px;
220
+ flex-wrap: wrap;
221
+ }
222
+
223
+ .banner-text {
224
+ font-size: 14px;
225
+ text-align: center;
226
+ flex: 1 1 100%;
227
+ }
228
+
229
+ .cta-button {
230
+ padding: 8px 20px;
231
+ font-size: 12px;
232
+ }
233
+
234
+ .banner-icon {
235
+ font-size: 20px;
236
+ }
237
+
238
+ .close-btn {
239
+ position: relative;
240
+ right: auto;
241
+ top: auto;
242
+ transform: none;
243
+ margin-left: auto;
244
+ }
245
+ }
246
+ </style>
247
+ <!-- Attractive Promotion Banner -->
248
+ <div class="promo-banner" id="promoBanner">
249
+ <!-- Floating particles for extra effect -->
250
+ <div class="particle"></div>
251
+ <div class="particle"></div>
252
+ <div class="particle"></div>
253
+
254
+ <div class="banner-content">
255
+ <div class="banner-icon">🚀</div>
256
+ <div class="banner-text">
257
+ {{site.contenttool_promo_text}}
258
+ <!-- New! Try ContentTool – <span class="highlight">410+ AI Tools</span> in One Place -->
259
+ </div>
260
+ <a href="https://contenttool.io" class="cta-button">
261
+ Try Now →
262
+ </a>
263
+ </div>
264
+ <button class="close-btn" onclick="closeBanner()">×</button>
265
+ </div>
266
+ {%- endif -%}
@@ -0,0 +1,135 @@
1
+ {%- if site.show_contenttool_promo -%}
2
+ <style>
3
+ .go-back-block {
4
+ margin: 0 !important;
5
+ }
6
+
7
+ .action-section {
8
+ background: linear-gradient(135deg, #667eea 0%, #1b2fe7 100%);
9
+ border-radius: 4px;
10
+ padding: 30px 40px;
11
+ margin: 30px 0 40px 0;
12
+ color: white;
13
+ position: relative;
14
+ overflow: hidden;
15
+ box-shadow: 0 10px 30px rgba(91, 33, 182, 0.3);
16
+ }
17
+
18
+ .action-section::before {
19
+ content: '';
20
+ position: absolute;
21
+ top: 0;
22
+ left: -100%;
23
+ width: 100%;
24
+ height: 100%;
25
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
26
+ animation: shine 4s infinite;
27
+ }
28
+
29
+ @keyframes shine {
30
+ 0% { left: -100%; }
31
+ 100% { left: 100%; }
32
+ }
33
+
34
+ .action-content {
35
+ position: relative;
36
+ z-index: 2;
37
+ text-align: center;
38
+ }
39
+
40
+ .action-buttons {
41
+ display: flex;
42
+ justify-content: center;
43
+ align-items: center;
44
+ flex-wrap: wrap;
45
+ }
46
+
47
+ .action-btn {
48
+ height: auto !important;
49
+ padding: 12px 25px !important;
50
+ border-radius: 30px !important;
51
+ font-size: 14px !important;
52
+ font-weight: 700;
53
+ cursor: pointer;
54
+ transition: all 0.3s ease;
55
+ text-decoration: none;
56
+ border: none;
57
+ position: relative;
58
+ overflow: hidden;
59
+ text-transform: uppercase;
60
+ letter-spacing: 0.5px;
61
+ }
62
+
63
+ .action-btn:hover {
64
+ text-decoration: none;
65
+ color: #fff;
66
+ }
67
+
68
+ .primary-btn {
69
+ width: 400px;
70
+ background: rgba(255, 255, 255, 0.2) !important;
71
+ color: white !important;
72
+ border: 2px solid rgba(255, 255, 255, 0.3) !important;
73
+ backdrop-filter: blur(10px) !important;
74
+ }
75
+
76
+ .primary-btn:hover {
77
+ background: rgba(255, 255, 255, 0.3);
78
+ transform: translateY(-3px);
79
+ box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2);
80
+ }
81
+
82
+ .secondary-btn {
83
+ background: linear-gradient(45deg, #f59e0b, #d97706);
84
+ color: white;
85
+ border: 2px solid rgba(245, 158, 11, 0.3);
86
+ }
87
+
88
+ .secondary-btn:hover {
89
+ background: linear-gradient(45deg, #d97706, #b45309);
90
+ transform: translateY(-3px);
91
+ box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);
92
+ }
93
+
94
+ .action-divider {
95
+ font-size: 18px;
96
+ font-weight: 600;
97
+ margin: 0 15px;
98
+ opacity: 0.8;
99
+ }
100
+
101
+ /* Mobile Responsive */
102
+ @media (max-width: 768px) {
103
+ .action-buttons {
104
+ flex-direction: column;
105
+ gap: 15px;
106
+ }
107
+
108
+ .action-divider {
109
+ margin: 0;
110
+ }
111
+
112
+ .action-btn {
113
+ width: 100%;
114
+ max-width: 280px;
115
+ padding: 12px 25px;
116
+ font-size: 14px;
117
+ }
118
+ }
119
+ </style>
120
+ <div class="action-section">
121
+ <div class="action-content">
122
+ <div class="action-buttons">
123
+ <div class="go-back-block">
124
+ <button id="processing-btn" class="action-btn primary-btn">Try processing another file</button>
125
+ </div>
126
+
127
+
128
+ <div class="action-divider">OR</div>
129
+ <a href="https://contenttool.io" class="action-btn secondary-btn">
130
+ Explore 410+ AI Tools on Contenttool →
131
+ </a>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ {%- endif -%}
@@ -4,13 +4,12 @@
4
4
  {% assign downloadData= site.data[folder][lang][file] %}
5
5
  <!DOCTYPE html>
6
6
  <html lang="{{homeData.htmlLangAtt}}">
7
- {%- include appscms/head/head.html -%}
8
- <body data-developer-key="{{ site.developerKey }}"
9
- data-client-id="{{ site.clientId }}"
10
- data-app-id="{{ site.appId }}"
7
+ {%- include appscms/head/head.html -%}
8
+
9
+ <body data-developer-key="{{ site.developerKey }}" data-client-id="{{ site.clientId }}" data-app-id="{{ site.appId }}"
11
10
  data-dropbox-apikey="{{ site.dropboxapikey }}">
12
- {%- include appscms/navbars/navbar.html -%} {%- include
13
- appscms/navbars/toolbar.html -%}
11
+ {%- include appscms/navbars/navbar.html -%} {%- include
12
+ appscms/navbars/toolbar.html -%}
14
13
  <div class="container">
15
14
  {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
16
15
  <div class="row">
@@ -26,10 +25,21 @@
26
25
  }}
27
26
  </p>
28
27
  </div>
28
+
29
+ {% if site.show_contenttool_promo != true %}
29
30
  <div class="go-back-block">
30
- <button id="processing-btn"> <span class="button-loader"></span> Try processing another file</button>
31
+ <button id="processing-btn">
32
+ <span class="button-loader"></span> Try processing another file
33
+ </button>
31
34
  </div>
32
-
35
+ {% endif %}
36
+
37
+
38
+
39
+
40
+ {%- include contenttool_result_banner.html -%}
41
+
42
+
33
43
  </div>
34
44
  <!-- <div class="col-lg-7 col-md-9 col-sm-11 text-center mx-auto">
35
45
  <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img" {%- if
@@ -131,8 +141,8 @@
131
141
 
132
142
  <a class="px-2 feature-showcase-div w-100 d-flex justify-content-between " href="{{item.url}}">
133
143
  <img src="{{item.logo}}" loading="lazy" alt="feature-logo" {%- if site.crossorigin -%}
134
- crossorigin="anonymous" {%- endif -%}> <span class="ml-3 ">
135
- {{item.name}}</span> </a>
144
+ crossorigin="anonymous" {%- endif -%}> <span class="ml-3 ">
145
+ {{item.name}}</span> </a>
136
146
  </div>
137
147
  {%- endfor -%}
138
148
  {%- else -%}
@@ -154,138 +164,139 @@
154
164
  {%- for item in recommendedsitesData -%}
155
165
  <div class="col-md-4 col-sm-6 col-6">
156
166
  <div class="website-showcase">
157
- <img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo" {%- if
158
- site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a target="_blank"
159
- href="{{item.url}}">{{item.name}}</a>
160
- </div>
167
+ <img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo" {%- if
168
+ site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a target="_blank"
169
+ href="{{item.url}}">{{item.name}}</a>
170
+ </div>
161
171
  </div>
162
172
  {%- endfor -%}
163
173
  {%- else -%}
164
174
  <div class="col-md-4 col-sm-6 col-6">
165
175
  <div class="website-showcase">
166
- <img loading='lazy' class="website-img"
167
- src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
168
- alt="safepdfkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
169
- target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
170
- </div>
176
+ <img loading='lazy' class="website-img"
177
+ src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
178
+ alt="safepdfkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
179
+ target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
180
+ </div>
171
181
  </div>
172
182
  <div class="col-md-4 col-sm-6 col-6">
173
183
  <div class="website-showcase">
174
- <img class="website-img" loading='lazy'
175
- src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
176
- alt="Safeaudiokit-logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
177
- target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
178
- </div>
184
+ <img class="website-img" loading='lazy'
185
+ src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
186
+ alt="Safeaudiokit-logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
187
+ target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
188
+ </div>
179
189
  </div>
180
190
  <div class="col-md-4 col-sm-6 col-6">
181
191
  <div class="website-showcase">
182
- <img class="website-img" loading="lazy"
183
- src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
184
- alt="Safevideokitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
185
- target="_blank" href="https://safevideokit.com">safevideokit.com</a>
186
- </div>
192
+ <img class="website-img" loading="lazy"
193
+ src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
194
+ alt="Safevideokitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
195
+ target="_blank" href="https://safevideokit.com">safevideokit.com</a>
196
+ </div>
187
197
  </div>
188
198
  <div class="col-md-4 col-sm-6 col-6 ">
189
199
  <div class="website-showcase">
190
- <img loading='lazy' class="website-img"
191
- src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
192
- alt="Safeimagekitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
193
- target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
194
- </div>
200
+ <img loading='lazy' class="website-img"
201
+ src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
202
+ alt="Safeimagekitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
203
+ target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
204
+ </div>
195
205
  </div>
196
206
  <div class="col-md-4 col-sm-6 col-6">
197
207
  <div class="website-showcase">
198
- <img loading='lazy' class="website-img"
199
- src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
200
- alt="safezipkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
201
- target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
202
- </div>
208
+ <img loading='lazy' class="website-img"
209
+ src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
210
+ alt="safezipkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
211
+ target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
212
+ </div>
203
213
  </div>
204
214
  <div class="col-md-4 col-sm-6 col-6">
205
215
  <div class="website-showcase">
206
- <img loading='lazy' class="website-img"
207
- src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
208
- alt="Safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
209
- target="_blank" href="https://safeaudioconverter.com/">
210
- safeaudioconverter.com
216
+ <img loading='lazy' class="website-img"
217
+ src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
218
+ alt="Safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
219
+ target="_blank" href="https://safeaudioconverter.com/">
220
+ safeaudioconverter.com
211
221
 
212
- </a>
213
- </div>
222
+ </a>
223
+ </div>
214
224
  </div>
215
225
  <div class="col-md-4 col-sm-6 col-6">
216
226
  <div class="website-showcase">
217
- <img loading='lazy' class="website-img" src="/assets//images/safevideoconverter.svg"
218
- alt="safevideoconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
219
- target="_blank" href="https://safevideoconverter.com/">safevideoconverter.com</a>
220
- </div>
227
+ <img loading='lazy' class="website-img" src="/assets//images/safevideoconverter.svg"
228
+ alt="safevideoconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
229
+ target="_blank" href="https://safevideoconverter.com/">safevideoconverter.com</a>
230
+ </div>
221
231
  </div>
222
232
  <div class="col-md-4 col-sm-6 col-6">
223
233
  <div class="website-showcase">
224
- <img loading='lazy' class="website-img"
225
- src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
226
- alt="safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
227
- target="_blank" href="https://safeimageconverter.com/">safeimageconverter</a>
228
- </div>
234
+ <img loading='lazy' class="website-img"
235
+ src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
236
+ alt="safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
237
+ target="_blank" href="https://safeimageconverter.com/">safeimageconverter</a>
238
+ </div>
229
239
  </div>
230
240
  {%- endif -%}
231
241
 
232
242
  </div>
233
-
234
-
243
+
244
+
245
+ </div>
235
246
  </div>
236
- </div>
237
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
247
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
238
248
 
249
+ </div>
239
250
  </div>
240
251
  </div>
241
- </div>
242
252
  {%- endif -%}
243
-
244
- </div>
245
253
 
246
-
254
+ </div>
255
+
256
+
247
257
  <div class="download-social-share">
248
258
  <div class="container">
249
- <div class="row">
250
- <div class="col-md-12 mx-auto">
251
259
  <div class="row">
252
- <div class="col-md-8">
253
- <p class=" share-heading mb-0 " >
254
- {%- if downloadData.socialshareheading -%}
255
- {{downloadData.socialshareheading}}
256
- {%- else -%}
257
- 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 !
258
- {%- endif -%}
259
- </p>
260
- </div>
261
- <div class="col-md-4">
262
- {%- if site.data.blog.share.platforms -%}
263
-
260
+ <div class="col-md-12 mx-auto">
261
+ <div class="row">
262
+ <div class="col-md-8">
263
+ <p class=" share-heading mb-0 ">
264
+ {%- if downloadData.socialshareheading -%}
265
+ {{downloadData.socialshareheading}}
266
+ {%- else -%}
267
+ we are a free to use platform for safe processing of your files. We need to your support to grow. Help
268
+ us by sharing us on social media. Thanks !
269
+ {%- endif -%}
270
+ </p>
271
+ </div>
272
+ <div class="col-md-4">
273
+ {%- if site.data.blog.share.platforms -%}
264
274
 
265
- <div class="share-icons">
266
- {% assign url = site.url %}
267
- {% for share in site.data.blog.share.platforms %}
268
- {% assign link = share.link | replace: 'URL', url %}
269
- {{page.title}}
270
- <a id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
271
- onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
272
- data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
273
- <i class="fa-fw {{ share.icon }} mb-0"></i>
274
- </a>
275
- {% endfor %}
276
- </div>
277
- </ul>
278
-
279
- {%- endif -%}
275
+
276
+ <div class="share-icons">
277
+ {% assign url = site.url %}
278
+ {% for share in site.data.blog.share.platforms %}
279
+ {% assign link = share.link | replace: 'URL', url %}
280
+ {{page.title}}
281
+ <a id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
282
+ onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
283
+ data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
284
+ <i class="fa-fw {{ share.icon }} mb-0"></i>
285
+ </a>
286
+ {% endfor %}
287
+ </div>
288
+ </ul>
289
+
290
+ {%- endif -%}
291
+ </div>
292
+
293
+ </div>
294
+ </div>
295
+ </div>
280
296
  </div>
281
-
282
- </div>
283
- </div>
284
- </div>
285
- </div>
286
- </div>
297
+ </div>
287
298
 
288
- {% include appscms/footer/footer.html %}
299
+ {% include appscms/footer/footer.html %}
289
300
  {% include appscms/scripts/script.html %}
290
301
 
291
302
  </body>
@@ -4,81 +4,98 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
4
4
 
5
5
  <!DOCTYPE html>
6
6
  <html lang="{{ page.lang }}">
7
- {%- include appscms/head/head.html -%}
8
-
9
- <body
10
- data-developer-key="{{ site.developerKey }}"
11
- data-client-id="{{ site.clientId }}"
12
- data-app-id="{{ site.appId }}"
13
- data-dropbox-apikey="{{ site.dropboxapikey }}"
14
- >
15
- {%- include appscms/navbars/navbar.html -%} {%- include
16
- appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
17
- site.safeui -%}
18
- <div
19
- class="alert alert-{{pageData.variant | default: 'primary'}} fade show text-center"
20
- role="alert"
21
- id="safeui-alert"
22
- >
23
- <svg
24
- height="25"
25
- width="25"
26
- fill="#004084"
27
- viewBox="0 0 1024 1024"
28
- xmlns="http://www.w3.org/2000/svg"
29
- stroke="#004084"
30
- >
31
- <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
32
- <g
33
- id="SVGRepo_tracerCarrier"
34
- stroke-linecap="round"
35
- stroke-linejoin="round"
36
- ></g>
37
- <g id="SVGRepo_iconCarrier">
38
- <path
39
- d="M512 64L128 192v384c0 212.1 171.9 384 384 384s384-171.9 384-384V192L512 64zm312 512c0 172.3-139.7 312-312 312S200 748.3 200 576V246l312-110 312 110v330z"
40
- ></path>
41
- <path
42
- d="M378.4 475.1a35.91 35.91 0 0 0-50.9 0 35.91 35.91 0 0 0 0 50.9l129.4 129.4 2.1 2.1a33.98 33.98 0 0 0 48.1 0L730.6 434a33.98 33.98 0 0 0 0-48.1l-2.8-2.8a33.98 33.98 0 0 0-48.1 0L483 579.7 378.4 475.1z"
43
- ></path>
44
- </g>
45
- </svg>
46
-
47
- {%- if pageData.alertmsg -%} {{pageData.alertmsg}} {%- else -%} We do not
48
- upload any files to server, hence your data is 100% secure. {%- endif -%}
49
- </div>
50
- {%- endif -%} {%- include appscms/headings/headings.html -%}
51
- <div class="appscms-sidebar-left"></div>
52
- <div class="appscms-sidebar-right"></div>
53
- {%- include appscms/uploadbutton/uploadbutton.html -%} {%- include
54
- appscms/featurehighlight/featurehighlight.html -%} {%- include
55
- appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
56
- include appscms/infographics/infographics.html -%} {%- endif -%} {%- include
57
- appscms/faq/faq.html -%} {%- include appscms/usp/usp.html -%} {%- include
58
- appscms/reviews/trustpilot.html -%}
59
- <!-- {%- include
7
+ {%- include appscms/head/head.html -%}
8
+
9
+ <body data-developer-key="{{ site.developerKey }}" data-client-id="{{ site.clientId }}" data-app-id="{{ site.appId }}"
10
+ data-dropbox-apikey="{{ site.dropboxapikey }}">
11
+
12
+
13
+
14
+
15
+ {%- include contenttool_banner.html -%}
16
+
17
+
18
+ {%- include appscms/navbars/navbar.html -%} {%- include
19
+ appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
20
+ site.safeui -%}
21
+ <div class="alert alert-{{pageData.variant | default: 'primary'}} fade show text-center" role="alert"
22
+ id="safeui-alert">
23
+ <svg height="25" width="25" fill="#004084" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"
24
+ stroke="#004084">
25
+ <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
26
+ <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
27
+ <g id="SVGRepo_iconCarrier">
28
+ <path
29
+ d="M512 64L128 192v384c0 212.1 171.9 384 384 384s384-171.9 384-384V192L512 64zm312 512c0 172.3-139.7 312-312 312S200 748.3 200 576V246l312-110 312 110v330z">
30
+ </path>
31
+ <path
32
+ d="M378.4 475.1a35.91 35.91 0 0 0-50.9 0 35.91 35.91 0 0 0 0 50.9l129.4 129.4 2.1 2.1a33.98 33.98 0 0 0 48.1 0L730.6 434a33.98 33.98 0 0 0 0-48.1l-2.8-2.8a33.98 33.98 0 0 0-48.1 0L483 579.7 378.4 475.1z">
33
+ </path>
34
+ </g>
35
+ </svg>
36
+
37
+ {%- if pageData.alertmsg -%} {{pageData.alertmsg}} {%- else -%} We do not
38
+ upload any files to server, hence your data is 100% secure. {%- endif -%}
39
+ </div>
40
+ {%- endif -%}
41
+
42
+
43
+ <script>
44
+ function closeBanner() {
45
+ const banner = document.getElementById('promoBanner');
46
+ banner.style.transform = 'translateY(-100%)';
47
+ banner.style.opacity = '0';
48
+ setTimeout(() => {
49
+ banner.style.display = 'none';
50
+ }, 300);
51
+ }
52
+
53
+
54
+ // Auto-hide after 30 seconds (optional)
55
+ setTimeout(() => {
56
+ const banner = document.getElementById('promoBanner');
57
+ if (banner.style.display !== 'none') {
58
+ banner.style.opacity = '0.8';
59
+ }
60
+ }, 30000);
61
+ </script>
62
+
63
+
64
+ {%- include appscms/headings/headings.html -%}
65
+ <div class="appscms-sidebar-left"></div>
66
+ <div class="appscms-sidebar-right"></div>
67
+
68
+
69
+ {%- include appscms/uploadbutton/uploadbutton.html -%} {%- include
70
+ appscms/featurehighlight/featurehighlight.html -%} {%- include
71
+ appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
72
+ include appscms/infographics/infographics.html -%} {%- endif -%} {%- include
73
+ appscms/faq/faq.html -%} {%- include appscms/usp/usp.html -%} {%- include
74
+ appscms/reviews/trustpilot.html -%}
75
+ <!-- {%- include
60
76
  appscms/extras/traffic-count.html -%} -->
61
- {%- if site.userTrackingCount -%} {%- include userTracking.html -%} {%-
62
- endif -%} {%- assign langen = "en" -%} {%- if
63
- site.data[folder][langen][file].categories -%} {% assign categories=
64
- site.data[folder][langen][file].categories %} {%- else -%} {% assign
65
- categories= page.categories %} {%- endif -%} {%- if
66
- site.data[folder][langen][file].tags -%} {% assign tags=
67
- site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
68
- page.tags %} {%- endif -%} {%- if pageData.posts.size > 0 -%} {%- include
69
- appscms/customblog/pageRelatedPosts.html -%} {%- else -%} {%- if
70
- categories.size > 0 or tags.size > 0 -%} {%- include
71
- appscms/recent-posts/related_categories_post.html -%} {%- else -%} {%-
72
- include appscms/recent-posts/recent_posts.html -%} {%- endif -%} {%- endif
73
- -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
74
- tags.size>0-%} {%- include appscms/customblog/relatedposts.html -%} {%- else
75
- -%} {%- include appscms/customblog/recentposts.html -%} {% endif %} {%-
76
- endif -%} {%- include appscms/extras/ratings.html -%} {%- if
77
- pageData.author.size > 0 -%} {% include
78
- appscms/featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {%-
79
- include appscms/footer/products.html -%} {%- include
80
- internationalization-section.html -%}{%- include appscms/footer/footer.html
81
- -%} {%- if site.customCode -%} {%- include customCode.html -%}{%- endif -%}
82
- {%- include appscms/scripts/script.html -%}
83
- </body>
84
- </html>
77
+ {%- if site.userTrackingCount -%} {%- include userTracking.html -%} {%-
78
+ endif -%} {%- assign langen = "en" -%} {%- if
79
+ site.data[folder][langen][file].categories -%} {% assign categories=
80
+ site.data[folder][langen][file].categories %} {%- else -%} {% assign
81
+ categories= page.categories %} {%- endif -%} {%- if
82
+ site.data[folder][langen][file].tags -%} {% assign tags=
83
+ site.data[folder][langen][file].tags %} {%- else -%} {% assign tags=
84
+ page.tags %} {%- endif -%} {%- if pageData.posts.size > 0 -%} {%- include
85
+ appscms/customblog/pageRelatedPosts.html -%} {%- else -%} {%- if
86
+ categories.size > 0 or tags.size > 0 -%} {%- include
87
+ appscms/recent-posts/related_categories_post.html -%} {%- else -%} {%-
88
+ include appscms/recent-posts/recent_posts.html -%} {%- endif -%} {%- endif
89
+ -%} {%- if site.customblogdata -%} {%- if categories.size> 0 or
90
+ tags.size>0-%} {%- include appscms/customblog/relatedposts.html -%} {%- else
91
+ -%} {%- include appscms/customblog/recentposts.html -%} {% endif %} {%-
92
+ endif -%} {%- include appscms/extras/ratings.html -%} {%- if
93
+ pageData.author.size > 0 -%} {% include
94
+ appscms/featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {%-
95
+ include appscms/footer/products.html -%} {%- include
96
+ internationalization-section.html -%}{%- include appscms/footer/footer.html
97
+ -%} {%- if site.customCode -%} {%- include customCode.html -%}{%- endif -%}
98
+ {%- include appscms/scripts/script.html -%}
99
+ </body>
100
+
101
+ </html>
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.2.1
4
+ version: 5.2.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-07-31 00:00:00.000000000 Z
11
+ date: 2025-10-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -215,6 +215,8 @@ files:
215
215
  - _includes/authors/authors.html
216
216
  - _includes/batch-conversion.html
217
217
  - _includes/bookmark.html
218
+ - _includes/contenttool_banner.html
219
+ - _includes/contenttool_result_banner.html
218
220
  - _includes/cssfile/links.html
219
221
  - _includes/custom-head.html
220
222
  - _includes/customCode.html
@@ -691,7 +693,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
691
693
  - !ruby/object:Gem::Version
692
694
  version: '0'
693
695
  requirements: []
694
- rubygems_version: 3.3.26
696
+ rubygems_version: 3.3.7
695
697
  signing_key:
696
698
  specification_version: 4
697
699
  summary: Appscms theme for all tools