appscms-tools-theme 3.5.8 → 3.5.9

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: 34917694f56927a9c6367bd2721aa94d4f1678071785b2349f8b2425963fae56
4
- data.tar.gz: ac9e1356f00a396454c20ce47df61819939e02ad2956d4f4d977ff2ea892d98c
3
+ metadata.gz: 55aad53cced962fc52902bccdc8d44025ebb43f6c8567aacb45e045d1cdcdaff
4
+ data.tar.gz: 2775546ffbb8aad09bb869487459fc4f6bf02a1a9773041e7046b6e288d3212a
5
5
  SHA512:
6
- metadata.gz: 3ea29b282c02b9c7c594a7aa0c0801bb798040082d8360517cc2f9eeb4e312f3ef7bc6c20f42daa1329a5bbfcb4c478437d0947a214672d3c2ae64ec6c88b1e5
7
- data.tar.gz: e0272dfa11f67113edf60f0e3ac19bbeca849bdec469dc1932fc6fd8fe65e400e7728f204b88005628dbb5d31c285f34d4a9b741294de13af55dd1894443b421
6
+ metadata.gz: df3457cb89a57095b6640b96f15e58a7f1ece33c1e08633dc0ab6abb8bae7eb90ef0e17c33fdc115f8288c5a7c6dccaf83da569b66871695e74d5b416c731316
7
+ data.tar.gz: b9bed241272aea35efdb2b1c99b281367a998b143dce1c595d55bf21ba18d94fdf53f7fdb84de50dab199328968ab553c959b1ed09c46fd9fe28224cb574be17
@@ -443,7 +443,10 @@ site.removeJquery != true -%}
443
443
  {%- endif -%}
444
444
 
445
445
  <script defer src="/assets/js/theme.js" crossorigin="anonymous"></script>
446
- {%- if site.removeBootstrapJs != true -%}
446
+ {%- if site.userTrackingCount -%}
447
+ <script defer src="/assets/js/usageTracking.js"></script>
448
+ <script defer src="/assets/js/sharePage.js"></script>
449
+ {%- endif -%} {%- if site.removeBootstrapJs != true -%}
447
450
  <script
448
451
  defer="defer"
449
452
  src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
@@ -451,11 +454,9 @@ site.removeJquery != true -%}
451
454
  crossorigin="anonymous"
452
455
  ></script>
453
456
  {%- endif -%} {{site.data.customcdns.customcdns.jsfiles}} {%- if
454
- scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%}
455
-
456
- {%- assign asset_dir = path -%}
457
- {%- if site.versioning and asset_dir != "" -%}
458
- {%- if asset_dir contains "https" and asset_dir contains "https://" -%}
457
+ scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%} {%- assign
458
+ asset_dir = path -%} {%- if site.versioning and asset_dir != "" -%} {%- if
459
+ asset_dir contains "https" and asset_dir contains "https://" -%}
459
460
  <script
460
461
  defer
461
462
  src="{{path}}"
@@ -495,8 +496,7 @@ scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%}
495
496
  endif
496
497
  -%}
497
498
  ></script>
498
- {%- endif -%}
499
- {%- else -%}
499
+ {%- endif -%} {%- else -%}
500
500
  <script
501
501
  defer
502
502
  src="{{path}}"
@@ -516,15 +516,11 @@ scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%}
516
516
  endif
517
517
  -%}
518
518
  ></script>
519
- {%- endif -%}
520
-
521
-
522
-
523
- {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for item in
524
- scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName | replace:
525
- "$fileName", page.fileName | replace: "$lang", page.lang | replace: "$tool",
526
- page.tool }} {%- endfor -%} {%- endif -%} {%- if page.layout == "frame" -%} {%-
527
- assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
519
+ {%- endif -%} {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for
520
+ item in scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName |
521
+ replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
522
+ "$tool", page.tool }} {%- endfor -%} {%- endif -%} {%- if page.layout == "frame"
523
+ -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
528
524
  "photo-effects-home" -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if
529
525
  page.layout == "calculator" -%}
530
526
  <script defer src="/assets/js/calculator-tooltip.js"></script>
@@ -0,0 +1,43 @@
1
+ <div id="shareModal" class="shareModal">
2
+ <div class="share-modal-content">
3
+ <span class="close-share-modal">&times;</span>
4
+ <h5>Share this page</h5>
5
+ <div class="share-modal-social">
6
+ <div>
7
+ <a href="#" class="social-share facebook"
8
+ ><i class="fab fa-facebook"></i
9
+ ></a>
10
+ </div>
11
+ <div>
12
+ <a href="#" class="social-share instagram"
13
+ ><i class="fab fa-instagram"></i
14
+ ></a>
15
+ </div>
16
+ <div>
17
+ <a href="#" class="social-share twitter"
18
+ ><i class="fab fa-twitter"></i
19
+ ></a>
20
+ </div>
21
+ <div>
22
+ <a href="#" class="social-share whatsapp"
23
+ ><i class="fab fa-whatsapp"></i
24
+ ></a>
25
+ </div>
26
+ <div>
27
+ <a href="#" class="social-share telegram"
28
+ ><i class="fab fa-telegram"></i
29
+ ></a>
30
+ </div>
31
+ <div>
32
+ <a href="#" class="social-share pinterest"
33
+ ><i class="fab fa-pinterest"></i
34
+ ></a>
35
+ </div>
36
+ <div>
37
+ <a href="#" class="social-share linkedin"
38
+ ><i class="fab fa-linkedin"></i
39
+ ></a>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ </div>
@@ -2,165 +2,268 @@
2
2
  = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
3
3
  <!DOCTYPE html>
4
4
  <html lang="{{page.lang}}">
5
- {% include head/index.html %}
5
+ {% include head/index.html %}
6
6
 
7
- <body>
8
- {% include header/index.html %} {%- if site.safeui -%}
9
- <div class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center" role="alert"
10
- id="safeui-alert">
11
- <div class="container">
12
- {%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
13
- do not upload any files to server, hence your data is 100% secure. {%-
14
- endif -%}
7
+ <body>
8
+ {% include header/index.html %} {%- if site.safeui -%}
9
+ <div
10
+ class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center"
11
+ role="alert"
12
+ id="safeui-alert"
13
+ >
14
+ <div class="container">
15
+ {%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
16
+ do not upload any files to server, hence your data is 100% secure. {%-
17
+ endif -%}
18
+ </div>
15
19
  </div>
16
- </div>
17
- {%- endif -%} {%- if page.layout != "frame" and page.layout !=
18
- "photo-effects-home" and page.layout != "video" and page.layout != "audio"
19
- -%} {%- if site.newFeatureBox -%}
20
- <div class="appscms-sidebar-left"></div>
21
- <div class="appscms-sidebar-right"></div>
22
- {%- endif -%}
20
+ {%- endif -%} {%- if page.layout != "frame" and page.layout !=
21
+ "photo-effects-home" and page.layout != "video" and page.layout != "audio"
22
+ -%} {%- if site.newFeatureBox -%}
23
+ <div class="appscms-sidebar-left"></div>
24
+ <div class="appscms-sidebar-right"></div>
25
+ {%- endif -%}
23
26
 
24
- <div class="flex-container pb-3">
25
- <div class="flex-class py-4 mt-4 mt-md-0">
26
- <div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
27
- <span id="h1-img" class="fHhdVc">
28
- <div class="div-cont feature-img mr-2">
29
- {%- if featureData.img -%}
30
- <img style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};" src="{{featureData.img}}"
31
- alt="{{featureData.imgalt}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
32
- {%- else -%}
33
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 36"
34
- fill="#000">
35
- <path
36
- d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z">
37
- </path>
38
- </svg>
39
- {%- endif -%}
40
- </div>
41
- </span>
42
- {%- assign featureh1 = featureData.H1 | replace: "$variable",
43
- page.value -%}
44
- <h1 id="feature-h1" class="feature-h1">
45
- {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
27
+ <div class="flex-container pb-3">
28
+ <div class="flex-class py-4 mt-4 mt-md-0">
29
+ <div
30
+ id="h1-img-wrapper"
31
+ class="d-flex justify-content-center align-items-center"
32
+ >
33
+ <span id="h1-img" class="fHhdVc">
34
+ <div class="div-cont feature-img mr-2">
35
+ {%- if featureData.img -%}
36
+ <img
37
+ style="width:{{featureData.imgwidth}};height:{{featureData.imgheight}};"
38
+ src="{{featureData.img}}"
39
+ alt="{{featureData.imgalt}}"
40
+ {%-
41
+ if
42
+ site.crossorigin
43
+ -%}
44
+ crossorigin
45
+ {%-
46
+ endif
47
+ -%}
48
+ />
49
+ {%- else -%}
50
+ <svg
51
+ xmlns="http://www.w3.org/2000/svg"
52
+ xmlns:xlink="http://www.w3.org/1999/xlink"
53
+ viewBox="0 0 36 36"
54
+ fill="#000"
55
+ >
56
+ <path
57
+ d="M6,6 L9,18 L6,30 L18,27 L30,30 L27,18 L30,6 L18,9 L6,6 Z M3,3 L18,6.75 L33,3 L29.25,18 L33,33 L18,29.25 L3,33 L6.75,18 L3,3 Z"
58
+ ></path>
59
+ </svg>
60
+ {%- endif -%}
61
+ </div>
62
+ </span>
63
+ {%- assign featureh1 = featureData.H1 | replace: "$variable",
64
+ page.value -%}
65
+ <h1 id="feature-h1" class="feature-h1">
66
+ {%- for word in featureh1-%} {%- if forloop.first == true -%} {{word
67
+ | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
68
+ </h1>
69
+ </div>
70
+ {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
71
+ -%}
72
+ <h2 id="feature-h2" class="feature-h2">
73
+ {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
46
74
  | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
47
- </h1>
75
+ </h2>
48
76
  </div>
49
- {%- assign featureh2 = featureData.H2 | replace: "$variable", page.value
50
- -%}
51
- <h2 id="feature-h2" class="feature-h2">
52
- {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
53
- | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
54
- </h2>
55
77
  </div>
56
- </div>
57
78
 
58
-
59
- {%- endif -%} {%- if site.noFeatureBox == true -%}
60
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
61
- {%- elsif site.newFeatureBox and page.newBox -%}
62
- <div class="feature-content-box" id="theme-content-box">
63
- <div class="container">
64
- {%- assign boxColor =
65
- site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
66
- page.removeBox != true -%}
67
- <div class="custom-box" data-color="{{boxColor}}">
68
- <div style="display: none" id="file-loader">
69
- <img src="/spinner.gif" alt="spinner" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
70
- <p>Please Wait ,Loading Your file</p>
71
- </div>
72
- <div class="saving-file-download-wrap" style="display: none">
73
- <img loading="lazy" class="trust-img" src="/trust.svg" alt="trust" {%- if site.crossorigin -%} crossorigin {%-
74
- endif -%} />
75
- <p class="text-white my-2">Thanks for your patience</p>
76
- <button class="btn" id="download-zip">Download</button>
77
- </div>
78
- <div class="file-input" id="inputbox" style="color: #fff">
79
- <div class="m-auto">
80
- <div class="d-flex justify-content-center align-items-center">
81
- <div id="Inputbox" class="boxes" style="background-color: {{boxColor}};">
82
- <img height="21px" width="21px" src="/assets/images/add.svg" alt="add" {%- if site.crossorigin -%}
83
- crossorigin {%- endif -%} />
84
- <span class="ml-3">CHOOSE FILE</span>
85
- </div>
86
- <div class="file-pick-dropdown" style="background-color:{{boxColor}}">
87
- <i class="fas fa-angle-down arrow-sign"></i>
88
- <div class="file-picker-dropdown" style="display: none">
89
- <button id="filepicker">
90
- <svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
91
- <path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
92
- <path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
93
- <path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
94
- </svg>
95
- Google Drive
96
- </button>
97
- <button id="dropbox">
98
- <svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
99
- <path id="icon"
100
- 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">
101
- </path>
102
- </svg>
103
- Dropbox
104
- </button>
79
+ {%- endif -%} {%- if site.noFeatureBox == true -%}
80
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
81
+ {%- elsif site.newFeatureBox and page.newBox -%}
82
+ <div class="feature-content-box" id="theme-content-box">
83
+ <div class="container">
84
+ {%- assign boxColor =
85
+ site.data[page.folderName][page.lang][page.fileName].color -%} {%- if
86
+ page.removeBox != true -%}
87
+ <div class="custom-box" data-color="{{boxColor}}">
88
+ <div style="display: none" id="file-loader">
89
+ <img
90
+ src="/spinner.gif"
91
+ alt="spinner"
92
+ {%-
93
+ if
94
+ site.crossorigin
95
+ -%}
96
+ crossorigin
97
+ {%-
98
+ endif
99
+ -%}
100
+ />
101
+ <p>Please Wait ,Loading Your file</p>
102
+ </div>
103
+ <div class="saving-file-download-wrap" style="display: none">
104
+ <img
105
+ loading="lazy"
106
+ class="trust-img"
107
+ src="/trust.svg"
108
+ alt="trust"
109
+ {%-
110
+ if
111
+ site.crossorigin
112
+ -%}
113
+ crossorigin
114
+ {%-
115
+ endif
116
+ -%}
117
+ />
118
+ <p class="text-white my-2">Thanks for your patience</p>
119
+ <button class="btn" id="download-zip">Download</button>
120
+ </div>
121
+ <div class="file-input" id="inputbox" style="color: #fff">
122
+ <div class="m-auto">
123
+ <div class="d-flex justify-content-center align-items-center">
124
+ <div
125
+ id="Inputbox"
126
+ class="boxes"
127
+ style="background-color: {{boxColor}};"
128
+ >
129
+ <img
130
+ height="21px"
131
+ width="21px"
132
+ src="/assets/images/add.svg"
133
+ alt="add"
134
+ {%-
135
+ if
136
+ site.crossorigin
137
+ -%}
138
+ crossorigin
139
+ {%-
140
+ endif
141
+ -%}
142
+ />
143
+ <span class="ml-3">CHOOSE FILE</span>
144
+ </div>
145
+ <div
146
+ class="file-pick-dropdown"
147
+ style="background-color:{{boxColor}}"
148
+ >
149
+ <i class="fas fa-angle-down arrow-sign"></i>
150
+ <div class="file-picker-dropdown" style="display: none">
151
+ <button id="filepicker">
152
+ <svg
153
+ class="mr-3"
154
+ viewBox="0 0 24 24"
155
+ xmlns="http://www.w3.org/2000/svg"
156
+ >
157
+ <path
158
+ id="Path"
159
+ d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z"
160
+ fill="#FFC107"
161
+ ></path>
162
+ <path
163
+ id="Path_2"
164
+ d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z"
165
+ fill="#1976D2"
166
+ ></path>
167
+ <path
168
+ id="Path_3"
169
+ d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z"
170
+ fill="#4CAF50"
171
+ ></path>
172
+ </svg>
173
+ Google Drive
174
+ </button>
175
+ <button id="dropbox">
176
+ <svg
177
+ class="mr-3"
178
+ viewBox="0 0 24 24"
179
+ fill="#0061FF"
180
+ xmlns="http://www.w3.org/2000/svg"
181
+ >
182
+ <path
183
+ id="icon"
184
+ 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"
185
+ ></path>
186
+ </svg>
187
+ Dropbox
188
+ </button>
189
+ </div>
105
190
  </div>
106
191
  </div>
107
192
  </div>
193
+ <p id="dropfile" class="text-dark">or drop your file here</p>
194
+ <p id="error" class="p-3"></p>
108
195
  </div>
109
- <p id="dropfile" class="text-dark">or drop your file here</p>
110
- <p id="error" class="p-3"></p>
111
196
  </div>
112
- </div>
113
- <div class="workspace">
114
- <div class="row mx-auto">
115
- <div class="col-md-10 mx-auto">{{content}}</div>
197
+ <div class="workspace">
198
+ <div class="row mx-auto">
199
+ <div class="col-md-10 mx-auto">{{content}}</div>
200
+ </div>
116
201
  </div>
202
+ {%- endif -%}
117
203
  </div>
118
- {%- endif -%}
119
204
  </div>
120
- </div>
121
- {%- else -%} {%- if page.noBox == true -%}
122
- <div class="feature-content-box" id="theme-content-box">{{content}}</div>
123
- {%- else -%}
124
- <div class="box-padding" id="theme-content-box">
125
- <div class="d-flex" id="__cond-922051">
126
- <div class="flex-container">
127
- <div class="flex-class">
128
- <div class="d-flex flex-column">
129
- <div class="box"
130
- style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}">
131
- <div class="box-border"></div>
132
- <div class="content-box">{{content}}</div>
205
+ {%- else -%} {%- if page.noBox == true -%}
206
+ <div class="feature-content-box" id="theme-content-box">{{content}}</div>
207
+ {%- else -%}
208
+ <div class="box-padding" id="theme-content-box">
209
+ <div class="d-flex" id="__cond-922051">
210
+ <div class="flex-container">
211
+ <div class="flex-class">
212
+ <div class="d-flex flex-column">
213
+ <div
214
+ class="box"
215
+ style="background:{{featureData.color}};min-height:{{featureData.height}};width:{{featureData.width}}"
216
+ >
217
+ <div class="box-border"></div>
218
+ <div class="content-box">{{content}}</div>
219
+ </div>
133
220
  </div>
134
221
  </div>
135
222
  </div>
136
223
  </div>
137
224
  </div>
138
- </div>
139
- {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
140
- <div class="w-100 line" style="border-top: 1px solid rgb(224, 224, 224)"></div>
141
- {%- endif -%}
225
+ {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
226
+ <div
227
+ class="w-100 line"
228
+ style="border-top: 1px solid rgb(224, 224, 224)"
229
+ ></div>
230
+ {%- endif -%}
142
231
 
143
- <div class="container mt-4 mb-5">
144
- <div class="row px-0">
145
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
146
- <div class="col-md-9 mx-auto">
147
- <div class="row">
148
- {%- endif -%}
149
- {% assign totalHeaderCount = 0 %}
150
- {% for data in featureData.TEXTUAL_CONTENT %}
151
- {% assign words = data.header | split: " " %}
152
- {% assign word_count = words | size %}
153
- {% assign totalHeaderCount = totalHeaderCount | plus: word_count %}
154
- {% endfor %}
155
- {% for data in featureData.TEXTUAL_CONTENT %}
156
- <div
157
- class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}">
158
- <div>
159
- <img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
160
- alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
232
+ <div class="container mt-4 mb-5">
233
+ <div class="row px-0">
234
+ {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
235
+ <div class="col-md-9 mx-auto">
236
+ <div class="row">
237
+ {%- endif -%} {% assign totalHeaderCount = 0 %} {% for data in
238
+ featureData.TEXTUAL_CONTENT %} {% assign words = data.header |
239
+ split: " " %} {% assign word_count = words | size %} {% assign
240
+ totalHeaderCount = totalHeaderCount | plus: word_count %} {% endfor
241
+ %} {% for data in featureData.TEXTUAL_CONTENT %}
242
+ <div
243
+ class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}"
244
+ >
245
+ <div>
246
+ <img
247
+ class="feature-card-img"
248
+ src="{{data.logoUrl}}"
249
+ loading="lazy"
250
+ height="48px"
251
+ width="48px"
252
+ alt="{{data.header}}"
253
+ {%-
254
+ if
255
+ site.crossorigin
256
+ -%}
257
+ crossorigin
258
+ {%-
259
+ endif
260
+ -%}
261
+ />
161
262
 
162
263
  {%- if totalHeaderCount > site.count_of_words_in_headings -%}
163
- <h2 class="feature-card-title">{{data.header | replace: "$variable", page.value}}</h2>
264
+ <h2 class="feature-card-title">
265
+ {{data.header | replace: "$variable", page.value}}
266
+ </h2>
164
267
  {%- else -%}
165
268
  <div class="feature-card-title">
166
269
  {{data.header | replace: "$variable", page.value}}
@@ -171,8 +274,7 @@
171
274
  </div>
172
275
  </div>
173
276
  </div>
174
- {% endfor %}
175
- {%- if site.monumetricId and page.url != '/' and
277
+ {% endfor %} {%- if site.monumetricId and page.url != '/' and
176
278
  page.lang == 'en' -%}
177
279
  </div>
178
280
  </div>
@@ -189,34 +291,51 @@
189
291
  <div class="col-md-6 order-0">
190
292
  {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
191
293
  <div class="how-to-video-wrapper">
192
- {% assign video_url = featureData.HOW_TO_CONTENT.YoutubeVideoUrl %}
193
- {% assign params = video_url | split: "?" | last | split: "&" %}
194
- {% for param in params %}
195
- {% if param contains "v=" %}
196
- {% assign video_id = param | split: "=" | last %}
197
- {% endif %}
198
- {% endfor %}
199
-
200
- {%- if site.monumetricId -%}
201
- <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
202
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
294
+ {% assign video_url =
295
+ featureData.HOW_TO_CONTENT.YoutubeVideoUrl %} {% assign params
296
+ = video_url | split: "?" | last | split: "&" %} {% for param
297
+ in params %} {% if param contains "v=" %} {% assign video_id =
298
+ param | split: "=" | last %} {% endif %} {% endfor %} {%- if
299
+ site.monumetricId -%}
300
+ <iframe
301
+ class="youtubeVideoPlayer mb-5"
302
+ width="400"
303
+ height="315"
304
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
305
+ allowfullscreen
306
+ >
203
307
  </iframe>
204
308
  {%- else -%}
205
- <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
206
- src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
309
+ <iframe
310
+ class="youtubeVideoPlayer mb-5"
311
+ width="500"
312
+ height="315"
313
+ src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
314
+ allowfullscreen
315
+ >
207
316
  </iframe>
208
317
  {%- endif -%}
209
-
210
318
  </div>
211
319
  {%- else -%}
212
320
  <div class="how-to-img-wrapper">
213
- <img class="how-to-leftimg" height="180px" width="300px"
214
- src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
215
- alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
216
- -%} crossorigin {%- endif -%} />
321
+ <img
322
+ class="how-to-leftimg"
323
+ height="180px"
324
+ width="300px"
325
+ src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}"
326
+ loading="lazy"
327
+ alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
328
+ {%-
329
+ if
330
+ site.crossorigin
331
+ -%}
332
+ crossorigin
333
+ {%-
334
+ endif
335
+ -%}
336
+ />
217
337
  </div>
218
338
  {%- endif -%}
219
-
220
339
  </div>
221
340
  <div class="col-md-6 order-1">
222
341
  <div class="how-to-right">
@@ -244,7 +363,6 @@
244
363
  </div>
245
364
  </section>
246
365
 
247
-
248
366
  {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
249
367
  -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
250
368
  item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
@@ -263,8 +381,11 @@
263
381
  {% for data in featureData.FAQ %}
264
382
  <li>
265
383
  <h3 class="faq-question" itemprop="name">
266
- {{data.question | replace: "$variable", page.value}}<em style="transform: rotate(-135deg)">
267
- <i></i></em>
384
+ {{data.question | replace: "$variable", page.value}}<em
385
+ style="transform: rotate(-135deg)"
386
+ >
387
+ <i></i
388
+ ></em>
268
389
  </h3>
269
390
  <div style="display: block">
270
391
  <p class="faq-answer" itemprop="text">
@@ -281,9 +402,8 @@
281
402
  </section>
282
403
  {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
283
404
  include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
284
- {%- include infographics/infographics.html -%}
285
- {%- endif -%} {%- include /Usp/usp.html -%} {%- if
286
- featureData.display_formats -%}
405
+ {%- include infographics/infographics.html -%} {%- endif -%} {%- include
406
+ /Usp/usp.html -%} {%- if featureData.display_formats -%}
287
407
  <div class="container compare-table">
288
408
  {%- include fileformat/fileformatdetail.html -%}
289
409
  </div>
@@ -291,7 +411,9 @@
291
411
  <div class="container file-detail-table">
292
412
  {%- include fileformat/comparisonfiles.html -%}
293
413
  </div>
294
- {%- endif -%} {%- assign langen = "en" -%} {%- if
414
+
415
+ {%- endif -%} {%- if site.userTrackingCount -%} {%- include
416
+ userTracking.html -%} {%- endif -%} {%- assign langen = "en" -%} {%- if
295
417
  site.data[folder][langen][file].categories -%} {% assign categories=
296
418
  site.data[folder][langen][file].categories %} {%- else -%} {% assign
297
419
  categories= page.categories %} {%- endif -%} {%- if
@@ -302,11 +424,9 @@
302
424
  section/recent_posts.html -%} {% endif %} {%- if site.customblogdata -%} {%-
303
425
  if categories.size> 0 or tags.size>0-%} {%- include
304
426
  customblog/relatedposts.html -%} {%- else -%} {%- include
305
- customblog/recentposts.html -%} {% endif %} {%- endif -%}
306
- {%- if featureData.author.size > 0 -%}
307
- {% include featurePageAuthors/featurePageAuthors.html %}
308
- {%- endif -%} {% include
427
+ customblog/recentposts.html -%} {% endif %} {%- endif -%} {%- if
428
+ featureData.author.size > 0 -%} {% include
429
+ featurePageAuthors/featurePageAuthors.html %} {%- endif -%} {% include
309
430
  footer/index.html %} {% include script.html %}
310
- </body>
311
-
312
- </html>
431
+ </body>
432
+ </html>
data/assets/css/tools.css CHANGED
@@ -198,7 +198,6 @@ a:hover {
198
198
  }
199
199
  }
200
200
 
201
-
202
201
  .how-to-list {
203
202
  margin: 0px;
204
203
  padding: 6px 0px;
@@ -871,7 +870,7 @@ ul li {
871
870
  }
872
871
 
873
872
  @media (max-width: 768px) {
874
- .how-to-video-wrapper .youtubeVideoPlayer{
873
+ .how-to-video-wrapper .youtubeVideoPlayer {
875
874
  width: 100%;
876
875
  }
877
876
  .catPad {
@@ -1618,7 +1617,7 @@ ol li::marker {
1618
1617
  overflow: hidden;
1619
1618
  }
1620
1619
 
1621
- .infographics_section .slide {
1620
+ .infographics_section .slide {
1622
1621
  position: absolute;
1623
1622
  top: 0;
1624
1623
  width: 100%;
@@ -1629,7 +1628,7 @@ ol li::marker {
1629
1628
  transition: transform 1s;
1630
1629
  }
1631
1630
 
1632
- .infographics_section .slide img {
1631
+ .infographics_section .slide img {
1633
1632
  width: 100%;
1634
1633
  height: 100%;
1635
1634
  object-fit: cover;
@@ -1641,7 +1640,7 @@ ol li::marker {
1641
1640
  }
1642
1641
 
1643
1642
  .infographics_section button .fas {
1644
- color:#fff;
1643
+ color: #fff;
1645
1644
  }
1646
1645
 
1647
1646
  .infographics_section .btn-slide {
@@ -1659,7 +1658,7 @@ ol li::marker {
1659
1658
  transform: translate(-50%, -50%);
1660
1659
  }
1661
1660
 
1662
- .infographics_section .next {
1661
+ .infographics_section .next {
1663
1662
  right: 3rem;
1664
1663
  transform: translate(50%, -50%);
1665
1664
  }
@@ -1671,33 +1670,87 @@ ol li::marker {
1671
1670
  position: relative;
1672
1671
  }
1673
1672
 
1674
- .infographics_section .dot {
1673
+ .infographics_section .dot {
1675
1674
  width: 25px;
1676
1675
  height: 5px;
1677
1676
  margin: 15px 5px;
1678
- border-radius: .5rem;
1679
- background: rgba(39, 39, 39, .5);
1677
+ border-radius: 0.5rem;
1678
+ background: rgba(39, 39, 39, 0.5);
1680
1679
  cursor: pointer;
1681
1680
  }
1682
1681
 
1683
- .infographics_section .dot.active {
1682
+ .infographics_section .dot.active {
1684
1683
  background: #272727;
1685
1684
  }
1686
1685
 
1687
-
1688
- @media screen and (min-width: 1450px){
1689
- .appscms-sidebar-left{
1686
+ @media screen and (min-width: 1450px) {
1687
+ .appscms-sidebar-left {
1690
1688
  left: 200px !important;
1691
1689
  }
1692
- .appscms-sidebar-right{
1690
+ .appscms-sidebar-right {
1693
1691
  right: 200px !important;
1694
1692
  }
1695
1693
  }
1696
- @media screen and (min-width: 1920px){
1697
- .appscms-sidebar-left{
1694
+ @media screen and (min-width: 1920px) {
1695
+ .appscms-sidebar-left {
1698
1696
  left: 300px !important;
1699
1697
  }
1700
- .appscms-sidebar-right{
1698
+ .appscms-sidebar-right {
1701
1699
  right: 300px !important;
1702
1700
  }
1703
1701
  }
1702
+ .shareModal {
1703
+ display: none;
1704
+ position: fixed;
1705
+ z-index: 1;
1706
+ left: 0;
1707
+ top: 0;
1708
+ width: 100%;
1709
+ height: 100%;
1710
+ overflow: auto;
1711
+ background-color: rgba(0, 0, 0, 0.5);
1712
+ }
1713
+
1714
+ .shareModal .share-modal-content {
1715
+ background-color: #fefefe;
1716
+ margin: 15% auto;
1717
+ padding: 20px;
1718
+ /* border: 1px solid #888; */
1719
+ width: 70%;
1720
+ height: 200px;
1721
+ text-align: center;
1722
+ }
1723
+
1724
+ .shareModal .close-share-modal {
1725
+ color: #aaa;
1726
+ float: right;
1727
+ display: none;
1728
+ font-size: 28px;
1729
+ font-weight: bold;
1730
+ }
1731
+ .shareModal h5 {
1732
+ color: #000;
1733
+ padding-top: 10px;
1734
+ font-weight: 700;
1735
+ }
1736
+ .shareModal .close-share-modal:hover,
1737
+ .shareModal .close-share-modal:focus {
1738
+ color: black;
1739
+ text-decoration: none;
1740
+ cursor: pointer;
1741
+ }
1742
+
1743
+ .share-modal-social {
1744
+ display: flex;
1745
+ gap: 30px;
1746
+ height: 100%;
1747
+ padding-bottom: 60px;
1748
+ align-items: center;
1749
+ justify-content: center;
1750
+ }
1751
+ .share-modal-social a {
1752
+ color: #000;
1753
+ }
1754
+ .share-modal-social a i {
1755
+ font-size: 30px;
1756
+ }
@@ -0,0 +1,65 @@
1
+ document
2
+ .getElementsByClassName("close-share-modal")[0]
3
+ .addEventListener("click", function () {
4
+ document.getElementsByClassName("shareModal")[0].style.display = "none";
5
+ });
6
+
7
+ document
8
+ .getElementsByClassName("facebook")[0]
9
+ .addEventListener("click", function () {
10
+ window.open(
11
+ "https://www.facebook.com/sharer/sharer.php?u=" +
12
+ encodeURIComponent(window.location.href)
13
+ );
14
+ });
15
+
16
+ document
17
+ .getElementsByClassName("instagram")[0]
18
+ .addEventListener("click", function () {
19
+ window.open("https://www.instagram.com/");
20
+ });
21
+
22
+ document
23
+ .getElementsByClassName("twitter")[0]
24
+ .addEventListener("click", function () {
25
+ window.open(
26
+ "https://twitter.com/share?url=" +
27
+ encodeURIComponent(window.location.href)
28
+ );
29
+ });
30
+
31
+ document
32
+ .getElementsByClassName("whatsapp")[0]
33
+ .addEventListener("click", function () {
34
+ window.open(
35
+ "https://api.whatsapp.com/send?text=" +
36
+ encodeURIComponent(window.location.href)
37
+ );
38
+ });
39
+
40
+ document
41
+ .getElementsByClassName("telegram")[0]
42
+ .addEventListener("click", function () {
43
+ window.open(
44
+ "https://telegram.me/share/url?url=" +
45
+ encodeURIComponent(window.location.href)
46
+ );
47
+ });
48
+
49
+ document
50
+ .getElementsByClassName("pinterest")[0]
51
+ .addEventListener("click", function () {
52
+ window.open(
53
+ "https://pinterest.com/pin/create/button/?url=" +
54
+ encodeURIComponent(window.location.href)
55
+ );
56
+ });
57
+
58
+ document
59
+ .getElementsByClassName("linkedin")[0]
60
+ .addEventListener("click", function () {
61
+ window.open(
62
+ "https://www.linkedin.com/shareArticle?mini=true&url=" +
63
+ encodeURIComponent(window.location.href)
64
+ );
65
+ });
@@ -0,0 +1,90 @@
1
+ ---
2
+ ---
3
+
4
+ const inputBoxOfFeatureFile=document.querySelector('#file')
5
+ const inputBoxOfFeatureFiles=document.querySelector('#files')
6
+
7
+ if (inputBoxOfFeatureFile) {
8
+ inputBoxOfFeatureFile.addEventListener('change',()=>{
9
+ checkUsage()
10
+ })
11
+ }
12
+ if (inputBoxOfFeatureFiles) {
13
+ inputBoxOfFeatureFiles.addEventListener('change',()=>{
14
+ checkUsage()
15
+ })
16
+ }
17
+
18
+ let userTrackingCountLimit='{{site.userTrackingCount}}';
19
+ const checkUsage = () => {
20
+ const today = new Date().toDateString();
21
+ const usageCount = getCookie("featureUsageCount");
22
+
23
+ if (usageCount) {
24
+ // User has already used the feature today
25
+ if (usageCount >= Number(userTrackingCountLimit)) {
26
+ showShareModal();
27
+ } else {
28
+ incrementUsageCount(usageCount);
29
+ }
30
+ } else {
31
+ // First usage of the day
32
+ setCookie("featureUsageCount", 1, getExpirationDate());
33
+ }
34
+ };
35
+
36
+ const incrementUsageCount = (count) => {
37
+ const today = new Date().toDateString();
38
+
39
+ if (count >= Number(userTrackingCountLimit)) {
40
+ showShareModal();
41
+ } else {
42
+ count++;
43
+ setCookie("featureUsageCount", count, getExpirationDate());
44
+ }
45
+ };
46
+
47
+ const showShareModal = () => {
48
+ document.getElementById("shareModal").style.display = "block";
49
+ };
50
+
51
+ const handleShare = () => {
52
+ const usageCount = getCookie("featureUsageCount");
53
+ if (usageCount) {
54
+ // Decrement the usage count by 1 if the user has already used the feature today
55
+ setCookie("featureUsageCount", usageCount - 1, getExpirationDate());
56
+ }
57
+ document.getElementById("shareModal").style.display = "none";
58
+ };
59
+
60
+ const getCookie = (name) => {
61
+ const cookies = document.cookie.split(";");
62
+ for (let i = 0; i < cookies.length; i++) {
63
+ const cookie = cookies[i].trim();
64
+ if (cookie.indexOf(name + "=") === 0) {
65
+ return parseInt(cookie.substring((name + "=").length, cookie.length));
66
+ }
67
+ }
68
+ return null;
69
+ };
70
+
71
+ const setCookie = (name, value, expires) => {
72
+ document.cookie = `${name}=${value};expires=${expires};path=/`;
73
+ };
74
+
75
+ const getExpirationDate = () => {
76
+ const date = new Date();
77
+ date.setTime(date.getTime() + 24 * 60 * 60 * 1000); // 24 hours in milliseconds
78
+ return date.toUTCString();
79
+ };
80
+ const socialShare=document.querySelectorAll('.social-share')
81
+
82
+ if (socialShare) {
83
+ Array.from(socialShare).map(item=>{
84
+ console.log(item)
85
+ item.addEventListener('click',()=>{
86
+ handleShare()
87
+ })
88
+ })
89
+
90
+ }
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: 3.5.8
4
+ version: 3.5.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-06-06 00:00:00.000000000 Z
11
+ date: 2023-06-10 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -146,6 +146,7 @@ files:
146
146
  - _includes/section/related_categories_post.html
147
147
  - _includes/share/socialshare.html
148
148
  - _includes/staticfooter.html
149
+ - _includes/userTracking.html
149
150
  - _layouts/aboutUs.html
150
151
  - _layouts/allAuthors.html
151
152
  - _layouts/audio.html
@@ -434,8 +435,10 @@ files:
434
435
  - assets/js/perspective.min.js
435
436
  - assets/js/photo-effects.json
436
437
  - assets/js/redirectResult.js
438
+ - assets/js/sharePage.js
437
439
  - assets/js/testing-batch.js
438
440
  - assets/js/theme.js
441
+ - assets/js/usageTracking.js
439
442
  - assets/linkdin.svg
440
443
  - assets/noserverupload.svg
441
444
  - assets/pdf.svg
@@ -464,7 +467,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
464
467
  - !ruby/object:Gem::Version
465
468
  version: '0'
466
469
  requirements: []
467
- rubygems_version: 3.3.7
470
+ rubygems_version: 3.4.10
468
471
  signing_key:
469
472
  specification_version: 4
470
473
  summary: Appscms theme for all tools