appscms-tools-theme 4.6.8 → 4.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/_data/header/en/data.json +259 -1
  3. data/_data/home/en/en.json +3 -3
  4. data/_includes/appscms/navbars/navbar.html +85 -0
  5. data/_includes/appscms/navbars/toolbar.html +223 -39
  6. data/assets/css/appscms-theme.css +462 -408
  7. data/assets/css/tools.css +2 -4
  8. data/assets/js/appscms-theme.js +73 -0
  9. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 2fd658d17e16a1f149ad19d97a2cc14a2a38eda84e173cb8ab4b22c6479bb1ae
4
- data.tar.gz: 7a6571468117db5c09d9e6a778da9f35518d3c06243f7eda469a9c72de3d3561
3
+ metadata.gz: 897e910c514b9526dbf0216aff1121e1ad2beea4719ea5dbc68dafc60626a8c7
4
+ data.tar.gz: 7a81c816bc10bafc326f5a6ce6ffc4da996d4cdaee51c12c479a42092b89dcc7
5
5
  SHA512:
6
- metadata.gz: ebea815ddd483081bd1a7a0180003afcc8d6d97edee50cc125fa930998e2b5d567bd2d6c264017ab3c9904d7543183441dc1313c87e2f9b437537748ea94c751
7
- data.tar.gz: a0a3a13829a2b7ed60c04384015fc10d3379117f967cb9bac9f5720fcabd4d59b36cb47760fe0cd3ca9ee4433387e2d92b77edc630251a4b1377417e7d2fc865
6
+ metadata.gz: 32dd7db60f215547d029a00116666d7c23f484477bf87ca2f34bd627f87c2406d2e84a7882e04001fc9f6a29b5e9a238523082d6f95079a782f919e1d8c3553d
7
+ data.tar.gz: bb55c4eacdda3714bf48a61cf4c63d661e8261ac1e6c34ad1fb28ea001c148bbcceecabc77357bd9ff7159d9317b821b85eb81b6cd912a28574b7d030a7d8827
data/_data/header/en/data.json CHANGED
@@ -1,10 +1,268 @@
1
1
  {
2
2
  "navbarBrandText": "",
3
3
  "navbarBrandLogo": "/assets/olarandomfavicon.svg",
4
- "navbarBrandLogoSvg": "<img height='39px' src='/assets/olarandomlogo.svg'>",
4
+ "navbarBrandLogoSvg": "<img height='39px' src='/assets/images/logo.svg'>",
5
5
  "megaMenu": {
6
6
  "nav-link-name": "Tools",
7
7
  "dropdown": [
8
+ {
9
+ "categoryName": "Point Of Sale",
10
+ "featuredLinks": [
11
+ {
12
+ "name": "Random Account ",
13
+ "iconSrc": "/assets/images/iconn.svg",
14
+ "url": "account-name-generator"
15
+ },
16
+ {
17
+ "name": "Random Account ",
18
+ "iconSrc": "/assets/images/iconn.svg",
19
+ "url": "account-name-generator"
20
+ },
21
+ {
22
+ "name": "Random Account ",
23
+ "iconSrc": "/assets/images/iconn.svg",
24
+ "url": "account-name-generator"
25
+ }
26
+ ],
27
+ "links": [
28
+ {
29
+ "name": "Random Account ",
30
+ "iconSrc": "/assets/images/iconn.svg",
31
+ "url": "account-name-generator"
32
+ },
33
+ {
34
+ "name": "Random Company ",
35
+ "iconSrc": "/img/name/companyfeature.png",
36
+ "url": "company-name-generator"
37
+ },
38
+ {
39
+ "name": "Random Department ",
40
+ "iconSrc": "/img/name/companyfeature.png",
41
+ "url": "department-name-generator"
42
+ },
43
+ {
44
+ "iconSrc": "/assets/cloud.svg",
45
+ "name": "Split",
46
+ "url": "/",
47
+ "hover": "blue"
48
+ }
49
+ ]
50
+ },
51
+ {
52
+ "categoryName": "Point Of Sale",
53
+ "featuredLinks": [
54
+ {
55
+ "name": "Random Account ",
56
+ "iconSrc": "/assets/images/iconn.svg",
57
+ "url": "account-name-generator"
58
+ },
59
+ {
60
+ "name": "Random Account ",
61
+ "iconSrc": "/assets/images/iconn.svg",
62
+ "url": "account-name-generator"
63
+ },
64
+ {
65
+ "name": "Random Account ",
66
+ "iconSrc": "/assets/images/iconn.svg",
67
+ "url": "account-name-generator"
68
+ }
69
+ ],
70
+ "links": [
71
+ {
72
+ "name": "Random Account ",
73
+ "iconSrc": "/assets/images/iconn.svg",
74
+ "url": "account-name-generator"
75
+ },
76
+ {
77
+ "name": "Random Company ",
78
+ "iconSrc": "/img/name/companyfeature.png",
79
+ "url": "company-name-generator"
80
+ },
81
+ {
82
+ "name": "Random Department ",
83
+ "iconSrc": "/img/name/companyfeature.png",
84
+ "url": "department-name-generator"
85
+ },
86
+ {
87
+ "iconSrc": "/assets/cloud.svg",
88
+ "name": "Split",
89
+ "url": "/",
90
+ "hover": "blue"
91
+ }
92
+ ]
93
+ },
94
+ {
95
+ "categoryName": "Point Of Sale",
96
+ "featuredLinks": [
97
+ {
98
+ "name": "Random Account ",
99
+ "iconSrc": "/assets/images/iconn.svg",
100
+ "url": "account-name-generator"
101
+ },
102
+ {
103
+ "name": "Random Account ",
104
+ "iconSrc": "/assets/images/iconn.svg",
105
+ "url": "account-name-generator"
106
+ },
107
+ {
108
+ "name": "Random Account ",
109
+ "iconSrc": "/assets/images/iconn.svg",
110
+ "url": "account-name-generator"
111
+ }
112
+ ],
113
+ "links": [
114
+ {
115
+ "name": "Random Account ",
116
+ "iconSrc": "/assets/images/iconn.svg",
117
+ "url": "account-name-generator"
118
+ },
119
+ {
120
+ "name": "Random Company ",
121
+ "iconSrc": "/img/name/companyfeature.png",
122
+ "url": "company-name-generator"
123
+ },
124
+ {
125
+ "name": "Random Department ",
126
+ "iconSrc": "/img/name/companyfeature.png",
127
+ "url": "department-name-generator"
128
+ },
129
+ {
130
+ "iconSrc": "/assets/cloud.svg",
131
+ "name": "Split",
132
+ "url": "/",
133
+ "hover": "blue"
134
+ }
135
+ ]
136
+ },
137
+ {
138
+ "categoryName": "Point Of Sale",
139
+ "featuredLinks": [
140
+ {
141
+ "name": "Random Account ",
142
+ "iconSrc": "/assets/images/iconn.svg",
143
+ "url": "account-name-generator"
144
+ },
145
+ {
146
+ "name": "Random Account ",
147
+ "iconSrc": "/assets/images/iconn.svg",
148
+ "url": "account-name-generator"
149
+ },
150
+ {
151
+ "name": "Random Account ",
152
+ "iconSrc": "/assets/images/iconn.svg",
153
+ "url": "account-name-generator"
154
+ }
155
+ ],
156
+ "links": [
157
+ {
158
+ "name": "Random Account ",
159
+ "iconSrc": "/assets/images/iconn.svg",
160
+ "url": "account-name-generator"
161
+ },
162
+ {
163
+ "name": "Random Company ",
164
+ "iconSrc": "/img/name/companyfeature.png",
165
+ "url": "company-name-generator"
166
+ },
167
+ {
168
+ "name": "Random Department ",
169
+ "iconSrc": "/img/name/companyfeature.png",
170
+ "url": "department-name-generator"
171
+ },
172
+ {
173
+ "iconSrc": "/assets/cloud.svg",
174
+ "name": "Split",
175
+ "url": "/",
176
+ "hover": "blue"
177
+ }
178
+ ]
179
+ },
180
+ {
181
+ "categoryName": "Point Of Sale",
182
+ "featuredLinks": [
183
+ {
184
+ "name": "Random Account ",
185
+ "iconSrc": "/assets/images/iconn.svg",
186
+ "url": "account-name-generator"
187
+ },
188
+ {
189
+ "name": "Random Account ",
190
+ "iconSrc": "/assets/images/iconn.svg",
191
+ "url": "account-name-generator"
192
+ },
193
+ {
194
+ "name": "Random Account ",
195
+ "iconSrc": "/assets/images/iconn.svg",
196
+ "url": "account-name-generator"
197
+ }
198
+ ],
199
+ "links": [
200
+ {
201
+ "name": "Random Account ",
202
+ "iconSrc": "/assets/images/iconn.svg",
203
+ "url": "account-name-generator"
204
+ },
205
+ {
206
+ "name": "Random Company ",
207
+ "iconSrc": "/img/name/companyfeature.png",
208
+ "url": "company-name-generator"
209
+ },
210
+ {
211
+ "name": "Random Department ",
212
+ "iconSrc": "/img/name/companyfeature.png",
213
+ "url": "department-name-generator"
214
+ },
215
+ {
216
+ "iconSrc": "/assets/cloud.svg",
217
+ "name": "Split",
218
+ "url": "/",
219
+ "hover": "blue"
220
+ }
221
+ ]
222
+ },
223
+ {
224
+ "categoryName": "Point Of Sale",
225
+ "featuredLinks": [
226
+ {
227
+ "name": "Random Account ",
228
+ "iconSrc": "/assets/images/iconn.svg",
229
+ "url": "account-name-generator"
230
+ },
231
+ {
232
+ "name": "Random Account ",
233
+ "iconSrc": "/assets/images/iconn.svg",
234
+ "url": "account-name-generator"
235
+ },
236
+ {
237
+ "name": "Random Account ",
238
+ "iconSrc": "/assets/images/iconn.svg",
239
+ "url": "account-name-generator"
240
+ }
241
+ ],
242
+ "links": [
243
+ {
244
+ "name": "Random Account ",
245
+ "iconSrc": "/assets/images/iconn.svg",
246
+ "url": "account-name-generator"
247
+ },
248
+ {
249
+ "name": "Random Company ",
250
+ "iconSrc": "/img/name/companyfeature.png",
251
+ "url": "company-name-generator"
252
+ },
253
+ {
254
+ "name": "Random Department ",
255
+ "iconSrc": "/img/name/companyfeature.png",
256
+ "url": "department-name-generator"
257
+ },
258
+ {
259
+ "iconSrc": "/assets/cloud.svg",
260
+ "name": "Split",
261
+ "url": "/",
262
+ "hover": "blue"
263
+ }
264
+ ]
265
+ },
8
266
  {
9
267
  "categoryName": "Point Of Sale",
10
268
  "featuredLinks": [
data/_data/home/en/en.json CHANGED
@@ -116,19 +116,19 @@
116
116
  "links": [
117
117
  {
118
118
  "iconSrc": "/assets/cloud.svg",
119
- "name": "Compress",
119
+ "name": "a",
120
120
  "url": "/",
121
121
  "hover": "red"
122
122
  },
123
123
  {
124
124
  "iconSrc": "/assets/cloud.svg",
125
- "name": "Split",
125
+ "name": "b",
126
126
  "url": "/",
127
127
  "hover": "blue"
128
128
  },
129
129
  {
130
130
  "iconSrc": "/assets/easy.svg",
131
- "name": "Merge Pdf",
131
+ "name": "c",
132
132
  "url": "/",
133
133
  "hover": "green"
134
134
  }
data/_includes/appscms/navbars/navbar.html CHANGED
@@ -1,4 +1,74 @@
1
+ <style>
2
+ .search-container {
3
+ display: flex;
4
+ border: 1px solid #ccc;
5
+ border-radius: 5px;
6
+ overflow: hidden;
7
+ height: 38px;
8
+ width: 400px;
9
+ background-color: white;
10
+ position: relative;
11
+ }
1
12
 
13
+ .search-input {
14
+ flex: 1;
15
+ border: none;
16
+ padding: 12px 16px;
17
+ font-size: 16px;
18
+ outline: none;
19
+ }
20
+
21
+ .search-input::placeholder {
22
+ color: #888;
23
+ }
24
+
25
+ .search-button {
26
+ background-color: #1A2EE7;
27
+ border: none;
28
+ padding: 0 16px;
29
+ display: flex;
30
+ align-items: center;
31
+ justify-content: center;
32
+ cursor: pointer;
33
+ outline: none;
34
+ }
35
+
36
+ .search-button svg {
37
+ /* fill: #fff; */
38
+ height: 20px;
39
+ }
40
+
41
+ .search-button:active {
42
+ background-color: #555;
43
+ }
44
+ .nav-search{
45
+ position: relative;
46
+ }
47
+ .result-item{
48
+ padding: 9px 12px;
49
+ }
50
+ .result-item a{
51
+ color: #222325;
52
+ }
53
+ .searchbarResults{
54
+
55
+ background-color: #fff;
56
+ border: 1px solid #e4e5e7;
57
+ border-radius: 6px;
58
+ -webkit-box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
59
+ box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
60
+ -webkit-box-sizing: border-box;
61
+ box-sizing: border-box;
62
+ color: #74767e;
63
+ cursor: default;
64
+ margin-top: 8px;
65
+ padding: 12px;
66
+ position: absolute;
67
+ width: 100%;
68
+ z-index: 101;
69
+ display: none;
70
+ }
71
+ </style>
2
72
  {% assign lang = page.lang | default: "en" %} {% assign siteData = site.data.header[lang].data
3
73
  %} {% assign featureData = page.fileName %} {% assign folder = page.folderName
4
74
  %} {% assign Data= site.data[folder][lang][file] %}
@@ -12,6 +82,21 @@
12
82
  <span> {{siteData.navbarBrandText}}
13
83
  {%- else -%}
14
84
  {%- endif -%}
85
+ {%- if site.navigationSearch -%}
86
+ <div class="nav-search">
87
+ <div class="search-container">
88
+ <input type="text" class="search-input" placeholder="Search Tools">
89
+
90
+ <button class="search-button">
91
+ <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>
92
+ </button>
93
+ </div>
94
+
95
+ <div id="results" class="searchbarResults"></div>
96
+ </div>
97
+ {%- endif -%}
98
+
99
+
15
100
  {%- if siteData.navItems -%}
16
101
  <div class="appscms-navbar-nav-links">
17
102
  {%- for item in siteData.navItems -%}