appscms-tools-theme 3.9.5 → 3.9.7

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 (44) hide show
  1. checksums.yaml +4 -4
  2. data/_data/blog/relatedblogs.json +252 -252
  3. data/_data/feature/en/3_shop_posters.json +361 -1
  4. data/_data/feature/en/allele-frequency.json +321 -1
  5. data/_data/feature/en/batch-conversion.json +153 -1
  6. data/_data/feature/en/compress-pdf.json +6 -6
  7. data/_data/feature/en/devtools.json +299 -1
  8. data/_data/feature/en/face-detection.json +123 -1
  9. data/_data/feature/en/split-pdf.json +176 -1
  10. data/_data/feature/en/theframe.json +126 -1
  11. data/_data/feature/hi/compress-pdf.json +162 -1
  12. data/_data/feature/tr/compress-pdf.json +161 -1
  13. data/_data/home/en/en.json +6 -6
  14. data/_data/home/en/photoeffects.json +97 -1
  15. data/_data/home-1/en/en.json +308 -1
  16. data/_includes/appscms/footer/footer.html +1 -1
  17. data/_includes/appscms/head/bloghead.html +200 -0
  18. data/_includes/appscms/home/feature-boxes.html +1 -1
  19. data/_includes/appscms/navbars/navbar.html +1 -1
  20. data/_includes/appscms/navbars/toolbar.html +90 -39
  21. data/_includes/batch-conversion.html +137 -62
  22. data/_includes/dropdown/langdropdown.html +25 -15
  23. data/_includes/header/blogHeader.html +1 -1
  24. data/_includes/paginationBlogPage.html +62 -64
  25. data/_layouts/allAuthors.html +101 -91
  26. data/_layouts/appscms-author.html +409 -0
  27. data/_layouts/appscms-authors.html +132 -0
  28. data/_layouts/appscms-blog.html +129 -27
  29. data/_layouts/appscms-home.html +15 -0
  30. data/_layouts/appscms-imagekit.html +1 -1
  31. data/_layouts/appscms-post.html +244 -0
  32. data/_layouts/batch.html +159 -108
  33. data/_layouts/blog.html +112 -76
  34. data/_layouts/calculator.html +85 -76
  35. data/_layouts/feature-1.html +3 -6
  36. data/_layouts/feature.html +2 -5
  37. data/_layouts/frame.html +2 -2
  38. data/_layouts/imagekit.html +4 -4
  39. data/assets/css/appscms-blog.css +500 -0
  40. data/assets/css/appscms-theme.css +30 -9
  41. data/assets/css/calculators.css +0 -1
  42. data/assets/js/appscms-search.js +10 -2
  43. data/assets/js/appscms-theme.js +28 -0
  44. metadata +7 -2
@@ -2,89 +2,98 @@
2
2
  layout: feature
3
3
  ---
4
4
 
5
- {% assign file = page.fileName %}
6
- {% assign lang = page.lang %}
7
- {% assign folder = page.folderName %}
8
- {% assign calculatorData= site.data[folder][lang][file].calculatorData %}
5
+ {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
6
+ = page.folderName %} {% assign calculatorData=
7
+ site.data[folder][lang][file].calculatorData %}
9
8
 
10
9
  <div class="container">
11
- <div class="calculator-workspace">
10
+ <div class="row">
11
+ <div class="col-md-7 mx-auto">
12
+ <div class="calculator-workspace">
12
13
  <div class="row w-100 mx-auto">
13
- <form id="calculator-form" class="w-100">
14
- {%- for item in calculatorData.calculatorRow -%}
15
- <div class="row" id="calculator-row-{{forloop.index}}">
16
- {%- if item.labelName -%}
17
- <div class="col-md-12">
18
- <div class="d-flex">
19
- <label for="{{item.labelId}}">{{item.labelName}}</label>
20
- {%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
21
- data-placement="top" title="{{item.toolTip}}"><i
22
- class="fas fa-info-circle"></i></span>{%-
23
- endif -%}
24
- </div>
25
- </div>
26
- {%- endif -%}
27
- {%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
28
- <div class="col-md-12">
29
- <div class="d-flex calculator-inputs">
30
- {%- if item.inputBox -%}
31
- {%- assign inputBoxType = "number" -%}
32
- {%- if item.inputType -%}
33
- {%- assign inputBoxType = item.inputType -%}
34
- {%- endif -%}
35
- <input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
36
- id="{{item.inputId}}">
37
- {%- endif -%}
38
- {%- if item.dropDown -%}
39
- <select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
40
- {%- endif -%}
41
- {%- if item.dateTimePicker -%}
42
- <input class="form-control" type="date" name="{{item.dateTimePicker}}"
43
- id="{{item.dateTimePickerId}}">
44
- {%- endif -%}
45
- {%- if item.unit -%}
46
- <div class="unit">{{item.unit}}</div>
47
- {%- endif -%}
48
-
49
- </div>
50
-
51
- </div>
52
- {%- endif -%}
53
-
54
-
55
- </div>
56
- {%- endfor -%}
57
- <div id="dynamic-section"></div>
58
- </form>
59
-
60
- </div>
61
- <div class="row w-100 mx-auto">
62
- {%- if calculatorData.ButtonValue -%}
63
- <div class="col-12 mt-4 px-0">
64
- <div class="d-flex justify-content-end">
65
- <button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
66
- type="{{calculatorData.ButtonType}}"
67
- id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
14
+ <form id="calculator-form" class="w-100">
15
+ {%- for item in calculatorData.calculatorRow -%}
16
+ <div class="row" id="calculator-row-{{forloop.index}}">
17
+ {%- if item.labelName -%}
18
+ <div class="col-md-12">
19
+ <div class="d-flex">
20
+ <label for="{{item.labelId}}">{{item.labelName}}</label>
21
+ {%- if item.toolTip -%}
22
+ <span
23
+ class="calculator-tooltip"
24
+ data-toggle="tooltip"
25
+ data-placement="top"
26
+ title="{{item.toolTip}}"
27
+ ><i class="fas fa-info-circle"></i></span
28
+ >{%- endif -%}
68
29
  </div>
69
-
70
- </div>
71
- {%- endif -%}
72
- {%- if calculatorData.resultDiv -%}
73
- <div class="col-12 mt-3">
74
- <div class="result-section" id="result-section">
75
-
30
+ </div>
31
+ {%- endif -%} {%- if item.dropDown or item.inputBox or
32
+ item.dateTimePicker -%}
33
+ <div class="col-md-12">
34
+ <div class="d-flex calculator-inputs">
35
+ {%- if item.inputBox -%} {%- assign inputBoxType = "number"
36
+ -%} {%- if item.inputType -%} {%- assign inputBoxType =
37
+ item.inputType -%} {%- endif -%}
38
+ <input
39
+ class="form-control"
40
+ type="{{inputBoxType}}"
41
+ name="{{item.inputName}}"
42
+ id="{{item.inputId}}"
43
+ />
44
+ {%- endif -%} {%- if item.dropDown -%}
45
+ <select
46
+ class="form-control"
47
+ name="{{item.dropDownName}}"
48
+ id="{{item.dropDownId}}"
49
+ ></select>
50
+ {%- endif -%} {%- if item.dateTimePicker -%}
51
+ <input
52
+ class="form-control"
53
+ type="date"
54
+ name="{{item.dateTimePicker}}"
55
+ id="{{item.dateTimePickerId}}"
56
+ />
57
+ {%- endif -%} {%- if item.unit -%}
58
+ <div class="unit">{{item.unit}}</div>
59
+ {%- endif -%}
76
60
  </div>
61
+ </div>
62
+ {%- endif -%}
77
63
  </div>
78
- {%- endif -%}
64
+ {%- endfor -%}
65
+ <div id="dynamic-section"></div>
66
+ </form>
79
67
  </div>
80
-
81
- </div>
82
- {%- if calculatorData.calculatorWarning-%}
83
- <div class="warning-alert-box mt-4">
84
- <div class="alert alert-danger" role="alert">
85
- {{ calculatorData.calculatorWarning }}
68
+ <div class="row w-100 mx-auto">
69
+ {%- if calculatorData.ButtonValue -%}
70
+ <div class="col-12 mt-4 px-0">
71
+ <div class="d-flex justify-content-end">
72
+ <button
73
+ class="submit-button"
74
+ style="background:{{site.data[folder][lang][file].color}} ;"
75
+ type="{{calculatorData.ButtonType}}"
76
+ id="{{calculatorData.ButtonId}}"
77
+ >
78
+ {{calculatorData.ButtonValue}}
79
+ </button>
80
+ </div>
81
+ </div>
82
+ {%- endif -%} {%- if calculatorData.resultDiv -%}
83
+ <div class="col-12 mt-3">
84
+ <div class="result-section" id="result-section"></div>
85
+ </div>
86
+ {%- endif -%}
86
87
  </div>
88
+ </div>
87
89
  </div>
88
- {%- endif -%}
90
+ </div>
89
91
 
90
- </div>
92
+ {%- if calculatorData.calculatorWarning-%}
93
+ <div class="warning-alert-box mt-4">
94
+ <div class="alert alert-danger" role="alert">
95
+ {{ calculatorData.calculatorWarning }}
96
+ </div>
97
+ </div>
98
+ {%- endif -%}
99
+ </div>
@@ -79,7 +79,7 @@
79
79
  <div
80
80
  id="Inputbox"
81
81
  class="boxes"
82
- style="background-color: {{boxColor}};"
82
+ style="background: {{boxColor}};"
83
83
  >
84
84
  <img
85
85
  height="21px"
@@ -97,10 +97,7 @@
97
97
  />
98
98
  <span class="ml-3">CHOOSE FILE</span>
99
99
  </div>
100
- <div
101
- class="file-pick-dropdown"
102
- style="background-color:{{boxColor}}"
103
- >
100
+ <div class="file-pick-dropdown" style="background:{{boxColor}}">
104
101
  <i class="fas fa-angle-down arrow-sign"></i>
105
102
  <div class="file-picker-dropdown" style="display: none">
106
103
  <button id="filepicker">
@@ -184,7 +181,7 @@
184
181
  <div class="d-flex align-items-center">
185
182
  <button
186
183
  id="download-button"
187
- style="background-color: {{pageData.color}};"
184
+ style="background: {{pageData.color}};"
188
185
  >
189
186
  <svg
190
187
  xmlns="http://www.w3.org/2000/svg"
@@ -124,7 +124,7 @@
124
124
  <div
125
125
  id="Inputbox"
126
126
  class="boxes"
127
- style="background-color: {{boxColor}};"
127
+ style="background: {{boxColor}};"
128
128
  >
129
129
  <img
130
130
  height="21px"
@@ -142,10 +142,7 @@
142
142
  />
143
143
  <span class="ml-3">CHOOSE FILE</span>
144
144
  </div>
145
- <div
146
- class="file-pick-dropdown"
147
- style="background-color:{{boxColor}}"
148
- >
145
+ <div class="file-pick-dropdown" style="background:{{boxColor}}">
149
146
  <i class="fas fa-angle-down arrow-sign"></i>
150
147
  <div class="file-picker-dropdown" style="display: none">
151
148
  <button id="filepicker">
data/_layouts/frame.html CHANGED
@@ -156,7 +156,7 @@ layout: feature
156
156
  <div class="crop-image-modal-container">
157
157
  <div class="row w-100">
158
158
  <div class="crop-image-modal col-lg-6 col-md-8 mx-auto">
159
- <div class="crop-image-modal-header" style="background-color:{{fileData.color}} ;">
159
+ <div class="crop-image-modal-header" style="background:{{fileData.color}} ;">
160
160
  <div>Select an area you would like to use</div>
161
161
  <div>
162
162
  <button onclick="closeModal()">
@@ -177,7 +177,7 @@ layout: feature
177
177
  <div class="example-images-modal-container">
178
178
  <div class="row w-100">
179
179
  <div class="example-images-modal col-lg-6 col-md-8 mx-auto">
180
- <div class="crop-image-modal-header" style="background-color:{{fileData.color}} ;">
180
+ <div class="crop-image-modal-header" style="background:{{fileData.color}} ;">
181
181
  <div>Examples</div>
182
182
  <div>
183
183
  <button onclick="closeExamplesModal()">
@@ -46,7 +46,7 @@ layout: feature
46
46
  <div
47
47
  id="Inputbox"
48
48
  class="boxes"
49
- style="background-color: {{pageData.color}}; color: #fff;"
49
+ style="background: {{pageData.color}}; color: #fff;"
50
50
  >
51
51
  <img
52
52
  height="22px"
@@ -67,7 +67,7 @@ layout: feature
67
67
  </div>
68
68
  <div
69
69
  class="file-pick-dropdown"
70
- style="background-color: {{pageData.color}}; color: #fff;"
70
+ style="background: {{pageData.color}}; color: #fff;"
71
71
  >
72
72
  <i class="fas fa-angle-down arrow-sign"></i>
73
73
  <div class="file-picker-dropdown" style="display: none">
@@ -112,7 +112,7 @@ layout: feature
112
112
  </div>
113
113
  </div>
114
114
  {%- endif -%} {%- else -%} {%- if page.removeBox != true -%}
115
- <div class="custom-box" style="background-color:{{pageData.color}};">
115
+ <div class="custom-box" style="background:{{pageData.color}};">
116
116
  <div class="inner-box">
117
117
  <div style="display: none" id="file-loader">
118
118
  <img
@@ -253,7 +253,7 @@ layout: feature
253
253
  <div class="d-flex align-items-center">
254
254
  <button
255
255
  id="download-button"
256
- style="background-color: {{pageData.color}};"
256
+ style="background: {{pageData.color}};"
257
257
  >
258
258
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
259
259
  <path