appscms-tools-theme 5.4.1 → 5.4.3

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: 0d75e7d57855d7a14680f8d80ba295d3ec0100ae54a53ddafbc97ab53ee6b460
4
- data.tar.gz: 5da478b5c1e6e2fdae91b27f024fa1cf2f0ec0dc1646816052412ba299a7f169
3
+ metadata.gz: 23467949a8bd6cd7cc7d99dd0e0998cebde90af7fa509e5018c5deb4a2eb9698
4
+ data.tar.gz: da1ffd4e858c9711e4084ebe6999cd54b4ad49a6045eab29e624de8cfb5e4e87
5
5
  SHA512:
6
- metadata.gz: 3ee8889b6e80a97f94cef20ab026a2ea0dc89dc2177ba2291eb1cd48036f68d8c665ef26ea0bcb380358f160bea8661680cf462da2831104d42e25b0fa5de29f
7
- data.tar.gz: ffdf897dcdc34e8e5be41ce16b88b469f1ed48259037ba4e8d67db9c910e4b488e8051da862caeff81ce9a6cadc8ea090e2737ff8d458a046d738a10256884a4
6
+ metadata.gz: 782197a52618a0e4e15e8ebe221e939032413db10355dc673e40a8aea3cc682e81b703864dc95dc3dd3e824275d97598ad2c2d2eec37d056c1b50ccf0679099c
7
+ data.tar.gz: 244b5fa398d787ee563204f20daa89ade4db4dcc1b988c435e8bf005a1a0c14b5e7bd62894ce88955bb456ae575472942dddbc27e74d77228865413fdd1ffe58
@@ -71,6 +71,14 @@
71
71
  ]
72
72
  },
73
73
  "FAQ": [
74
+ {
75
+ "question": "Can I also find words using 3 blanks instead of 2?\n",
76
+ "answer": "Yes! You can use 3 blanks or simply visit <a href=\"<a href=\"https://wordswithletters.org/words-with-these-letters-and-3-blanks\" target=\"_blank\" rel=\"noopener noreferrer\">https://wordswithletters.org/words-with-these-letters-and-3-blanks</a>\" target=\"_blank\" rel=\"noopener noreferrer\"><a href=\"https://wordswithletters.org/words-with-these-letters-and-3-blanks\" target=\"_blank\" rel=\"noopener noreferrer\">https://wordswithletters.org/words-with-these-letters-and-3-blanks</a></a>. \n"
77
+ },
78
+ {
79
+ "question": "Can I get a list of 5-letter words using this tool?\n",
80
+ "answer": "Absolutely. Apply filters to choose word length as 5, or simply visit <a href=\"<a href=\"https://wordswithletters.org/five-letter-words-with-these-letters\" target=\"_blank\" rel=\"noopener noreferrer\">https://wordswithletters.org/five-letter-words-with-these-letters</a>\" target=\"_blank\" rel=\"noopener noreferrer\"><a href=\"https://wordswithletters.org/five-letter-words-with-these-letters\" target=\"_blank\" rel=\"noopener noreferrer\">https://wordswithletters.org/five-letter-words-with-these-letters</a></a> to find a complete list of valid 5-letter words."
81
+ },
74
82
  {
75
83
  "question": "How many seconds from now, will the alarm ring ?",
76
84
  "answer": "You can visit https://safeimagekit.com/conv/aspect-ratio to change the aspect ratio of your images quickly and effortlessly. Select different aspect ratios and customize your images to fit your needs."
@@ -93,7 +93,7 @@
93
93
  endif -%} />
94
94
  {%- endif -%}
95
95
 
96
- {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
96
+ {%- if page.layout == 'home-1' or page.layout == "feature-1" or page.layout == "appscms-batch" -%}
97
97
  <link rel="stylesheet" href="/assets/css/common.css" {%- if site.crossorigin -%} {{ }} crossorigin="anonymous" {%-
98
98
  endif -%} />
99
99
  {%- endif -%}
@@ -4,7 +4,13 @@
4
4
  %} {% assign Data= site.data[folder][lang][file] %}
5
5
  <nav class="appscms-navbar">
6
6
  <div class="row w-100 h-100">
7
- <div class="col-11 mx-auto">
7
+
8
+ {%- if page.layout == "appscms-batch" -%}
9
+ <div class="col-8 mx-auto">
10
+ {%- else -%}
11
+ <div class="col-11 mx-auto">
12
+ {%- endif -%}
13
+
8
14
  <div class="appscms-navbar-nav">
9
15
  {%- if siteData.navbarBrandLogoSvg -%}
10
16
  <a href="/" aria-label="home-page"> {{siteData.navbarBrandLogoSvg}} </a>
@@ -33,7 +39,7 @@
33
39
  <div class="search-container">
34
40
  <input type="text" class="search-input" placeholder="Search Tools">
35
41
 
36
- <button class="search-button">
42
+ <button class="search-button" style="background: {{boxColor}}">
37
43
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M16.6725 16.6412L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
38
44
  </button>
39
45
  </div>
@@ -3,77 +3,64 @@ layout: appscms-feature
3
3
  ---
4
4
 
5
5
  <div class="container-fluid mt-4">
6
- {%- assign boxColor =
7
- site.data[page.folderName][page.lang][page.fileName].color -%}
6
+ {%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
7
+
8
+
9
+
8
10
  <div class="custom-box" style="padding-top: 0px" data-color="{{boxColor}}">
9
11
  <div style="display: none" id="file-loader">
10
- <img
11
- src="/assets/images/spinner.gif"
12
- alt="loading..."
13
- {%-
14
- if
15
- site.crossorigin
16
- -%}
17
- crossorigin
18
- {%-
19
- endif
20
- -%}
21
- />
12
+ <img src="/assets/images/spinner.gif" alt="loading..." {%- if site.crossorigin -%} crossorigin {%- endif -%} />
22
13
  <p>Please Wait ,Loading Your file</p>
23
14
  </div>
24
15
 
25
16
  <div class="file-input">
26
17
  <div class="d-flex justify-content-center align-items-center">
27
- <div id="Inputbox" class="boxes">
28
- <img
29
- height="21px"
30
- width="21px"
31
- src="/assets/images/add.svg"
32
- {%-
33
- if
34
- site.crossorigin
35
- -%}
36
- crossorigin
37
- {%-
38
- endif
39
- -%}
40
- />
18
+ <div id="Inputbox" class="boxes upload-btn" style="background:{{boxColor}}">
19
+ <img height="21px" width="21px" src="/assets/images/add.svg" {%- if site.crossorigin -%} crossorigin {%- endif
20
+ -%} />
41
21
  <span class="ml-1">CHOOSE FILES</span>
42
22
  </div>
23
+ <div class="file-pick-dropdown" style="background:{{boxColor}}">
24
+ <i class="fas fa-angle-down arrow-sign"></i>
25
+ <div class="file-picker-dropdown" style="display: none">
26
+ <button id="filepicker">
27
+ <svg class="mr-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
28
+ <path id="Path" d="M8.33331 3H15.6666L23 15H15.6666L8.33331 3Z" fill="#FFC107"></path>
29
+ <path id="Path_2" d="M4.6012 21L8.30086 15H23L19.3333 21H4.6012Z" fill="#1976D2"></path>
30
+ <path id="Path_3" d="M1 15.0625L4.60119 21L12 9L8.33333 3L1 15.0625Z" fill="#4CAF50"></path>
31
+ </svg>
32
+ Google Drive
33
+ </button>
34
+ <button id="dropbox">
35
+ <svg class="mr-3" viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
36
+ <path id="icon"
37
+ 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">
38
+ </path>
39
+ </svg>
40
+ Dropbox
41
+ </button>
42
+ </div>
43
+ </div>
43
44
  </div>
44
45
  <p id="dropfile" class="text-dark">or drop your image here</p>
45
46
  </div>
46
47
  </div>
48
+
49
+
50
+
47
51
  <div class="workspace" style="display: none">
48
52
  <div class="row">
49
53
  <div class="col-md-8">
50
54
  <div class="files-panel d-none">
51
55
  <div id="saving-data" style="display: none">
52
- <img
53
- {%-
54
- if
55
- site.crossorigin
56
- -%}
57
- crossorigin
58
- {%-
59
- endif
60
- -%}
61
- loading="lazy"
62
- src="/img/save.gif"
63
- alt="saving"
64
- />
56
+ <img {%- if site.crossorigin -%} crossorigin {%- endif -%} loading="lazy" src="/img/save.gif"
57
+ alt="saving" />
65
58
  <span class="ml-2">Saving your images...</span>
66
59
  </div>
67
60
 
68
61
  <!-- <label>
69
62
  <p class="inputfiles-label"> Input files</p> -->
70
- <input
71
- style="display: none"
72
- onchange="fileOnChange()"
73
- type="file"
74
- id="file"
75
- multiple
76
- />
63
+ <input style="display: none" onchange="fileOnChange()" type="file" id="file" multiple />
77
64
  <!-- </label> -->
78
65
 
79
66
  <div class="selectedFilesList text-left"></div>
@@ -82,48 +69,26 @@ layout: appscms-feature
82
69
  <div class="files-container-box">
83
70
  <div class="add-more-files">
84
71
  <button class="btn add-more-files-button">
85
- <input
86
- style="display: none"
87
- onchange="fileOnChange2()"
88
- type="file"
89
- id="file2"
90
- multiple
91
- />
92
- <img
93
- {%-
94
- if
95
- site.crossorigin
96
- -%}
97
- crossorigin
98
- {%-
99
- endif
100
- -%}
101
- src="/assets/images/add.png"
102
- alt="add-more-files"
103
- />
72
+ <input style="display: none" onchange="fileOnChange2()" type="file" id="file2" multiple />
73
+ <img {%- if site.crossorigin -%} crossorigin {%- endif -%} src="/assets/images/add.png"
74
+ alt="add-more-files" />
104
75
  Add more files
105
76
  </button>
106
77
  </div>
107
78
  <table class="table files-processing-list m-0"></table>
108
79
  </div>
109
- <div
110
- class="justify-content-end align-items-center bottom-section-container"
111
- >
80
+ <div class="justify-content-end align-items-center bottom-section-container">
112
81
  <div class="download-wrapper">
113
82
  <button style="background:{{boxColor}};" id="download-zip">
114
- <svg
115
- xmlns="http://www.w3.org/2000/svg"
116
- viewBox="0 0 512 512"
117
- style="
83
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="
118
84
  width: 20px;
119
85
  height: 20px;
120
86
  margin-right: 10px;
121
87
  fill: #fff;
122
- "
123
- >
88
+ ">
124
89
  <path
125
- d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z"
126
- ></path>
90
+ d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z">
91
+ </path>
127
92
  </svg>
128
93
  Download Zip
129
94
  </button>
@@ -133,4 +98,4 @@ layout: appscms-feature
133
98
  <div class="col-md-4">{{content}}</div>
134
99
  </div>
135
100
  </div>
136
- </div>
101
+ </div>
@@ -96,7 +96,10 @@
96
96
  <p id="error" class="p-3"></p>
97
97
  </div>
98
98
  </div>
99
- {%- endif -%} {%- if page.workspace -%}
99
+ {%- endif -%}
100
+
101
+
102
+ {%- if page.workspace -%}
100
103
  <div class="workspace" style="display: none">
101
104
  <div class="row mx-auto">
102
105
  <div class="col-md-10 mx-auto">{{content}}</div>
data/_layouts/home-1.html CHANGED
@@ -55,7 +55,7 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
55
55
  <div class="flex-class py-5">
56
56
 
57
57
 
58
- {%- include /ads/banner.html -%}
58
+ {%- include /ads/native_banner.html -%}
59
59
 
60
60
  {%- include /ads/sidebar_left.html -%}
61
61
  {%- include /ads/sidebar_right.html -%}
data/assets/css/batch.css CHANGED
@@ -7,15 +7,17 @@
7
7
  }
8
8
 
9
9
  #Inputbox {
10
- width: 250px;
10
+ border: none;
11
+ border-radius: 0;
12
+ width: 200px;
11
13
  cursor: pointer;
12
14
  display: flex;
13
15
  justify-content: space-around;
14
- min-height: 70px;
16
+ min-height: 55px;
15
17
  align-items: center;
16
18
  background: #0f70e6;
17
19
  font-weight: 600;
18
- font-size: 22px;
20
+ font-size: 15px;
19
21
  line-height: 32px;
20
22
  vertical-align: middle;
21
23
  color: #fff;
@@ -23,7 +25,7 @@
23
25
  border-bottom-left-radius: 4px;
24
26
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
25
27
  }
26
-
28
+ /*
27
29
  #filepicker,
28
30
  #dropbox {
29
31
  border: none;
@@ -41,7 +43,7 @@
41
43
  align-items: center;
42
44
  -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
43
45
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
44
- }
46
+ } */
45
47
 
46
48
 
47
49
  #Inputbox:hover,
@@ -266,28 +268,33 @@
266
268
  min-height: 300px;
267
269
  width: 100%;
268
270
  }
271
+ .appscms-navbar{
272
+ height: 70px !important;
273
+ }
269
274
 
270
275
  .file-picker-dropdown {
271
- width: 213px;
272
- position: absolute;
273
- /* background: #fff; */
274
- top: 111%;
275
- left: 0;
276
- display: none;
277
- /* box-shadow: rgb/(26 26 26 / 20%) 0 0 12px; */
278
- border-radius: 4px;
276
+ width: 235px;
277
+ position: absolute;
278
+ background: #fff;
279
+ top: 111%;
280
+ right: 0px !important;
281
+ left: inherit;
282
+ display: none;
283
+ box-shadow: rgb(26 26 26 / 20%) 0px 0px 12px;
284
+ border-radius: 4px;
279
285
  }
280
-
281
286
  .file-pick-dropdown i {
282
287
  margin: 0;
283
288
  }
284
289
 
285
290
  .file-pick-dropdown {
291
+ border: none;
292
+ border-left: 1px solid rgba(0, 0, 0, 0.1);
286
293
  color: #fff;
287
294
  cursor: pointer;
288
295
  display: inline-flex;
289
296
  background: #0f70e6;
290
- height: 70px;
297
+ height: 55px;
291
298
  border-left: 1px solid #fff;
292
299
  padding: 13px 20px;
293
300
  border-top-right-radius: 4px;
@@ -307,6 +314,20 @@
307
314
  width: 20px;
308
315
  }
309
316
 
317
+ .file-picker-dropdown button, .file-picker-dropdown a{
318
+ border: none;
319
+ width: 100%;
320
+ border-radius: 4px;
321
+ text-align: left;
322
+ background: #fff;
323
+ font-weight: 400;
324
+ font-size: 16px;
325
+ line-height: 24px;
326
+ padding: 15px 24px;
327
+ list-style: none;
328
+ height: 54px;
329
+ }
330
+
310
331
  .file-picker-dropdown a,
311
332
  .file-picker-dropdown button {
312
333
  border: none;
@@ -472,10 +493,6 @@ input[type='range']::-moz-focus-outer {
472
493
  display: none;
473
494
  }
474
495
 
475
- .file-picker-dropdown {
476
- width: auto;
477
- left: auto;
478
- }
479
496
 
480
497
  #filepicker,
481
498
  #dropbox {
data/assets/js/batch.js CHANGED
@@ -3,11 +3,11 @@ const pageTool = getScript.dataset.tool;
3
3
  const lang = getScript.dataset.lang;
4
4
  const inputBox = document.querySelector(".upload-btn");
5
5
  const addFiles = document.querySelector(".add-more-files");
6
- const fileDropBox = document.querySelector(".box");
6
+ const fileDropBox = document.querySelector(".file-input");
7
7
  const workspace = document.querySelector(".workspace");
8
8
  const selectedFilesList = document.querySelector(".selectedFilesList");
9
9
  const downloadButton = document.querySelector("#download-button");
10
- const submitButton = document.querySelector("#submit-button");
10
+ const submitButtons = document.querySelector("#submit-button");
11
11
  const showProcessingFiles = document.querySelector(".files-processing-list");
12
12
  let zipFileType = null;
13
13
  let renderFileTypes = null;
@@ -163,7 +163,7 @@ const handleFile = (file) => {
163
163
  }
164
164
  }
165
165
  renderFiles(files);
166
- submitButton.addEventListener("click", () => onSubmit(files));
166
+ submitButtons.addEventListener("click", () => onSubmit(files));
167
167
  };
168
168
  const formatBytes = (bytes, decimals = 2) => {
169
169
  if (bytes === 0) return "0 Bytes";
@@ -217,3 +217,20 @@ const dataURLtoBlob = (dataurl) => {
217
217
  }
218
218
  return new Blob([u8arr], { type: mime });
219
219
  };
220
+
221
+
222
+ const showDropDown = document.querySelector('.file-pick-dropdown')
223
+ const icon = document.querySelector('.arrow-sign')
224
+ const dropDown = document.querySelector('.file-picker-dropdown')
225
+ showDropDown.addEventListener('click', () => {
226
+ addScripts()
227
+ if (dropDown.style.display !== 'none') {
228
+ dropDown.style.display = 'none'
229
+ icon.classList.remove('fa-angle-up')
230
+ icon.classList.add('fa-angle-down')
231
+ } else {
232
+ dropDown.style.display = 'block'
233
+ icon.classList.remove('fa-angle-down')
234
+ icon.classList.add('fa-angle-up')
235
+ }
236
+ })
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: 5.4.1
4
+ version: 5.4.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2026-04-24 00:00:00.000000000 Z
11
+ date: 2026-04-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll