appscms-tools-theme 3.7.9 → 3.8.1

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.
@@ -1,135 +1,138 @@
1
1
  {%- include adblocker.html -%} {% assign scriptData =
2
- site.data.[page.folderName][lang][file] %} {%- assign dataAtt =
3
- "data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName'
4
- data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%} {%- if
5
- site.removeJquery != true -%}
6
- <script
7
- defer
8
- src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
9
- {%-
10
- if
11
- site.crossorigin
12
- -%}
13
- {{
14
- }}
15
- crossorigin
16
- {%-
17
- endif
18
- -%}
19
- ></script>
20
- {%- endif -%}
21
-
22
- <script defer src="/assets/js/theme.js" crossorigin="anonymous"></script>
23
- {%- if site.userTrackingCount -%} {%- include customScripts.html -%} {%- endif
24
- -%} {%- if site.userTrackingCount and page.layout == "feature" -%}
25
- <script defer src="/assets/js/usageTracking.js"></script>
26
- <script defer src="/assets/js/usageTrackingEvents.js"></script>
27
- <script defer src="/assets/js/sharePage.js"></script>
28
- {%- endif -%} {%- if site.removeBootstrapJs != true -%}
29
- <script
30
- defer="defer"
31
- src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
32
- integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
33
- crossorigin="anonymous"
34
- ></script>
35
- {%- endif -%} {{site.data.customcdns.customcdns.jsfiles}} {%- if
36
- scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%} {%- assign
37
- asset_dir = path -%} {%- if site.versioning and asset_dir != "" -%} {%- if
38
- asset_dir contains "https" and asset_dir contains "https://" -%}
39
- <script
40
- defer
41
- src="{{path}}"
42
- data-folderName="{{page.folderName}}"
43
- data-lang="{{page.lang}}"
44
- data-fileName="{{page.fileName}}"
45
- data-tool="{{page.tool}}"
46
- data-permalink="{{page.permalink}}"
47
- {%-
48
- if
49
- site.crossorigin
50
- -%}
51
- {{
52
- }}
53
- crossorigin
54
- {%-
55
- endif
56
- -%}
57
- ></script>
58
- {%- else -%}
59
- <script
60
- defer
61
- src="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
62
- data-folderName="{{page.folderName}}"
63
- data-lang="{{page.lang}}"
64
- data-fileName="{{page.fileName}}"
65
- data-tool="{{page.tool}}"
66
- data-permalink="{{page.permalink}}"
67
- {%-
68
- if
69
- site.crossorigin
70
- -%}
71
- {{
72
- }}
73
- crossorigin
74
- {%-
75
- endif
76
- -%}
77
- ></script>
78
- {%- endif -%} {%- else -%}
79
- <script
80
- defer
81
- src="{{path}}"
82
- data-folderName="{{page.folderName}}"
83
- data-lang="{{page.lang}}"
84
- data-fileName="{{page.fileName}}"
85
- data-tool="{{page.tool}}"
86
- data-permalink="{{page.permalink}}"
87
- {%-
88
- if
89
- site.crossorigin
90
- -%}
91
- {{
92
- }}
93
- crossorigin
94
- {%-
95
- endif
96
- -%}
97
- ></script>
98
- {%- endif -%} {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for
99
- item in scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName |
100
- replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
101
- "$tool", page.tool }} {%- endfor -%} {%- endif -%} {%- if page.layout == "frame"
102
- -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
103
- "photo-effects-home" -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if
104
- page.layout == "calculator" -%}
105
- <script defer src="/assets/js/calculator-tooltip.js"></script>
106
- {%- endif -%} {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
107
- {%- assign font = "Inter" -%} {%- endif -%} {%- if site.removeFontAwesome !=
108
- true -%}
109
- <link
110
- rel="stylesheet"
111
- href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
112
- integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
113
- crossorigin="anonymous"
114
- referrerpolicy="no-referrer"
115
- />
116
- {%- endif -%} {%- if page.layout == "feature" -%}
117
- <script>
118
- const toaster = document.querySelector(".toaster");
119
- if (
120
- !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
121
- navigator.userAgent
122
- )
123
- ) {
124
- if (navigator.userAgent.indexOf("Mac OS X") != -1) {
125
- toaster.innerHTML = `Press Command + D to Bookmark this page`;
126
- } else {
127
- toaster.innerHTML = `Press Ctrl + D to Bookmark this page`;
128
- }
129
- }
130
- setTimeout(() => {
131
- toaster.style.display = "none";
132
- }, 20000);
133
- </script>
134
- {%- endif -%}
135
-
2
+ site.data.[page.folderName][lang][file] %} {%- assign dataAtt =
3
+ "data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName'
4
+ data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%} {%- if
5
+ site.removeJquery != true -%}
6
+ <script
7
+ defer
8
+ src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
9
+ {%-
10
+ if
11
+ site.crossorigin
12
+ -%}
13
+ {{
14
+ }}
15
+ crossorigin
16
+ {%-
17
+ endif
18
+ -%}
19
+ ></script>
20
+ {%- endif -%}
21
+
22
+ <script
23
+ defer
24
+ src="/assets/js/appscms-theme.js"
25
+ crossorigin="anonymous"
26
+ ></script>
27
+ {%- if site.userTrackingCount -%} {%- include customScripts.html -%} {%- endif
28
+ -%} {%- if site.userTrackingCount and page.layout == "feature" -%}
29
+ <script defer src="/assets/js/usageTracking.js"></script>
30
+ <script defer src="/assets/js/usageTrackingEvents.js"></script>
31
+ <script defer src="/assets/js/sharePage.js"></script>
32
+ {%- endif -%} {%- if site.removeBootstrapJs != true -%}
33
+ <script
34
+ defer="defer"
35
+ src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
36
+ integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
37
+ crossorigin="anonymous"
38
+ ></script>
39
+ {%- endif -%} {{site.data.customcdns.customcdns.jsfiles}} {%- if
40
+ scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%} {%- assign
41
+ asset_dir = path -%} {%- if site.versioning and asset_dir != "" -%} {%- if
42
+ asset_dir contains "https" and asset_dir contains "https://" -%}
43
+ <script
44
+ defer
45
+ src="{{path}}"
46
+ data-folderName="{{page.folderName}}"
47
+ data-lang="{{page.lang}}"
48
+ data-fileName="{{page.fileName}}"
49
+ data-tool="{{page.tool}}"
50
+ data-permalink="{{page.permalink}}"
51
+ {%-
52
+ if
53
+ site.crossorigin
54
+ -%}
55
+ {{
56
+ }}
57
+ crossorigin
58
+ {%-
59
+ endif
60
+ -%}
61
+ ></script>
62
+ {%- else -%}
63
+ <script
64
+ defer
65
+ src="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
66
+ data-folderName="{{page.folderName}}"
67
+ data-lang="{{page.lang}}"
68
+ data-fileName="{{page.fileName}}"
69
+ data-tool="{{page.tool}}"
70
+ data-permalink="{{page.permalink}}"
71
+ {%-
72
+ if
73
+ site.crossorigin
74
+ -%}
75
+ {{
76
+ }}
77
+ crossorigin
78
+ {%-
79
+ endif
80
+ -%}
81
+ ></script>
82
+ {%- endif -%} {%- else -%}
83
+ <script
84
+ defer
85
+ src="{{path}}"
86
+ data-folderName="{{page.folderName}}"
87
+ data-lang="{{page.lang}}"
88
+ data-fileName="{{page.fileName}}"
89
+ data-tool="{{page.tool}}"
90
+ data-permalink="{{page.permalink}}"
91
+ {%-
92
+ if
93
+ site.crossorigin
94
+ -%}
95
+ {{
96
+ }}
97
+ crossorigin
98
+ {%-
99
+ endif
100
+ -%}
101
+ ></script>
102
+ {%- endif -%} {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for
103
+ item in scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName |
104
+ replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
105
+ "$tool", page.tool }} {%- endfor -%} {%- endif -%} {%- if page.layout == "frame"
106
+ -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if page.layout ==
107
+ "photo-effects-home" -%} {%- assign font = "PT Sans" -%} {%- endif -%} {%- if
108
+ page.layout == "calculator" -%}
109
+ <script defer src="/assets/js/calculator-tooltip.js"></script>
110
+ {%- endif -%} {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
111
+ {%- assign font = "Inter" -%} {%- endif -%} {%- if site.removeFontAwesome !=
112
+ true -%}
113
+ <link
114
+ rel="stylesheet"
115
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
116
+ integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
117
+ crossorigin="anonymous"
118
+ referrerpolicy="no-referrer"
119
+ />
120
+ {%- endif -%} {%- if page.layout == "feature" -%}
121
+ <script>
122
+ const toaster = document.querySelector(".toaster");
123
+ if (
124
+ !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
125
+ navigator.userAgent
126
+ )
127
+ ) {
128
+ if (navigator.userAgent.indexOf("Mac OS X") != -1) {
129
+ toaster.innerHTML = `Press Command + D to Bookmark this page`;
130
+ } else {
131
+ toaster.innerHTML = `Press Ctrl + D to Bookmark this page`;
132
+ }
133
+ }
134
+ setTimeout(() => {
135
+ toaster.style.display = "none";
136
+ }, 20000);
137
+ </script>
138
+ {%- endif -%}
@@ -88,7 +88,7 @@
88
88
  max-width: 100%;
89
89
  }
90
90
 
91
-
91
+
92
92
  .carousel-inner p {
93
93
  font-size: 20px;
94
94
  }
@@ -108,6 +108,7 @@
108
108
  .carousel {
109
109
  overflow-x: hidden;
110
110
  }
111
+
111
112
  .slide {
112
113
  flex: 0 0 100%;
113
114
  margin-right: 0;
@@ -121,12 +122,21 @@
121
122
  <i id="left" class="fas fa-angle-left"></i>
122
123
  <div class="carousel">
123
124
  <div class="carousel-inner">
125
+ {%- if homeData.infographics -%}
126
+ {% for item in homeData.infographics %}
127
+ <div class="slide">
128
+ <img src="{{ item.image }}" alt="img" draggable="false">
129
+ <p class="infographic-desc">{{ item.description | capitalize }}</p>
130
+ </div>
131
+ {% endfor %}
132
+ {%- else -%}
124
133
  {% for item in featureData.infographics %}
125
134
  <div class="slide">
126
135
  <img src="{{ item.image }}" alt="img" draggable="false">
127
136
  <p class="infographic-desc">{{ item.description | capitalize }}</p>
128
137
  </div>
129
138
  {% endfor %}
139
+ {%- endif -%}
130
140
  </div>
131
141
  </div>
132
142
  <i id="right" class="fas fa-angle-right"></i>
@@ -5,12 +5,11 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
5
5
  <html lang="{{ page.lang }}">
6
6
  {%- include appscms/head/head.html -%}
7
7
  <body>
8
- {%- include appscms/navbars/navbar.html -%}
9
- <!-- {%- include appscms/navbars/toolbar.html -%} -->
10
- {%- include appscms/headings/headings.html -%}
8
+ {%- include appscms/navbars/navbar.html -%} {%- include
9
+ appscms/navbars/toolbar.html -%} {%- include appscms/headings/headings.html
10
+ -%}
11
11
  <!-- {%- include appscms/searchbar/searchbar.html -%} -->
12
- {%- include appscms/category-tabs/category-tabs.html -%} {%- include
13
- appscms/home/feature-boxes.html -%}
12
+ {%- include appscms/home/feature-boxes.html -%}
14
13
  <div class="appcms-home-content-box" id="appcms-home-content-box">
15
14
  {{ content }}
16
15
  </div>
data/_layouts/batch.html CHANGED
@@ -5,7 +5,14 @@ layout: feature
5
5
  {%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
6
6
  <div class="custom-box" style="padding-bottom: 250px; padding-top: 0px;" data-color="{{boxColor}}">
7
7
  <div style="display:none;" id="file-loader">
8
- <img src="/assets/images/spinner.gif" alt="loading...">
8
+ <img src="/assets/images/spinner.gif" alt="loading..." {%-
9
+ if
10
+ site.crossorigin
11
+ -%}
12
+ crossorigin
13
+ {%-
14
+ endif
15
+ -%}>
9
16
  <p>Please Wait ,Loading Your file </p>
10
17
  </div>
11
18
 
@@ -13,18 +20,39 @@ layout: feature
13
20
  <div class="d-flex justify-content-center align-items-center ">
14
21
  <div id="Inputbox" class="boxes">
15
22
  <img height="21px" width="21px"
16
- src="/assets/images/add.svg">
23
+ src="/assets/images/add.svg" {%-
24
+ if
25
+ site.crossorigin
26
+ -%}
27
+ crossorigin
28
+ {%-
29
+ endif
30
+ -%}>
17
31
  <span class='ml-1'>CHOOSE FILE</span>
18
32
  </div>
19
33
  <div class="file-pick-dropdown">
20
34
  <i class="fas arrow-sign fa-angle-down"></i>
21
35
  <div class="file-picker-dropdown" style="display: none;">
22
36
  <button id='filepicker'>
23
- <img width="18px" height="18px" src="/assets/images/google-drive.png"
37
+ <img width="18px" height="18px" src="/assets/images/google-drive.png" {%-
38
+ if
39
+ site.crossorigin
40
+ -%}
41
+ crossorigin
42
+ {%-
43
+ endif
44
+ -%}
24
45
  alt="google-drive-icon">
25
46
  </button>
26
47
  <button id="dropbox">
27
- <img width="18px" height="18px" src="/assets/images/dropbox.png" alt="dropbox-icon">
48
+ <img {%-
49
+ if
50
+ site.crossorigin
51
+ -%}
52
+ crossorigin
53
+ {%-
54
+ endif
55
+ -%} width="18px" height="18px" src="/assets/images/dropbox.png" alt="dropbox-icon">
28
56
  </button>
29
57
  </div>
30
58
  </div>
@@ -38,7 +66,14 @@ layout: feature
38
66
  <div class="col-md-8">
39
67
  <div class="files-panel d-none">
40
68
  <div id="saving-data" style="display: none;">
41
- <img loading="lazy" src="/img/save.gif" alt="saving"> <span class="ml-2">Saving your
69
+ <img {%-
70
+ if
71
+ site.crossorigin
72
+ -%}
73
+ crossorigin
74
+ {%-
75
+ endif
76
+ -%} loading="lazy" src="/img/save.gif" alt="saving"> <span class="ml-2">Saving your
42
77
  images...</span>
43
78
  </div>
44
79
 
@@ -54,7 +89,14 @@ layout: feature
54
89
  <div class="add-more-files">
55
90
  <button class="btn add-more-files-button">
56
91
  <input style="display: none;" onchange="fileOnChange2()" type="file" id="file2" multiple />
57
- <img src="/assets/images/add.png" alt="add-more-files">
92
+ <img {%-
93
+ if
94
+ site.crossorigin
95
+ -%}
96
+ crossorigin
97
+ {%-
98
+ endif
99
+ -%} src="/assets/images/add.png" alt="add-more-files">
58
100
  Add more files
59
101
  </button>
60
102
  </div>
@@ -48,10 +48,7 @@ layout: home
48
48
  <div id="output_editor"></div>
49
49
  </div>
50
50
  </div>
51
-
52
-
53
-
54
- <div class="devtools_box p-2 w-100 mt-5 text-left" style="background: rgba(32, 152, 243, .8);">
51
+ <div class="devtools_box w-100 mt-5 text-left" style="background: rgba(32, 152, 243, .8);">
55
52
  {{content}}
56
53
  </div>
57
54
  </div>