appscms-tools-theme 2.2.9 → 2.3.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.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/_data/feature/en/compress-pdf.json +27 -25
  3. data/_data/feature/en/theframe.json +2 -2
  4. data/_data/footer/en/data.json +93 -1
  5. data/_data/header/en/data.json +47 -9
  6. data/_data/home/en/photoeffects.json +24 -0
  7. data/_data/home-1/en/en.json +58 -0
  8. data/_data/photo-categories.json +0 -117
  9. data/_data/photoeffects.json +117 -0
  10. data/_includes/batch-conversion.html +42 -13
  11. data/_includes/custom-head.html +7 -2
  12. data/_includes/footer/index.html +263 -2
  13. data/_includes/head/index.html +13 -0
  14. data/_includes/header/index.html +124 -5
  15. data/_includes/script.html +11 -0
  16. data/_layouts/batch.html +19 -13
  17. data/_layouts/blog-1.html +100 -0
  18. data/_layouts/feature-1.html +283 -0
  19. data/_layouts/feature-download.html +309 -0
  20. data/_layouts/feature.html +1 -1
  21. data/_layouts/frame.html +54 -44
  22. data/_layouts/home-1.html +267 -0
  23. data/_layouts/home.html +4 -4
  24. data/_layouts/photo-effects-home.html +84 -0
  25. data/assets/css/batch.css +32 -17
  26. data/assets/css/blog-1.css +66 -0
  27. data/assets/css/common-page.css +180 -0
  28. data/assets/css/feature-1.css +426 -0
  29. data/assets/css/frame.css +207 -31
  30. data/assets/css/home-1.css +225 -0
  31. data/assets/images/add.png +0 -0
  32. data/assets/images/add.svg +1 -0
  33. data/assets/images/bulb.png +0 -0
  34. data/assets/images/bulb.svg +1 -0
  35. data/assets/images/convert.png +0 -0
  36. data/assets/images/convert.svg +9 -0
  37. data/assets/images/loader.gif +0 -0
  38. data/assets/js/batch.js +3 -1
  39. data/assets/js/frame.js +8 -3
  40. data/assets/js/testing-batch.js +12 -4
  41. metadata +19 -2
@@ -0,0 +1,267 @@
1
+ {% assign file = page.fileName %}
2
+ {% assign lang = page.lang %}
3
+ {% assign folder = page.folderName %}
4
+ {% assign homeData= site.data[folder][lang][file] %}
5
+
6
+ <!DOCTYPE html>
7
+ <html lang="{{page.lang}}">
8
+ {% include head/index.html %}
9
+
10
+ <body>
11
+ {% include header/index.html %}
12
+ {%- if homeData.h1 or homeData.h2 -%}
13
+ <div class="flex-container mb-1">
14
+ <div class="flex-class py-5">
15
+ <div class="d-flex justify-content-center align-items-center">
16
+ <span class="fHhdVc">
17
+ {%- if homeData.img -%}
18
+ <div class="div-cont feature-img mr-2">
19
+ <img style=width:{{homeData.imgwidth}};height:{{homeData.imgheight}}; src="{{homeData.img}}"
20
+ alt="{{homeData.imgalt}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
21
+ </div>
22
+ {%- endif -%}
23
+ </span>
24
+ <h1 class="home1-top-h1 font-weight-bolder">{%- for word in homeData.h1 -%}
25
+ {%- if forloop.first == true -%}
26
+ {{word | capitalize }}
27
+ {%- else -%}
28
+ {{word}}
29
+ {%- endif -%}
30
+ {%- endfor -%}</h1>
31
+ </div>
32
+ <h2 class="home-top-h2">{%- for word in homeData.h2 -%}
33
+ {%- if forloop.first == true -%}
34
+ {{word | capitalize }}
35
+ {%- else -%}
36
+ {{word}}
37
+ {%- endif -%}
38
+ {%- endfor -%}</h2>
39
+ </div>
40
+ </div>
41
+ {%- endif -%}
42
+ {%- if homeData.features -%}
43
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
44
+ <div class="container">
45
+ <div class="row">
46
+ <div class="col-md-9 mx-auto">
47
+ {%- endif -%}
48
+ <div class="flex-container">
49
+ <div class="flex-class">
50
+ <ul class="home1-features">
51
+ {% for product in homeData.features %}
52
+ <li class="home1-features-box">
53
+ <div class="home1-inner-box">
54
+ <a class="home1-feature-name" href="{{product.url}}">
55
+ <div class="home1-feature-text">{{product.name}}</div>
56
+ </a>
57
+ <div style=background:{{homeData.color}} class="home1-feature-img" height="30px"
58
+ width="30px">
59
+ <img style="padding:5px;" src="{{product.icon}}" height="32px" width="32px"
60
+ alt="home1-feature-icon" {%- if site.crossorigin -%} crossorigin {%- endif
61
+ -%}>
62
+ </div>
63
+ <div class="home1-right-arrow-icon">
64
+ <div style="width:24px;height:24px">
65
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
66
+ fill="currentColor">
67
+ <path d="M9 7L10 6L16 12L10 18L9 17L14.17 12L9 7Z"></path>
68
+ </svg>
69
+ </div>
70
+ </div>
71
+ <p class="home1-feature-desc">{{product.description}}</p>
72
+ </div>
73
+ </li>
74
+ {% endfor %}
75
+ </ul>
76
+
77
+ <!-- another tools box design -->
78
+ <!-- <nav class="home1-tools-list">
79
+ <ul class="home1-tools-container">
80
+ {% for product in homeData.features %}
81
+ <li class="home1-tool-box">
82
+ <a href="{{product.url}}" class="home1-tool-name">
83
+ <div class="home1-tool-detials">
84
+ <div class="home1-tool-img">
85
+ <img src="{{product.icon}}" height="25px" width="25px"
86
+ alt="home1-tool-icon" {%- if site.crossorigin -%} crossorigin {%-
87
+ endif -%}>
88
+ </div>
89
+ <div class="home1-tool-text">{{product.name}}</div>
90
+ </div>
91
+ </a>
92
+ </li>
93
+ {% endfor %}
94
+ </ul>
95
+ </nav> -->
96
+ </div>
97
+ </div>
98
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
99
+ </div>
100
+ </div>
101
+ </div>
102
+ {%- endif -%}
103
+ {%- endif -%}
104
+ <div class="home-content-box" id="theme-content-box">
105
+ {{content}}
106
+ </div>
107
+ {%- if homeData.TEXTUAL_CONTENT -%}
108
+ <div class="container mt-4 mb-4">
109
+ <div class="row px-0">
110
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
111
+ <div class="col-md-9 mx-auto">
112
+ <div class="row">
113
+ {%- endif -%}
114
+ {% for data in homeData.TEXTUAL_CONTENT %}
115
+ <div class="
116
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4
117
+ {%- endif -%} ">
118
+ <div><img class=" feature-card-img" height="48px" width="48px" loading="lazy"
119
+ src="{{data.logoUrl}}" alt={{data.header}} {%- if site.crossorigin -%} crossorigin {%-
120
+ endif -%}>
121
+ <div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
122
+ <div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
123
+ </div>
124
+ </div>
125
+ {% endfor %}
126
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
127
+ </div>
128
+ </div>
129
+ {%- endif -%}
130
+ </div>
131
+ </div>
132
+ {%- endif -%}
133
+
134
+ {%- if homeData.HOW_TO_CONTENT -%}
135
+ <section class="how-to-section">
136
+ <div class="container">
137
+ <div class="row">
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
+ <div class="col-md-6 order-0 ">
143
+ {%- if homeData.HOW_TO_CONTENT.logoImageUrl -%}
144
+ <div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
145
+ src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
146
+ alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if
147
+ site.crossorigin -%} crossorigin {%- endif -%}>
148
+ </div>
149
+ {%- endif -%}
150
+ </div>
151
+ <div class="col-md-6 order-1">
152
+ <div class="how-to-right">
153
+ <h3 class="how-to-title text-left">{{homeData.HOW_TO_CONTENT.heading | replace:
154
+ "$variable",
155
+ page.value}}</h3>
156
+ <ol class="how-to-list">
157
+ {% for data in homeData.HOW_TO_CONTENT.steps %}
158
+
159
+ <li id="step{{forloop.index}}" class="how-to-list-item">
160
+ <span>{{forloop.index}}.</span>{{data |
161
+ replace: "$variable",
162
+ page.value}}
163
+ </li>
164
+ {% endfor %}
165
+ </ol>
166
+ </div>
167
+ </div>
168
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
169
+ </div>
170
+ </div>
171
+ {%- endif -%}
172
+ </div>
173
+
174
+ </div>
175
+ </section>
176
+ {%- endif -%}
177
+ {%- assign showFaqs = true -%}
178
+ {%- for item in site.noFaqsList -%}
179
+ {%- if item == page.lang -%}
180
+ {%- assign showFaqs = false -%}
181
+ {%- break -%}
182
+ {%- else -%}
183
+ {%- assign showFaqs = true -%}
184
+ {%- endif -%}
185
+ {%- endfor -%}
186
+ {%- if showFaqs == true -%}
187
+ {%- if homeData.FAQ -%}
188
+ <section class="faq-section">
189
+ <div class="container">
190
+ <div class="row">
191
+ <div class="col-md-8 mx-auto">
192
+ <div class="faq">
193
+ {%- if homeData.FAQ.size>0 -%}
194
+ <h3 class="feature-h1 text-center mb-4">{{homeData.faqheading | default: 'Frequently Asked
195
+ Questions'}}
196
+ </h3>
197
+ {%- endif -%}
198
+ <ul class="list-unstyled">
199
+ {% for data in homeData.FAQ %}
200
+ <li>
201
+ <h3 class="faq-question" itemprop="name">{{data.question | replace: "$variable",
202
+ page.value}}<em style="transform: rotate(-135deg);">
203
+ <i></i></em>
204
+ </h3>
205
+ <div style="display: block;">
206
+ <p class="faq-answer" itemprop="text">{{data.answer | replace: "$variable",
207
+ page.value}}
208
+ </p>
209
+ </div>
210
+ </li>
211
+ <hr>
212
+ {% endfor %}
213
+ </ul>
214
+ </div>
215
+ </div>
216
+ </div>
217
+
218
+ </div>
219
+ </section>
220
+ {%- endif -%}
221
+ {%- endif -%}
222
+
223
+
224
+ <!-- {%- include share/socialshare.html -%} -->
225
+ {%- include Rating/rating.html -%}
226
+ {%- if homeData.USPS -%}
227
+ {%- include /Usp/usp.html -%}
228
+
229
+ {%- endif -%}
230
+ {%- if homeData.display_formats -%}
231
+ <div class="container file-detail-table ">
232
+ {%- include fileformat/fileformatdetail.html -%}
233
+ </div>
234
+ {%- endif -%}
235
+ {%- if homeData.compare_formats -%}
236
+ <div class="container compare-table ">
237
+ {%- include fileformat/comparisonfiles.html -%}
238
+ </div>
239
+ {%- endif -%}
240
+ <!-- {%- assign langen = "en" -%}
241
+ {%- if site.data[folder][langen][file].categories -%}
242
+ {% assign categories= site.data[folder][langen][file].categories %}
243
+ {%- else -%}
244
+ {% assign categories= page.categories %}
245
+ {%- endif -%}
246
+ {%- if site.data[folder][langen][file].tags -%}
247
+ {% assign tags= site.data[folder][langen][file].tags %}
248
+ {%- else -%}
249
+ {% assign tags= page.tags %}
250
+ {%- endif -%}
251
+ {%- if categories.size> 0 or tags.size>0-%}
252
+ {%- include section/related_categories_post.html -%}
253
+ {%- else -%}
254
+ {%- include section/recent_posts.html -%}
255
+ {% endif %}
256
+ {%- if site.customblogdata -%}
257
+ {%- if categories.size> 0 or tags.size>0-%}
258
+ {%- include customblog/relatedposts.html -%}
259
+ {%- else -%}
260
+ {%- include customblog/recentposts.html -%}
261
+ {% endif %}
262
+ {%- endif -%} -->
263
+ {% include footer/index.html %}
264
+ {% include script.html %}
265
+ </body>
266
+
267
+ </html>
data/_layouts/home.html CHANGED
@@ -9,8 +9,8 @@
9
9
  <body>
10
10
  {% include header/index.html %}
11
11
  {%- if homeData.nofileupload -%}
12
- <div id="safeui-alert" class="alert alert-{{homeData.variant | default: 'info'}} alert-dismissible fade show text-center"
13
- role="alert">
12
+ <div id="safeui-alert"
13
+ class="alert alert-{{homeData.variant | default: 'info'}} alert-dismissible fade show text-center" role="alert">
14
14
  <div class="container"> <img src="/assets/secure.svg" height="23px" width="18px" alt="secure" {%- if
15
15
  site.crossorigin -%} crossorigin {%- endif -%}> &nbsp;
16
16
  {%- if homeData.alertmsg -%}
@@ -72,8 +72,8 @@
72
72
  site.crossorigin -%} crossorigin {%- endif -%}>
73
73
  </div>
74
74
  </div>
75
- <div class="home-feature-desc">{{product.description}}</div><a class="home-feature-name"
76
- href="{{product.url}}">{{product.name}}</a>
75
+ <div class="home-feature-desc">{{product.description}}</div>
76
+ <a class="home-feature-name" href="{{product.url}}">{{product.name}}</a>
77
77
  </li>
78
78
  {% endfor %}
79
79
  </ul>
@@ -0,0 +1,84 @@
1
+ ---
2
+ layout: feature
3
+ ---
4
+ {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
5
+ {%- assign photoEffectsData = site.data.photoeffects -%}
6
+ <div class="container mt-4">
7
+ <div class="col-md-11 mx-auto">
8
+ <div class="row">
9
+ <div class="col-md-3">
10
+ <div class="categories-section">
11
+ </div>
12
+ <div class="categories-list">
13
+ <div class="accordion" id="accordionExample">
14
+ {%- for item in site.data.photo-categories -%}
15
+ <div class="card card-hover">
16
+ <div class="card-header" id="heading-{{forloop.index}}">
17
+ <button class="btn btn-block text-left p-0" type="button" data-toggle="collapse"
18
+ data-target="#collapse-{{forloop.index}}" aria-expanded="true"
19
+ aria-controls="collapse-{{forloop.index}}">
20
+ {{item.category}} <i class="fas fa-angle-down"></i>
21
+ </button>
22
+ </div>
23
+
24
+ <div id="collapse-{{forloop.index}}" class="collapse"
25
+ aria-labelledby="heading-{{forloop.index}}" data-parent="#accordionExample">
26
+ <div class="card-body">
27
+ {%- for i in item.features -%}
28
+ <a href="{{i.link}}">{{i.name}} </a>
29
+ {%- endfor -%}
30
+ </div>
31
+ </div>
32
+ </div>
33
+ {%- endfor -%}
34
+ </div>
35
+ </div>
36
+
37
+ </div>
38
+ <div class="col-md-9">
39
+ <div class="row" id="upper-panel">
40
+ <div class="col-12 ">
41
+ <div>
42
+ <div>
43
+ <div>
44
+ {%- assign frameh1 = fileData.H1 | replace: "$variable", page.value -%}
45
+ <h1 class="frame-h1">{%- for word in frameh1-%}
46
+ {%- if forloop.first == true -%}
47
+ {{word | capitalize }}
48
+ {%- else -%}
49
+ {{word}}
50
+ {%- endif -%}
51
+ {%- endfor -%}</h1>
52
+ </div>
53
+ {%- assign frameh2 = fileData.H2 | replace: "$variable", page.value -%}
54
+ <h2 class="frame-h2">
55
+ {%- for word in frameh2 -%}
56
+ {%- if forloop.first == true -%}
57
+ {{word | capitalize }}
58
+ {%- else -%}
59
+ {{word}}
60
+ {%- endif -%}
61
+ {%- endfor -%}
62
+ </h2>
63
+ </div>
64
+ </div>
65
+ </div>
66
+ {%- for item in photoEffectsData -%}
67
+ <div class="col-md-3 px-0">
68
+ <a class="photo-card" href="{{item.url}}">
69
+ <div>
70
+ <img src="{{item.image}}" alt="">
71
+ <div class="photo-effect-feature-name">
72
+ {{item.featureName}}
73
+ </div>
74
+ </div>
75
+ </a>
76
+
77
+ </div>
78
+ {%- endfor -%}
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </div>
83
+
84
+ </div>
data/assets/css/batch.css CHANGED
@@ -59,6 +59,10 @@
59
59
  color: #000;
60
60
  }
61
61
 
62
+ .files-processing-list {
63
+ box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
64
+ }
65
+
62
66
  .inputfiles-label {
63
67
  background: #d6f0fb70;
64
68
  /* padding: 10px; */
@@ -133,6 +137,7 @@
133
137
 
134
138
  .table td,
135
139
  .table th {
140
+ font-size: 15px;
136
141
  border-top: none !important;
137
142
  border-bottom: 1px solid #dee2e6;
138
143
  vertical-align: middle !important;
@@ -148,33 +153,39 @@
148
153
  font-size: 14px;
149
154
  }
150
155
 
151
- .download-file-btn:hover,
156
+ .download-file-btn:hover {
157
+ color: #fff !important;
158
+ }
159
+
152
160
  .add-more-files-button:hover {
153
- color: white !important;
161
+ color: #fff !important
154
162
  }
155
163
 
156
164
  .add-more-files-button {
157
- padding: 6px 20px;
165
+ border: 1px solid rgba(0, 0, 0, 0.1) !important;
166
+ border-bottom-left-radius: unset;
167
+ border-bottom-right-radius: unset;
158
168
  color: #fff;
159
169
  background-color: #404040;
160
- border-color: #404040;
161
- /* width: 200px; */
162
170
  font-size: 15px;
163
171
  display: flex;
164
172
  align-items: center;
165
173
  justify-content: center;
166
174
  gap: 10px;
167
- /* margin-left: 12px; */
175
+ position: absolute;
176
+ top: -28px;
177
+ padding: 9px 20px;
178
+
168
179
  }
169
180
 
170
181
  .add-more-files-button img {
171
- width: 30px;
182
+ width: 18px;
172
183
  }
173
184
 
174
185
  .bottom-section-container {
175
- background: #0000000f;
176
- padding: 25px 10px;
177
- border: 1px solid #0000000f;
186
+ display: none;
187
+ background: #f8f9fa;
188
+ border: 1px solid #f8f9fa;
178
189
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
179
190
  }
180
191
 
@@ -184,6 +195,9 @@
184
195
  display: flex;
185
196
  gap: 20px;
186
197
  align-items: center;
198
+ margin-top: 1.5rem;
199
+ justify-content: center;
200
+ width: 100%;
187
201
  }
188
202
 
189
203
  #submit-button:focus {
@@ -359,8 +373,8 @@ input[type='range']::-moz-focus-outer {
359
373
  display: flex;
360
374
  align-items: flex-start;
361
375
  border-bottom: 1px solid #ddd;
362
- margin: 12px 0px;
363
- padding: 12px 0px;
376
+ /* margin: 12px 0px; */
377
+ /* padding: 12px 0px; */
364
378
  flex-direction: column;
365
379
  }
366
380
 
@@ -375,15 +389,16 @@ input[type='range']::-moz-focus-outer {
375
389
  #addMore,
376
390
  #common_btn,
377
391
  #download-zip {
392
+ border-radius: 5px;
378
393
  cursor: pointer;
379
394
  display: inline-block;
380
395
  width: 100%;
381
396
  padding: 14px 0;
382
- margin-bottom: 20px;
397
+ /* margin-bottom: 20px; */
383
398
  text-align: center;
384
- border-radius: 50px;
385
- background: var(--maincolor) !important;
386
- font-size: 18px;
399
+ /* border-radsius: 50px; */
400
+ background: #404044 !important;
401
+ font-size: 15px;
387
402
  color: #fff;
388
403
  font-weight: 700;
389
404
  text-decoration: none;
@@ -398,7 +413,7 @@ input[type='range']::-moz-focus-outer {
398
413
  }
399
414
 
400
415
  #download-zip {
401
- padding: 10px 16px;
416
+ padding: 10px 20px;
402
417
  display: none;
403
418
  /* backgr/ound: #fff; */
404
419
  }
@@ -0,0 +1,66 @@
1
+ .blog1-card {
2
+ position: relative;
3
+ display: -ms-flexbox;
4
+ display: flex;
5
+ -ms-flex-direction: column;
6
+ flex-direction: column;
7
+ min-width: 0;
8
+ word-wrap: break-word;
9
+ background-color: #fff;
10
+ background-clip: border-box;
11
+ width: 100%;
12
+ border-radius: 0.25rem;
13
+ /* box-shadow: 0 10px 35px 0 rgb(0 0 0 / 9%); */
14
+ }
15
+
16
+ .blog1-card-body {
17
+ flex: 1 1 auto;
18
+ min-height: 1px;
19
+ padding: 1rem 0px;
20
+ }
21
+
22
+ .blog1-card-title {
23
+ font-weight: 600;
24
+ font-size: 20px;
25
+ line-height: 1.3;
26
+ text-decoration: underline;
27
+ text-decoration-color: transparent;
28
+ text-decoration-thickness: 2px;
29
+ color: #1e2740;
30
+ transition: all 0.35s;
31
+ }
32
+
33
+ .blog-card-desc {
34
+ font-size: 15px;
35
+ margin-bottom: 0;
36
+ color: #716f8a
37
+ }
38
+
39
+ .blog1-card-img-top {
40
+ border-radius: 10px;
41
+ }
42
+
43
+ .blog1-card:hover {
44
+ will-change: transform;
45
+ transition: transform .2s;
46
+ transform: translateY(-5px);
47
+ }
48
+
49
+ .blog1-card:hover .blog1-card-title {
50
+ text-decoration: underline;
51
+ text-decoration-color: #1e2740;
52
+ text-decoration-thickness: 2px;
53
+ }
54
+
55
+ .blog1-wrapfooter img {
56
+ width: 40px;
57
+ height: 40px;
58
+ }
59
+
60
+ .blog1-wrapfooter .post-date {
61
+ font-size: 12px;
62
+ }
63
+
64
+ .blog1-wrapfooter .author-meta {
65
+ padding: 0 10px;
66
+ }