appscms-tools-theme 4.7.0 → 4.7.2

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: 897e910c514b9526dbf0216aff1121e1ad2beea4719ea5dbc68dafc60626a8c7
4
- data.tar.gz: 7a81c816bc10bafc326f5a6ce6ffc4da996d4cdaee51c12c479a42092b89dcc7
3
+ metadata.gz: 791b4cdc861ae80bec987f97ed3d952451e8b6ed8d4244c4f51c89cab844f573
4
+ data.tar.gz: 87ab2a1bd27f90671150e052ea3b96fd1f423057e54bddce3f3a518d5d6f8933
5
5
  SHA512:
6
- metadata.gz: 32dd7db60f215547d029a00116666d7c23f484477bf87ca2f34bd627f87c2406d2e84a7882e04001fc9f6a29b5e9a238523082d6f95079a782f919e1d8c3553d
7
- data.tar.gz: bb55c4eacdda3714bf48a61cf4c63d661e8261ac1e6c34ad1fb28ea001c148bbcceecabc77357bd9ff7159d9317b821b85eb81b6cd912a28574b7d030a7d8827
6
+ metadata.gz: 4070e82ef7b1628684d33ec4e747b375e354e6185d4f1276c327c08be35c77cd7de8f50306046589bf813ef7274eb9ccbdcb3e9a8588bf6767da2a3af45995e8
7
+ data.tar.gz: 792b73dc8f5b5741942c56e56e0d05ec6bfd140c7fce004a099d4ccd7587f7b5963261589f4e748a382061e62039619d854b736a772e830887b1edf5e4d0f1cd
@@ -22,67 +22,89 @@
22
22
  ],
23
23
  "features": [
24
24
  {
25
- "name": "Appscms Media tool",
26
- "description": "Appscms feature layout with new design",
27
- "color": "linear-gradient(148deg, #835af2 20%, #1220d8 100%)",
28
- "icon": "/assets/images/digipaint.svg",
29
- "url": "/appscms-feature"
25
+ "category": "All Tools",
26
+ "active": true,
27
+ "type": "tab",
28
+ "display": "block",
29
+ "features": [
30
+ {
31
+ "name": "All tools",
32
+ "description": "Appscms feature layout with new design",
33
+ "color": "linear-gradient(148deg, #835af2 20%, #1220d8 100%)",
34
+ "icon": "/assets/images/digipaint.svg",
35
+ "url": "/appscms-feature"
36
+ },
37
+ {
38
+ "name": "All tools",
39
+ "description": "Appscms feature layout with new design",
40
+ "color": "linear-gradient(148deg, #31d3bd 20%, #187cca 100%)",
41
+ "icon": "/assets/images/digipaint.svg",
42
+ "url": "/appscms-feature"
43
+ },
44
+ {
45
+ "name": "All tools",
46
+ "description": "Appscms feature layout with new design",
47
+ "color": "linear-gradient(148deg, #32a0f7 20%, #114793 100%)",
48
+ "icon": "/assets/images/digipaint.svg",
49
+ "url": "/appscms-feature"
50
+ },
51
+ {
52
+ "name": "All tools",
53
+ "description": "Appscms feature layout with new design",
54
+ "color": "linear-gradient(148deg, #ffa16b 20%, #db410a 100%)",
55
+ "icon": "/assets/images/digipaint.svg",
56
+ "url": "/appscms-feature"
57
+ },
58
+ {
59
+ "name": "All tools",
60
+ "description": "Appscms feature layout with new design",
61
+ "color": "#1A2EE7",
62
+ "icon": "/assets/images/digipaint.svg",
63
+ "url": "/appscms-feature"
64
+ }
65
+ ]
30
66
  },
31
67
  {
32
- "name": "Erase tool",
33
- "description": "Appscms feature layout with new design",
34
- "color": "linear-gradient(148deg, #31d3bd 20%, #187cca 100%)",
35
- "icon": "/assets/images/digipaint.svg",
36
- "url": "/appscms-feature"
68
+ "category": "Calculators",
69
+ "type": "tab",
70
+ "active": false,
71
+ "display": "none",
72
+ "features": [
73
+ {
74
+ "name": "Calculators",
75
+ "description": "Appscms feature layout with new design",
76
+ "color": "#1A2EE7",
77
+ "icon": "/assets/images/digipaint.svg",
78
+ "url": "/appscms-feature"
79
+ },
80
+ {
81
+ "name": "Calculators",
82
+ "description": "Appscms feature layout with new design",
83
+ "color": "#1A2EE7",
84
+ "icon": "/assets/images/digipaint.svg",
85
+ "url": "/appscms-feature"
86
+ },
87
+ {
88
+ "name": "Calculators",
89
+ "description": "Appscms feature layout with new design",
90
+ "color": "#1A2EE7",
91
+ "icon": "/assets/images/digipaint.svg",
92
+ "url": "/appscms-feature"
93
+ },
94
+ {
95
+ "name": "Calculators",
96
+ "description": "Appscms feature layout with new design",
97
+ "color": "#1A2EE7",
98
+ "icon": "/assets/images/digipaint.svg",
99
+ "url": "/appscms-feature"
100
+ }
101
+ ]
37
102
  },
38
103
  {
39
- "name": "Pdf tool",
40
- "description": "Appscms feature layout with new design",
41
- "color": "linear-gradient(148deg, #32a0f7 20%, #114793 100%)",
42
- "icon": "/assets/images/digipaint.svg",
43
- "url": "/appscms-feature"
44
- },
45
- {
46
- "name": "Appscms Video Split",
47
- "description": "Appscms feature layout with new design",
48
- "color": "linear-gradient(148deg, #ffa16b 20%, #db410a 100%)",
49
- "icon": "/assets/images/digipaint.svg",
50
- "url": "/appscms-feature"
51
- },
52
- {
53
- "name": "Appscms resize tool",
54
- "description": "Appscms feature layout with new design",
55
- "color": "#1A2EE7",
56
- "icon": "/assets/images/digipaint.svg",
57
- "url": "/appscms-feature"
58
- },
59
- {
60
- "name": "Appscms Audio kit",
61
- "description": "Appscms feature layout with new design",
62
- "color": "#1A2EE7",
63
- "icon": "/assets/images/digipaint.svg",
64
- "url": "/appscms-feature"
65
- },
66
- {
67
- "name": "Appscms feature",
68
- "description": "Appscms feature layout with new design",
69
- "color": "#1A2EE7",
70
- "icon": "/assets/images/digipaint.svg",
71
- "url": "/appscms-feature"
72
- },
73
- {
74
- "name": "Appscms feature",
75
- "description": "Appscms feature layout with new design",
76
- "color": "#1A2EE7",
77
- "icon": "/assets/images/digipaint.svg",
78
- "url": "/appscms-feature"
79
- },
80
- {
81
- "name": "Appscms feature",
82
- "description": "Appscms feature layout with new design",
83
- "color": "#1A2EE7",
84
- "icon": "/assets/images/digipaint.svg",
85
- "url": "/appscms-feature"
104
+ "category": "Calculators",
105
+ "type": "link",
106
+ "link": "/tools",
107
+ "features": []
86
108
  }
87
109
  ],
88
110
 
@@ -1,49 +1,136 @@
1
- {%- include languages/languages.html -%} {%- if page.permalink == nil -%}
1
+ {%- include languages/languages.html -%}
2
+ {%- if page.permalink == nil -%}
2
3
  <link data-rh="true" rel="alternate" href="{{site.url}}" hreflang="en" />
3
- {%- for i in matchurls -%} {%- for checklang in site.pages -%} {%- if
4
- checklang.permalink == i -%} {%- assign languagetext = [i] -%}
5
- <link
6
- data-rh="true"
7
- rel="alternate"
8
- href="{{site.url}}/{{languagetext[0]}}"
9
- hreflang="{{languagetext[0]}}"
10
- />
11
- {%- endif -%} {%- endfor -%} {%- endfor -%} {%- else -%} {%- if matchurls
12
- contains page.permalink -%} {%- assign languagetext = [i] -%}
4
+ {%- for i in matchurls -%}
5
+ {%- for checklang in site.pages -%}
6
+ {%- if checklang.permalink == i -%}
7
+ {%- assign languagetext = [i] -%}
8
+
9
+
10
+ {% assign whitelist_urls = site.whitelist_urls %}
11
+ {% if site.noindex_languages contains languagetext[0] %}
12
+ {%- if whitelist_urls -%}
13
+ {% for url in whitelist_urls %}
14
+ {% assign current_url = url | remove_first: '/' | strip %}
15
+ {% assign language_url = languagetext[0] | strip %}
16
+ {% if current_url == language_url %}
17
+ {%- assign exclude_url = true -%}
18
+ {% endif %}
19
+ {% endfor %}
20
+ {%- if exclude_url -%}
21
+ <link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
22
+ {%- endif -%}
23
+ {%- endif -%}
24
+ {%- else -%}
25
+ <link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
26
+ {%- endif -%}
27
+
28
+
29
+ {%- endif -%}
30
+ {%- endfor -%}
31
+ {%- endfor -%}
32
+ {%- else -%}
33
+ {%- if matchurls contains page.permalink -%}
34
+ {%- assign languagetext = [i] -%}
13
35
  <link data-rh="true" rel="alternate" href="{{site.url}}" hreflang="en" />
14
- {%- for i in matchurls -%} {%- assign languagetext = [i] -%} {%- if i==
15
- page.permalink -%}
16
- <link
17
- data-rh="true"
18
- rel="alternate"
19
- href="{{site.url}}/{{page.permalink}}"
20
- hreflang="{{languagetext[0]}}"
21
- />
22
- {%- else -%} {%- for checklang in site.pages -%} {%- if checklang.permalink == i
23
- -%} {%- assign languagetext = [i] -%}
24
- <link
25
- data-rh="true"
26
- rel="alternate"
27
- href="{{site.url}}/{{languagetext[0]}}"
28
- hreflang="{{languagetext[0]}}"
29
- />
30
- {%- endif -%} {%- endfor -%} {%- endif -%} {%- endfor -%} {%- else -%} {%- for
31
- item in site.pages -%} {%- assign languagetext = [item.lang] -%} {%- assign
32
- pagelink = page.permalink | split: "/" | last-%} {%- assign itemlink =
33
- item.permalink | split: "/" | last-%} {%- if pagelink == itemlink and page.lang
34
- != item.lang and page.permalink != item.permalink -%}
35
- <link
36
- data-rh="true"
37
- rel="alternate"
38
- href="{{site.url}}{{item.permalink}}"
39
- hreflang="{{languagetext[0]}}"
40
- />
41
- {%- endif -%} {%- if pagelink == itemlink and page.lang == item.lang -%}
42
-
43
- <link
44
- data-rh="true"
45
- rel="alternate"
46
- href="{{site.url}}{{item.permalink}}"
47
- hreflang="{{languagetext[0]}}"
48
- />
49
- {%- endif -%} {%- endfor -%} {%- endif -%} {%- endif -%}
36
+ {%- for i in matchurls -%}
37
+ {%- assign languagetext = [i] -%}
38
+ {%- if i== page.permalink -%}
39
+
40
+ {% assign whitelist_urls = site.whitelist_urls %}
41
+ {% if site.noindex_languages contains languagetext[0] %}
42
+ {%- if whitelist_urls -%}
43
+ {% for url in whitelist_urls %}
44
+ {% assign current_url = url | remove_first: '/' | strip %}
45
+ {% assign language_url = languagetext[0] | strip %}
46
+ {% if current_url == language_url %}
47
+ {%- assign exclude_url = true -%}
48
+ {% endif %}
49
+ {% endfor %}
50
+ {%- if exclude_url -%}
51
+ <link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
52
+ {%- endif -%}
53
+ {%- endif -%}
54
+ {%- else -%}
55
+ <link data-rh="true" rel="alternate" href="{{site.url}}/{{page.permalink}}" hreflang="{{languagetext[0]}}" />
56
+ {%- endif -%}
57
+
58
+ {%- else -%}
59
+ {%- for checklang in site.pages -%}
60
+ {%- if checklang.permalink == i -%}
61
+ {%- assign languagetext = [i] -%}
62
+
63
+ {% if site.noindex_languages contains languagetext[0] %}
64
+ {%- if whitelist_urls -%}
65
+ {% for url in whitelist_urls %}
66
+ {% assign current_url = url | remove_first: '/' | strip %}
67
+ {% assign language_url = languagetext[0] | strip %}
68
+ {% if current_url == language_url %}
69
+ <link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
70
+ {% endif %}
71
+ {% endfor %}
72
+ {%- endif -%}
73
+ {%- else -%}
74
+ <link data-rh="true" rel="alternate" href="{{site.url}}/{{languagetext[0]}}" hreflang="{{languagetext[0]}}" />
75
+ {%- endif -%}
76
+
77
+ {%- endif -%}
78
+ {%- endfor -%}
79
+ {%- endif -%}
80
+ {%- endfor -%}
81
+ {%- else -%}
82
+ {%- for item in site.pages -%}
83
+ {%- assign languagetext = [item.lang] -%}
84
+ {%- assign pagelink = page.permalink | split: "/" | last-%}
85
+ {%- assign itemlink = item.permalink | split: "/" | last-%}
86
+ {%- if pagelink == itemlink and page.lang != item.lang and page.permalink != item.permalink -%}
87
+
88
+ {% if site.noindex_languages contains languagetext[0] %}
89
+ {%- if whitelist_urls -%}
90
+ {% for url in whitelist_urls %}
91
+ {% assign current_url = url | strip %}
92
+ {% if current_url == item.permalink %}
93
+ <link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
94
+ {% endif %}
95
+ {% endfor %}
96
+ {%- endif -%}
97
+ {%- else -%}
98
+ <link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
99
+ {%- endif -%}
100
+
101
+ {%- endif -%}
102
+ {%- if pagelink == itemlink and page.lang == item.lang -%}
103
+
104
+ {% assign whitelist_urls = site.whitelist_urls %}
105
+ {% if site.noindex_languages contains languagetext[0] %}
106
+ {%- if whitelist_urls -%}
107
+ {% for url in whitelist_urls %}
108
+ {% assign current_url = url | strip %}
109
+ {% if current_url == item.permalink %}
110
+ {%- assign exclude_url = true -%}
111
+ {% endif %}
112
+ {% endfor %}
113
+ {%- if exclude_url -%}
114
+ <link data-rh="true" rel="alternate" href="{{site.url}}{{item.permalink}}" hreflang="{{languagetext[0]}}" />
115
+ {%- endif -%}
116
+ {%- endif -%}
117
+ {%- else -%}
118
+
119
+
120
+ {% assign final_permalink = item.permalink %}
121
+ {% if item.permalink contains '/' %}
122
+ {% else %}
123
+ {% assign final_permalink = '/' | append: item.permalink %}
124
+ {% endif %}
125
+
126
+ {%- if site.blacklist_urls contains final_permalink -%}
127
+ {%- else -%}
128
+ <link data-rh="true" rel="alternate" href="{{ site.url }}{{final_permalink}}" hreflang="{{ languagetext[0] }}" />
129
+ {%- endif -%}
130
+
131
+ {%- endif -%}
132
+
133
+ {%- endif -%}
134
+ {%- endfor -%}
135
+ {%- endif -%}
136
+ {%- endif -%}
@@ -1,17 +1,118 @@
1
+ {%- if page.lang == 'en' -%}
2
+ <style>
3
+ .toolfilter svg {
4
+ height: 20px;
5
+ width: 20px;
6
+ }
7
+ .inverted {
8
+ filter: invert(1);
9
+ }
1
10
 
11
+ .toolfilters {
12
+ width: fit-content;
13
+ min-width: 500px;
14
+ justify-content: space-evenly;
15
+ }
16
+ .toolfilters-wrapper {
17
+ display: flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ }
21
+ .filter__category {
22
+ display: flex;
23
+ align-items: center;
24
+ border-radius: 99px;
25
+ padding: 12px;
26
+ cursor: pointer;
27
+ margin-left: 6px;
28
+ margin-right: 6px;
29
+ white-space: nowrap;
30
+ color: #525658;
31
+ }
32
+ .filter__name {
33
+ font-weight: 500;
34
+ font-size: 14px;
35
+ line-height: 1.5;
36
+ margin-left: 8px;
37
+ }
38
+ .filter__category:hover {
39
+ background-color: var(--primary-color);
40
+ color: #ffffff;
41
+ }
42
+ .filter__category:hover img {
43
+ filter: invert(1);
44
+ }
45
+ .filter__category img {
46
+ height: 21px;
47
+ width: 21px;
48
+ }
49
+ .filter__category_active {
50
+ background-color: var(--primary-color);
51
+ color: #fff;
52
+ }
53
+ </style>
2
54
  <div class="container">
3
- <div class="row justify-content-center">
4
- <div class="col-lg-9 col-md-12 col-sm-12 pt-sm-3">
5
- <div class="toolfilters-wrapper">
6
- <div class="toolfilters">
7
- <div class="toolfilter active toolfilter-all">All</div>
8
- <div class="toolfilter toolfilter-latest">Latest</div>
9
- <div class="toolfilter toolfilter-crop">Crop</div>
10
- <div class="toolfilter toolfilter-filter">Filters</div>
11
- <div class="toolfilter toolfilter-Social">Social</div>
12
-
55
+ <div class="row justify-content-center">
56
+ <div class="col-lg-9 col-md-12 col-sm-12 pt-sm-3">
57
+ <div class="toolfilters-wrapper">
58
+ <div id="toolfilters" class="toolfilters">
59
+ {%- for item in pageData.features -%} {%- if item.link -%}
60
+ <a
61
+ href="{{item.link}}"
62
+ class="filter__category{% if item.active %} filter__category_active{% endif %}"
63
+ >
64
+ <img
65
+ src="/assets/images/menu.svg"
66
+ alt=""
67
+ style="filter: invert(1)"
68
+ />
69
+ <span class="filter__name">{{item.category}}</span>
70
+ </a>
71
+ {%- else -%}
72
+ <div
73
+ data-category-name="{{item.category}}"
74
+ class="filter__category{% if item.active %} filter__category_active{% endif %}"
75
+ >
76
+ <img
77
+ src="/assets/images/menu.svg"
78
+ alt=""
79
+ style="filter: invert(1)"
80
+ />
81
+ <span class="filter__name">{{item.category}}</span>
13
82
  </div>
83
+ {%- endif -%} {%- endfor -%}
14
84
  </div>
15
85
  </div>
16
86
  </div>
17
87
  </div>
88
+ </div>
89
+
90
+ <script>
91
+ const categories = document.querySelectorAll(".filter__category");
92
+
93
+ categories.forEach((item) => {
94
+ item.addEventListener("click", () => {
95
+ // Remove 'filter__category_active' class from all categories
96
+ categories.forEach((i) => {
97
+ i.classList.remove("filter__category_active");
98
+ });
99
+
100
+ // Add 'filter__category_active' class to the clicked category
101
+ item.classList.add("filter__category_active");
102
+
103
+ // Hide all elements with a 'data-category' attribute
104
+ document.querySelectorAll("[data-category]").forEach((category) => {
105
+ category.style.display = "none";
106
+ });
107
+
108
+ // Show elements that match the clicked category's data-category-name
109
+ const elements = document.querySelectorAll(
110
+ `[data-category="${item.dataset.categoryName}"]`
111
+ );
112
+ elements.forEach((element) => {
113
+ element.style.display = "block";
114
+ });
115
+ });
116
+ });
117
+ </script>
118
+ {%- endif -%}
@@ -277,10 +277,26 @@
277
277
  name="twitter:image:src"
278
278
  content="{{site.url}}{{favicon}}"
279
279
  />
280
- {% include adsense/adsense.html %} {%- if page.noindex -%}
280
+ {% include adsense/adsense.html %}
281
+
282
+ {%- if page.noindex -%}
281
283
  <meta name="robots" content="noindex" />
284
+ {%- endif -%}
282
285
 
283
- {%- endif -%} {%- if site.pwa -%}
286
+ {% assign whitelist_urls = site.whitelist_urls %}
287
+ {% if site.noindex_languages contains page.lang %}
288
+ {% unless whitelist_urls contains page.url %}
289
+ <meta name="robots" content="noindex" />
290
+ {% endunless %}
291
+ {% endif %}
292
+
293
+ {% if site.blacklist_urls %}
294
+ {% if site.blacklist_urls contains page.url %}
295
+ <meta name="robots" content="noindex">
296
+ {% endif %}
297
+ {% endif %}
298
+
299
+ {%- if site.pwa -%}
284
300
 
285
301
  <link rel="manifest" href="/assets/js/manifest.json" />
286
302
 
@@ -2,21 +2,28 @@
2
2
  <div class="row">
3
3
  <div class="col-md-10 mx-auto">
4
4
  <div class="row" id="appscms-tools-section-row">
5
- {% for item in pageData.features %}
6
- <div class="col-xl-4 col-lg-6 col-md-6 col-3 appscms-tool-container">
5
+ {% for product in pageData.features %} {%- for item in product.features
6
+ -%}
7
+ <div
8
+ class="col-xl-4 col-lg-6 col-md-6 col-3 appscms-tool-container"
9
+ data-category="{{product.category}}"
10
+ style="display: {{product.display}};"
11
+ >
7
12
  <a href="{{item.url}}">
8
13
  <div class="appscms-tool">
9
14
  <div class="tool-top" style="background: {{item.color}};">
10
15
  <div class="tool-img">
11
16
  <img crossorigin="anonymous" src="{{item.icon}}" alt="img" />
12
17
  </div>
13
- <div class="tool-text">{{item.description | truncate:67,'..'}}</div>
18
+ <div class="tool-text">
19
+ {{item.description | truncate:67,'..'}}
20
+ </div>
14
21
  </div>
15
22
  <div class="tool-heading">{{item.name | truncate: 33, '..'}}</div>
16
23
  </div>
17
24
  </a>
18
25
  </div>
19
- {% endfor %}
26
+ {%- endfor -%} {% endfor %}
20
27
  </div>
21
28
  </div>
22
29
  </div>
@@ -51,7 +51,8 @@
51
51
  color: #222325;
52
52
  }
53
53
  .searchbarResults{
54
-
54
+ overflow: scroll;
55
+ height: 60vh;
55
56
  background-color: #fff;
56
57
  border: 1px solid #e4e5e7;
57
58
  border-radius: 6px;
@@ -82,28 +83,31 @@
82
83
  <span> {{siteData.navbarBrandText}}
83
84
  {%- else -%}
84
85
  {%- 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 -%}
86
+ <div class="d-flex align-items-center">
87
+ {%- if site.navigationSearch -%}
88
+ <div class="nav-search mr-4">
89
+ <div class="search-container">
90
+ <input type="text" class="search-input" placeholder="Search Tools">
91
+
92
+ <button class="search-button">
93
+ <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>
94
+ </button>
95
+ </div>
98
96
 
97
+ <div id="results" class="searchbarResults"></div>
98
+ </div>
99
+ {%- endif -%}
99
100
 
100
- {%- if siteData.navItems -%}
101
- <div class="appscms-navbar-nav-links">
102
- {%- for item in siteData.navItems -%}
103
- <a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
104
- {%- endfor -%}
101
+
102
+ {%- if siteData.navItems -%}
103
+ <div class="appscms-navbar-nav-links">
104
+ {%- for item in siteData.navItems -%}
105
+ <a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
106
+ {%- endfor -%}
107
+ </div>
108
+ {%- endif -%}
105
109
  </div>
106
- {%- endif -%}
110
+
107
111
  <div id="hamburger" data-open="false" class="hamburger">
108
112
  <svg
109
113
  style="font-size:25px"