appscms-tools-theme 3.5.8 → 3.6.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 34917694f56927a9c6367bd2721aa94d4f1678071785b2349f8b2425963fae56
4
- data.tar.gz: ac9e1356f00a396454c20ce47df61819939e02ad2956d4f4d977ff2ea892d98c
3
+ metadata.gz: ce254552da84c59ba256da57779150947ad47236466f484061d133d26031d263
4
+ data.tar.gz: da6e5975cff426864ea6f4874a0b4fc2f446adf9db4831f9bf919dfb02d23a47
5
5
  SHA512:
6
- metadata.gz: 3ea29b282c02b9c7c594a7aa0c0801bb798040082d8360517cc2f9eeb4e312f3ef7bc6c20f42daa1329a5bbfcb4c478437d0947a214672d3c2ae64ec6c88b1e5
7
- data.tar.gz: e0272dfa11f67113edf60f0e3ac19bbeca849bdec469dc1932fc6fd8fe65e400e7728f204b88005628dbb5d31c285f34d4a9b741294de13af55dd1894443b421
6
+ metadata.gz: bf153346106c5f70f43b5e81974e97a1a85db9cf80c13cf69d81fbef27e05db8a72b6562abd82cdc708f220ba9a169f1e7380067e4fce8335bef8bf0b7915626
7
+ data.tar.gz: 046d332829e841d35cdc6d1756ea4b51713396ef31cfa141e6b0d768bab61173cdce23f17a19396689258277d535356866ea3ff8e35d983a4e47c5c1ac0762d8
@@ -443,7 +443,11 @@ 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/usageTrackingEvents.js"></script>
449
+ <script defer src="/assets/js/sharePage.js"></script>
450
+ {%- endif -%} {%- if site.removeBootstrapJs != true -%}
447
451
  <script
448
452
  defer="defer"
449
453
  src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
@@ -451,11 +455,9 @@ site.removeJquery != true -%}
451
455
  crossorigin="anonymous"
452
456
  ></script>
453
457
  {%- 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://" -%}
458
+ scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%} {%- assign
459
+ asset_dir = path -%} {%- if site.versioning and asset_dir != "" -%} {%- if
460
+ asset_dir contains "https" and asset_dir contains "https://" -%}
459
461
  <script
460
462
  defer
461
463
  src="{{path}}"
@@ -495,8 +497,7 @@ scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%}
495
497
  endif
496
498
  -%}
497
499
  ></script>
498
- {%- endif -%}
499
- {%- else -%}
500
+ {%- endif -%} {%- else -%}
500
501
  <script
501
502
  defer
502
503
  src="{{path}}"
@@ -516,15 +517,11 @@ scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%}
516
517
  endif
517
518
  -%}
518
519
  ></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 ==
520
+ {%- endif -%} {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for
521
+ item in scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName |
522
+ replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
523
+ "$tool", page.tool }} {%- endfor -%} {%- endif -%} {%- if page.layout == "frame"
524
+ -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
528
525
  "photo-effects-home" -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if
529
526
  page.layout == "calculator" -%}
530
527
  <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,76 @@
1
+ ---
2
+ ---
3
+
4
+ let userTrackingCountLimit='{{site.userTrackingCount}}';
5
+ const checkUsage = () => {
6
+ const today = new Date().toDateString();
7
+ const usageCount = getCookie("featureUsageCount");
8
+
9
+ if (usageCount) {
10
+ // User has already used the feature today
11
+ if (usageCount >= Number(userTrackingCountLimit)) {
12
+ showShareModal();
13
+ } else {
14
+ incrementUsageCount(usageCount);
15
+ }
16
+ } else {
17
+ // First usage of the day
18
+ setCookie("featureUsageCount", 1, getExpirationDate());
19
+ }
20
+ };
21
+
22
+ const incrementUsageCount = (count) => {
23
+ const today = new Date().toDateString();
24
+
25
+ if (count >= Number(userTrackingCountLimit)) {
26
+ showShareModal();
27
+ } else {
28
+ count++;
29
+ setCookie("featureUsageCount", count, getExpirationDate());
30
+ }
31
+ };
32
+
33
+ const showShareModal = () => {
34
+ document.getElementById("shareModal").style.display = "block";
35
+ };
36
+
37
+ const handleShare = () => {
38
+ const usageCount = getCookie("featureUsageCount");
39
+ if (usageCount) {
40
+ // Decrement the usage count by 1 if the user has already used the feature today
41
+ setCookie("featureUsageCount", usageCount , getExpirationDate());
42
+ }
43
+ document.getElementById("shareModal").style.display = "none";
44
+ };
45
+
46
+ const getCookie = (name) => {
47
+ const cookies = document.cookie.split(";");
48
+ for (let i = 0; i < cookies.length; i++) {
49
+ const cookie = cookies[i].trim();
50
+ if (cookie.indexOf(name + "=") === 0) {
51
+ return parseInt(cookie.substring((name + "=").length, cookie.length));
52
+ }
53
+ }
54
+ return null;
55
+ };
56
+
57
+ const setCookie = (name, value, expires) => {
58
+ document.cookie = `${name}=${value};expires=${expires};path=/`;
59
+ };
60
+
61
+ const getExpirationDate = () => {
62
+ const date = new Date();
63
+ date.setTime(date.getTime() + 24 * 60 * 60 * 1000); // 24 hours in milliseconds
64
+ return date.toUTCString();
65
+ };
66
+ const socialShare=document.querySelectorAll('.social-share')
67
+
68
+ if (socialShare) {
69
+ Array.from(socialShare).map(item=>{
70
+ console.log(item)
71
+ item.addEventListener('click',()=>{
72
+ handleShare()
73
+ })
74
+ })
75
+
76
+ }
@@ -0,0 +1,13 @@
1
+ const inputBoxOfFeatureFile = document.querySelector("#file");
2
+ const inputBoxOfFeatureFiles = document.querySelector("#files");
3
+
4
+ if (inputBoxOfFeatureFile) {
5
+ inputBoxOfFeatureFile.addEventListener("change", () => {
6
+ checkUsage();
7
+ });
8
+ }
9
+ if (inputBoxOfFeatureFiles) {
10
+ inputBoxOfFeatureFiles.addEventListener("change", () => {
11
+ checkUsage();
12
+ });
13
+ }
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.6.0
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,11 @@ 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
442
+ - assets/js/userTrackingEvents.js
439
443
  - assets/linkdin.svg
440
444
  - assets/noserverupload.svg
441
445
  - assets/pdf.svg
@@ -464,7 +468,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
464
468
  - !ruby/object:Gem::Version
465
469
  version: '0'
466
470
  requirements: []
467
- rubygems_version: 3.3.7
471
+ rubygems_version: 3.4.10
468
472
  signing_key:
469
473
  specification_version: 4
470
474
  summary: Appscms theme for all tools