appscms-tools-theme 4.5.4 → 4.5.5
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 +4 -4
- data/_data/about/en/about.json +16 -16
- data/_data/blog/nav.json +14 -14
- data/_data/feature/en/batch-conversion.json +192 -192
- data/_data/feature/en/compress-pdf.json +305 -348
- data/_data/feature/en/devtools.json +321 -321
- data/_data/feature/en/face-detection.json +156 -156
- data/_data/feature/en/split-pdf.json +221 -221
- data/_data/feature/en/theframe.json +160 -160
- data/_data/footer/en/data.json +2 -2
- data/_data/header/en/data.json +412 -412
- data/_data/home/en/en.json +356 -356
- data/_data/home/en/posters.json +322 -322
- data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -93
- data/_includes/appscms/customblog/pageRelatedPosts.html +62 -62
- data/_includes/appscms/customblog/recentposts.html +67 -67
- data/_includes/appscms/customblog/relatedBlogs.html +82 -82
- data/_includes/appscms/customblog/relatedposts.html +193 -192
- data/_includes/appscms/extras/appscms-postbox.html +57 -60
- data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
- data/_includes/appscms/head/bloghead.html +128 -128
- data/_includes/appscms/head/head.html +182 -72
- data/_includes/appscms/headings/contenttool-headings.html +33 -33
- data/_includes/appscms/headings/devtool-headings.html +38 -38
- data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
- data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
- data/_includes/appscms/infographics/infographics.html +159 -159
- data/_includes/appscms/loaders/loader.html +4 -4
- data/_includes/appscms/navbars/devtool-navbar.html +50 -50
- data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
- data/_includes/appscms/recent-posts/recent_posts.html +90 -92
- data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
- data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
- data/_includes/appscms/usp/usp.html +90 -90
- data/_includes/author_bio.html +41 -41
- data/_includes/authorpagehead/index.html +47 -47
- data/_includes/authors/authors.html +39 -39
- data/_includes/batch-conversion.html +141 -141
- data/_includes/bookmark.html +6 -6
- data/_includes/cssfile/links.html +54 -54
- data/_includes/custom-head.html +138 -138
- data/_includes/customCode.html +1 -1
- data/_includes/customScripts.html +1 -1
- data/_includes/customblog/pageRelatedPosts.html +87 -87
- data/_includes/customblog/recentposts.html +67 -67
- data/_includes/customblog/relatedBlogs.html +86 -86
- data/_includes/customblog/relatedposts.html +201 -201
- data/_includes/dropdown/langdropdown.html +32 -32
- data/_includes/feature.html +39 -39
- data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
- data/_includes/footer/index.html +537 -537
- data/_includes/google-analytics.html +32 -32
- data/_includes/head/index.html +623 -623
- data/_includes/header/blogHeader.html +34 -34
- data/_includes/header/index.html +192 -192
- data/_includes/infographics/infographics.html +241 -241
- data/_includes/paginationBlogPage.html +70 -70
- data/_includes/postbox.html +65 -32
- data/_includes/script.html +493 -493
- data/_includes/section/count.html +32 -32
- data/_includes/section/recent_posts.html +94 -66
- data/_includes/section/related_categories_post.html +196 -196
- data/_includes/share/socialshare.html +21 -21
- data/_includes/userTracking.html +14 -14
- data/_layouts/aboutUs.html +175 -99
- data/_layouts/allAuthors.html +131 -131
- data/_layouts/appscms-about.html +163 -163
- data/_layouts/appscms-audio.html +33 -33
- data/_layouts/appscms-author.html +436 -436
- data/_layouts/appscms-authors.html +145 -171
- data/_layouts/appscms-batch.html +141 -141
- data/_layouts/appscms-blog.html +94 -55
- data/_layouts/appscms-calculator.html +93 -93
- data/_layouts/appscms-categories.html +26 -26
- data/_layouts/appscms-contact.html +132 -132
- data/_layouts/appscms-disclaimer.html +124 -124
- data/_layouts/appscms-download.html +289 -289
- data/_layouts/appscms-feature-result.html +96 -96
- data/_layouts/appscms-help.html +25 -25
- data/_layouts/appscms-imagekit.html +96 -96
- data/_layouts/appscms-post.html +243 -243
- data/_layouts/appscms-privacy-policy.html +781 -781
- data/_layouts/appscms-terms-and-conditions.html +646 -646
- data/_layouts/appscms-video.html +33 -33
- data/_layouts/audio.html +33 -33
- data/_layouts/author.html +409 -409
- data/_layouts/batch.html +177 -177
- data/_layouts/blog-1.html +116 -84
- data/_layouts/blog.html +131 -131
- data/_layouts/calculator.html +99 -99
- data/_layouts/contenttool-feature.html +45 -45
- data/_layouts/contenttool-home.html +53 -53
- data/_layouts/devtool-blog.html +132 -132
- data/_layouts/devtool-feature.html +54 -54
- data/_layouts/devtool-home.html +53 -53
- data/_layouts/devtools.html +57 -57
- data/_layouts/feature-1.html +406 -406
- data/_layouts/feature.html +351 -351
- data/_layouts/featureResultPage.html +82 -82
- data/_layouts/frame.html +222 -222
- data/_layouts/home.html +281 -281
- data/_layouts/homeResultPage.html +32 -32
- data/_layouts/imagekit.html +308 -308
- data/_layouts/photo-effects-home.html +190 -190
- data/_layouts/post.html +233 -233
- data/assets/app.js +75 -75
- data/assets/css/appscms-blog.css +505 -505
- data/assets/css/appscms-contenttool.css +1384 -1384
- data/assets/css/appscms-home.css +5 -5
- data/assets/css/appscms-imagekit.css +855 -855
- data/assets/css/appscms-variables.css +19 -19
- data/assets/css/blog.css +510 -510
- data/assets/css/calculators.css +46 -46
- data/assets/css/devtool-main.css +1350 -1350
- data/assets/css/devtools.css +105 -105
- data/assets/css/feature-1.css +293 -293
- data/assets/css/imagekit copy.css +848 -848
- data/assets/css/imagekit.css +848 -848
- data/assets/css/tools.css +1847 -1847
- data/assets/images/close-button.svg +31 -31
- data/assets/images/digipaint.svg +6 -6
- data/assets/images/logo.svg +2 -2
- data/assets/images/manthink.svg +3552 -3552
- data/assets/images/search-icon.svg +2 -2
- data/assets/js/batch.js +256 -256
- data/assets/js/devtools.js +81 -81
- data/assets/js/sharePage.js +65 -65
- data/assets/js/usageTracking.js +143 -143
- data/assets/js/usageTrackingEvents.js +6 -6
- data/assets/js/webvitals.js +4 -4
- metadata +3 -3
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
<header id="header">
|
|
2
|
-
{%- if page.layout == 'blog-1' or page.layout == "post" -%}
|
|
3
|
-
<nav class="navbar navbar-expand-lg navbar-dark py-3"
|
|
4
|
-
style="box-shadow: 0 1px 0 0 rgb(38 38 40 / 9%); background-color: white;">
|
|
5
|
-
{%- else -%}
|
|
6
|
-
<nav class="navbar navbar-expand-lg navbar-dark py-3" style="background: white">
|
|
7
|
-
{%- endif -%}
|
|
8
|
-
{%- assign navbar = site.data.blog.nav -%}
|
|
9
|
-
{% if navbar.navbarBrandText != "" %}
|
|
10
|
-
<a class="navbar-brand" href="/" title="{{navbar.navbarBrandText}}">{{navbar.navbarBrandText}}</a>
|
|
11
|
-
|
|
12
|
-
{% else %}
|
|
13
|
-
<a href="/">
|
|
14
|
-
<img class="logo-height" loading="lazy" src="{{navbar.navbarBrandLogo}}"
|
|
15
|
-
alt="{{navbar.navbarBrandLogo}}" style="height: 40px; width: 40px;" class="navbar-brand-image" {%-
|
|
16
|
-
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
17
|
-
|
|
18
|
-
</a>
|
|
19
|
-
{% endif %}
|
|
20
|
-
|
|
21
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
|
|
22
|
-
<i class="fas fa-bars fa-2x" style="color:#000"></i>
|
|
23
|
-
</button>
|
|
24
|
-
|
|
25
|
-
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
26
|
-
<ul class="navbar-nav ml-auto">
|
|
27
|
-
{%- for item in site.data.blog.nav.navItems -%}
|
|
28
|
-
<li class="nav-item">
|
|
29
|
-
<a class="nav-link" href="/{{item.url}}">{{item.name}}</a>
|
|
30
|
-
</li>
|
|
31
|
-
{% endfor %}
|
|
32
|
-
</ul>
|
|
33
|
-
</div>
|
|
34
|
-
</nav>
|
|
1
|
+
<header id="header">
|
|
2
|
+
{%- if page.layout == 'blog-1' or page.layout == "post" -%}
|
|
3
|
+
<nav class="navbar navbar-expand-lg navbar-dark py-3"
|
|
4
|
+
style="box-shadow: 0 1px 0 0 rgb(38 38 40 / 9%); background-color: white;">
|
|
5
|
+
{%- else -%}
|
|
6
|
+
<nav class="navbar navbar-expand-lg navbar-dark py-3" style="background: white">
|
|
7
|
+
{%- endif -%}
|
|
8
|
+
{%- assign navbar = site.data.blog.nav -%}
|
|
9
|
+
{% if navbar.navbarBrandText != "" %}
|
|
10
|
+
<a class="navbar-brand" href="/" title="{{navbar.navbarBrandText}}">{{navbar.navbarBrandText}}</a>
|
|
11
|
+
|
|
12
|
+
{% else %}
|
|
13
|
+
<a href="/">
|
|
14
|
+
<img class="logo-height" loading="lazy" src="{{navbar.navbarBrandLogo}}"
|
|
15
|
+
alt="{{navbar.navbarBrandLogo}}" style="height: 40px; width: 40px;" class="navbar-brand-image" {%-
|
|
16
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
17
|
+
|
|
18
|
+
</a>
|
|
19
|
+
{% endif %}
|
|
20
|
+
|
|
21
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
|
|
22
|
+
<i class="fas fa-bars fa-2x" style="color:#000"></i>
|
|
23
|
+
</button>
|
|
24
|
+
|
|
25
|
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
26
|
+
<ul class="navbar-nav ml-auto">
|
|
27
|
+
{%- for item in site.data.blog.nav.navItems -%}
|
|
28
|
+
<li class="nav-item">
|
|
29
|
+
<a class="nav-link" href="/{{item.url}}">{{item.name}}</a>
|
|
30
|
+
</li>
|
|
31
|
+
{% endfor %}
|
|
32
|
+
</ul>
|
|
33
|
+
</div>
|
|
34
|
+
</nav>
|
|
35
35
|
</header>
|
data/_includes/header/index.html
CHANGED
|
@@ -1,193 +1,193 @@
|
|
|
1
|
-
{% assign lang = page.lang %}
|
|
2
|
-
{% assign dataToShow = site.data.header[lang].data %}
|
|
3
|
-
{% assign file = page.fileName %}
|
|
4
|
-
{% assign folder = page.folderName %}
|
|
5
|
-
{% assign Data= site.data[folder][lang][file] %}
|
|
6
|
-
{% assign logovalue = "40px" %}
|
|
7
|
-
{%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
|
|
8
|
-
<header data-layout="{{page.layout}}" id="header" class="home1-nav-header">
|
|
9
|
-
<nav class="header-navbar navbar navbar-expand-lg">
|
|
10
|
-
<div class="container px-0">
|
|
11
|
-
{% if dataToShow.navbarBrandText != "" %}
|
|
12
|
-
<a id="home-link" class="navbar-brand" href="/"
|
|
13
|
-
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
|
14
|
-
{% else %}
|
|
15
|
-
<a id="home-link" href="/">
|
|
16
|
-
<img class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth }}"
|
|
17
|
-
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue }}" src="{{ dataToShow.navbarBrandLogo }}"
|
|
18
|
-
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
19
|
-
</a>
|
|
20
|
-
{% endif %}
|
|
21
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
22
|
-
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
23
|
-
<div class="header_bars"></div>
|
|
24
|
-
<div class="header_bars"></div>
|
|
25
|
-
<div class="header_bars"></div>
|
|
26
|
-
</button>
|
|
27
|
-
|
|
28
|
-
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
|
|
29
|
-
{%- if Data.megaMenu -%}
|
|
30
|
-
<div class="nav-item header_nav__item">
|
|
31
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
32
|
-
aria-haspopup="true" aria-expanded="false">
|
|
33
|
-
{{Data.megaMenu.nav-link-name}}
|
|
34
|
-
</a>
|
|
35
|
-
<div class="dropmenu dropdown-menu" style="border-bottom: 0; box-shadow: 0 8px 5px -6px rgb(0 0 0 / 9%);"
|
|
36
|
-
aria-labelledby="navbarDropdown">
|
|
37
|
-
<div class="inner-dropdown">
|
|
38
|
-
{%- for item in Data.megaMenu.dropdown -%}
|
|
39
|
-
<div class="catPad mb-4">
|
|
40
|
-
<div class="tools_list_categoryName">{{item.categoryName}}</div>
|
|
41
|
-
{%- for item in item.links -%}
|
|
42
|
-
<div>
|
|
43
|
-
<a class="tools_list_featureName" href="{{item.url}}">
|
|
44
|
-
{%- if item.iconSrc -%}
|
|
45
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
46
|
-
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
47
|
-
{%- endif -%}
|
|
48
|
-
{{item.name}}
|
|
49
|
-
</a>
|
|
50
|
-
</div>
|
|
51
|
-
{%- endfor -%}
|
|
52
|
-
</div>
|
|
53
|
-
{%- endfor -%}
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
</div>
|
|
57
|
-
{%- else -%}
|
|
58
|
-
{%- if dataToShow.megaMenu -%}
|
|
59
|
-
<div class="nav-item header_nav__item">
|
|
60
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
61
|
-
aria-haspopup="true" aria-expanded="false">
|
|
62
|
-
{{dataToShow.megaMenu.nav-link-name}}
|
|
63
|
-
</a>
|
|
64
|
-
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
65
|
-
<div class="inner-dropdown">
|
|
66
|
-
{%- for item in dataToShow.megaMenu.dropdown -%}
|
|
67
|
-
<div class="catPad mb-4">
|
|
68
|
-
<div class="tools_list_categoryName">{{item.categoryName}}</div>
|
|
69
|
-
<div> {%- for item in item.links -%}
|
|
70
|
-
<div>
|
|
71
|
-
<a class="tools_list_featureName" href="{{item.url}}">
|
|
72
|
-
{%- if item.iconSrc -%}
|
|
73
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
|
|
74
|
-
{%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
75
|
-
{%- endif -%}
|
|
76
|
-
{{item.name}}</a>
|
|
77
|
-
</div>
|
|
78
|
-
{%- endfor -%}
|
|
79
|
-
</div>
|
|
80
|
-
</div>
|
|
81
|
-
{%- endfor -%}
|
|
82
|
-
</div>
|
|
83
|
-
</div>
|
|
84
|
-
</div>
|
|
85
|
-
{%- endif -%}
|
|
86
|
-
{%- endif -%}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
<div class="navbar-nav">
|
|
90
|
-
{% for item in dataToShow.navItems %}
|
|
91
|
-
<div class="nav-item header_nav__item">
|
|
92
|
-
<a href="{{item.url}}">{{item.name}}</a>
|
|
93
|
-
</div>
|
|
94
|
-
{% endfor %}
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
</nav>
|
|
99
|
-
</header>
|
|
100
|
-
{%- else -%}
|
|
101
|
-
|
|
102
|
-
<header id="header">
|
|
103
|
-
<nav class="navbar navbar-expand-lg py-3 px-sm-2">
|
|
104
|
-
{% if dataToShow.navbarBrandText != "" %}
|
|
105
|
-
<a id="home-link" class="navbar-brand" href="/"
|
|
106
|
-
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
|
107
|
-
{% else %}
|
|
108
|
-
<a id="home-link" href="/">
|
|
109
|
-
<img class="logo-height" width="{{dataToShow.navbarBrandLogoWidth | default: logovalue}}"
|
|
110
|
-
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue}}" src="{{ dataToShow.navbarBrandLogo }}"
|
|
111
|
-
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
112
|
-
</a>
|
|
113
|
-
{% endif %}
|
|
114
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
115
|
-
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
116
|
-
<div class="hamburger-menu">
|
|
117
|
-
<span class="line-top"></span>
|
|
118
|
-
<span class="line-center"></span>
|
|
119
|
-
<span class="line-bottom"></span>
|
|
120
|
-
</div>
|
|
121
|
-
</button>
|
|
122
|
-
|
|
123
|
-
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
124
|
-
{%- if Data.megaMenu -%}
|
|
125
|
-
<div class="nav-item nav__item">
|
|
126
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
127
|
-
aria-haspopup="true" aria-expanded="false">
|
|
128
|
-
{{Data.megaMenu.nav-link-name}}
|
|
129
|
-
</a>
|
|
130
|
-
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
131
|
-
<div class="inner-dropdown">
|
|
132
|
-
{%- for item in Data.megaMenu.dropdown -%}
|
|
133
|
-
<div class="catPad mb-4">
|
|
134
|
-
<div class="text-muted">{{item.categoryName}}</div>
|
|
135
|
-
{%- for item in item.links -%}
|
|
136
|
-
<div>
|
|
137
|
-
<a href="{{item.url}}">
|
|
138
|
-
{%- if item.iconSrc -%}
|
|
139
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
140
|
-
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
141
|
-
{%- endif -%}
|
|
142
|
-
{{item.name}}
|
|
143
|
-
</a>
|
|
144
|
-
</div>
|
|
145
|
-
{%- endfor -%}
|
|
146
|
-
</div>
|
|
147
|
-
{%- endfor -%}
|
|
148
|
-
</div>
|
|
149
|
-
</d>
|
|
150
|
-
</div>
|
|
151
|
-
</div>
|
|
152
|
-
{%- else -%}
|
|
153
|
-
{%- if dataToShow.megaMenu -%}
|
|
154
|
-
<div class="nav-item nav__item">
|
|
155
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
156
|
-
aria-haspopup="true" aria-expanded="false">
|
|
157
|
-
{{dataToShow.megaMenu.nav-link-name}}
|
|
158
|
-
</a>
|
|
159
|
-
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
160
|
-
<div class="inner-dropdown">
|
|
161
|
-
{%- for item in dataToShow.megaMenu.dropdown -%}
|
|
162
|
-
<div class="catPad mb-4">
|
|
163
|
-
<div class="text-muted">{{item.categoryName}}</div>
|
|
164
|
-
{%- for item in item.links -%}
|
|
165
|
-
<div>
|
|
166
|
-
<a href="{{item.url}}">
|
|
167
|
-
{%- if item.iconSrc -%}
|
|
168
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
169
|
-
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
170
|
-
{%- endif -%}
|
|
171
|
-
{{item.name}}</a>
|
|
172
|
-
</div>
|
|
173
|
-
{%- endfor -%}
|
|
174
|
-
</div>
|
|
175
|
-
{%- endfor -%}
|
|
176
|
-
</div>
|
|
177
|
-
</div>
|
|
178
|
-
</div>
|
|
179
|
-
{%- endif -%}
|
|
180
|
-
{%- endif -%}
|
|
181
|
-
<div class="navbar-nav">
|
|
182
|
-
{% for item in dataToShow.navItems %}
|
|
183
|
-
<div class="nav-item nav__item mr-auto">
|
|
184
|
-
<a href="{{item.url}}">{{item.name}}</a>
|
|
185
|
-
</div>
|
|
186
|
-
{% endfor %}
|
|
187
|
-
</d>
|
|
188
|
-
</div>
|
|
189
|
-
</div>
|
|
190
|
-
</nav>
|
|
191
|
-
</header>
|
|
192
|
-
|
|
1
|
+
{% assign lang = page.lang %}
|
|
2
|
+
{% assign dataToShow = site.data.header[lang].data %}
|
|
3
|
+
{% assign file = page.fileName %}
|
|
4
|
+
{% assign folder = page.folderName %}
|
|
5
|
+
{% assign Data= site.data[folder][lang][file] %}
|
|
6
|
+
{% assign logovalue = "40px" %}
|
|
7
|
+
{%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
|
|
8
|
+
<header data-layout="{{page.layout}}" id="header" class="home1-nav-header">
|
|
9
|
+
<nav class="header-navbar navbar navbar-expand-lg">
|
|
10
|
+
<div class="container px-0">
|
|
11
|
+
{% if dataToShow.navbarBrandText != "" %}
|
|
12
|
+
<a id="home-link" class="navbar-brand" href="/"
|
|
13
|
+
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
|
14
|
+
{% else %}
|
|
15
|
+
<a id="home-link" href="/">
|
|
16
|
+
<img class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth }}"
|
|
17
|
+
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue }}" src="{{ dataToShow.navbarBrandLogo }}"
|
|
18
|
+
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
19
|
+
</a>
|
|
20
|
+
{% endif %}
|
|
21
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
22
|
+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
23
|
+
<div class="header_bars"></div>
|
|
24
|
+
<div class="header_bars"></div>
|
|
25
|
+
<div class="header_bars"></div>
|
|
26
|
+
</button>
|
|
27
|
+
|
|
28
|
+
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
|
|
29
|
+
{%- if Data.megaMenu -%}
|
|
30
|
+
<div class="nav-item header_nav__item">
|
|
31
|
+
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
32
|
+
aria-haspopup="true" aria-expanded="false">
|
|
33
|
+
{{Data.megaMenu.nav-link-name}}
|
|
34
|
+
</a>
|
|
35
|
+
<div class="dropmenu dropdown-menu" style="border-bottom: 0; box-shadow: 0 8px 5px -6px rgb(0 0 0 / 9%);"
|
|
36
|
+
aria-labelledby="navbarDropdown">
|
|
37
|
+
<div class="inner-dropdown">
|
|
38
|
+
{%- for item in Data.megaMenu.dropdown -%}
|
|
39
|
+
<div class="catPad mb-4">
|
|
40
|
+
<div class="tools_list_categoryName">{{item.categoryName}}</div>
|
|
41
|
+
{%- for item in item.links -%}
|
|
42
|
+
<div>
|
|
43
|
+
<a class="tools_list_featureName" href="{{item.url}}">
|
|
44
|
+
{%- if item.iconSrc -%}
|
|
45
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
46
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
47
|
+
{%- endif -%}
|
|
48
|
+
{{item.name}}
|
|
49
|
+
</a>
|
|
50
|
+
</div>
|
|
51
|
+
{%- endfor -%}
|
|
52
|
+
</div>
|
|
53
|
+
{%- endfor -%}
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
{%- else -%}
|
|
58
|
+
{%- if dataToShow.megaMenu -%}
|
|
59
|
+
<div class="nav-item header_nav__item">
|
|
60
|
+
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
61
|
+
aria-haspopup="true" aria-expanded="false">
|
|
62
|
+
{{dataToShow.megaMenu.nav-link-name}}
|
|
63
|
+
</a>
|
|
64
|
+
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
65
|
+
<div class="inner-dropdown">
|
|
66
|
+
{%- for item in dataToShow.megaMenu.dropdown -%}
|
|
67
|
+
<div class="catPad mb-4">
|
|
68
|
+
<div class="tools_list_categoryName">{{item.categoryName}}</div>
|
|
69
|
+
<div> {%- for item in item.links -%}
|
|
70
|
+
<div>
|
|
71
|
+
<a class="tools_list_featureName" href="{{item.url}}">
|
|
72
|
+
{%- if item.iconSrc -%}
|
|
73
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
|
|
74
|
+
{%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
75
|
+
{%- endif -%}
|
|
76
|
+
{{item.name}}</a>
|
|
77
|
+
</div>
|
|
78
|
+
{%- endfor -%}
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
{%- endfor -%}
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
{%- endif -%}
|
|
86
|
+
{%- endif -%}
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
<div class="navbar-nav">
|
|
90
|
+
{% for item in dataToShow.navItems %}
|
|
91
|
+
<div class="nav-item header_nav__item">
|
|
92
|
+
<a href="{{item.url}}">{{item.name}}</a>
|
|
93
|
+
</div>
|
|
94
|
+
{% endfor %}
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
</nav>
|
|
99
|
+
</header>
|
|
100
|
+
{%- else -%}
|
|
101
|
+
|
|
102
|
+
<header id="header">
|
|
103
|
+
<nav class="navbar navbar-expand-lg py-3 px-sm-2">
|
|
104
|
+
{% if dataToShow.navbarBrandText != "" %}
|
|
105
|
+
<a id="home-link" class="navbar-brand" href="/"
|
|
106
|
+
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
|
107
|
+
{% else %}
|
|
108
|
+
<a id="home-link" href="/">
|
|
109
|
+
<img class="logo-height" width="{{dataToShow.navbarBrandLogoWidth | default: logovalue}}"
|
|
110
|
+
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue}}" src="{{ dataToShow.navbarBrandLogo }}"
|
|
111
|
+
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
112
|
+
</a>
|
|
113
|
+
{% endif %}
|
|
114
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
115
|
+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
116
|
+
<div class="hamburger-menu">
|
|
117
|
+
<span class="line-top"></span>
|
|
118
|
+
<span class="line-center"></span>
|
|
119
|
+
<span class="line-bottom"></span>
|
|
120
|
+
</div>
|
|
121
|
+
</button>
|
|
122
|
+
|
|
123
|
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
124
|
+
{%- if Data.megaMenu -%}
|
|
125
|
+
<div class="nav-item nav__item">
|
|
126
|
+
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
127
|
+
aria-haspopup="true" aria-expanded="false">
|
|
128
|
+
{{Data.megaMenu.nav-link-name}}
|
|
129
|
+
</a>
|
|
130
|
+
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
131
|
+
<div class="inner-dropdown">
|
|
132
|
+
{%- for item in Data.megaMenu.dropdown -%}
|
|
133
|
+
<div class="catPad mb-4">
|
|
134
|
+
<div class="text-muted">{{item.categoryName}}</div>
|
|
135
|
+
{%- for item in item.links -%}
|
|
136
|
+
<div>
|
|
137
|
+
<a href="{{item.url}}">
|
|
138
|
+
{%- if item.iconSrc -%}
|
|
139
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
140
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
141
|
+
{%- endif -%}
|
|
142
|
+
{{item.name}}
|
|
143
|
+
</a>
|
|
144
|
+
</div>
|
|
145
|
+
{%- endfor -%}
|
|
146
|
+
</div>
|
|
147
|
+
{%- endfor -%}
|
|
148
|
+
</div>
|
|
149
|
+
</d>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
{%- else -%}
|
|
153
|
+
{%- if dataToShow.megaMenu -%}
|
|
154
|
+
<div class="nav-item nav__item">
|
|
155
|
+
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
156
|
+
aria-haspopup="true" aria-expanded="false">
|
|
157
|
+
{{dataToShow.megaMenu.nav-link-name}}
|
|
158
|
+
</a>
|
|
159
|
+
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
|
160
|
+
<div class="inner-dropdown">
|
|
161
|
+
{%- for item in dataToShow.megaMenu.dropdown -%}
|
|
162
|
+
<div class="catPad mb-4">
|
|
163
|
+
<div class="text-muted">{{item.categoryName}}</div>
|
|
164
|
+
{%- for item in item.links -%}
|
|
165
|
+
<div>
|
|
166
|
+
<a href="{{item.url}}">
|
|
167
|
+
{%- if item.iconSrc -%}
|
|
168
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
|
169
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
|
170
|
+
{%- endif -%}
|
|
171
|
+
{{item.name}}</a>
|
|
172
|
+
</div>
|
|
173
|
+
{%- endfor -%}
|
|
174
|
+
</div>
|
|
175
|
+
{%- endfor -%}
|
|
176
|
+
</div>
|
|
177
|
+
</div>
|
|
178
|
+
</div>
|
|
179
|
+
{%- endif -%}
|
|
180
|
+
{%- endif -%}
|
|
181
|
+
<div class="navbar-nav">
|
|
182
|
+
{% for item in dataToShow.navItems %}
|
|
183
|
+
<div class="nav-item nav__item mr-auto">
|
|
184
|
+
<a href="{{item.url}}">{{item.name}}</a>
|
|
185
|
+
</div>
|
|
186
|
+
{% endfor %}
|
|
187
|
+
</d>
|
|
188
|
+
</div>
|
|
189
|
+
</div>
|
|
190
|
+
</nav>
|
|
191
|
+
</header>
|
|
192
|
+
|
|
193
193
|
{% endif %}
|