appscms-tools-theme 4.7.7 → 4.7.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/about/en/about.json +16 -16
- data/_data/blog/nav.json +14 -14
- data/_data/blog/relatedblogs.json +2816 -2816
- data/_data/feature/en/batch-conversion.json +192 -192
- data/_data/feature/en/compress-pdf.json +223 -223
- 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 +264 -264
- data/_data/header/en/data.json +672 -672
- data/_data/home/en/en.json +250 -250
- data/_data/home/en/posters.json +322 -322
- data/_data/home-1/en/en.json +236 -236
- data/_includes/alternates/alternates.html +88 -88
- data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
- data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
- data/_includes/appscms/customblog/recentposts.html +67 -67
- data/_includes/appscms/customblog/relatedBlogs.html +82 -82
- data/_includes/appscms/customblog/relatedposts.html +193 -193
- data/_includes/appscms/extras/appscms-postbox.html +57 -57
- data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
- data/_includes/appscms/head/bloghead.html +128 -128
- 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 +160 -160
- 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 -90
- 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 +627 -627
- data/_includes/header/blogHeader.html +34 -34
- data/_includes/header/index.html +152 -152
- data/_includes/infographics/infographics.html +244 -244
- data/_includes/internationalization-section.html +44 -0
- data/_includes/paginationBlogPage.html +70 -70
- data/_includes/postbox.html +65 -65
- data/_includes/script.html +493 -493
- data/_includes/section/count.html +32 -32
- data/_includes/section/recent_posts.html +94 -94
- 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 -175
- 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 -145
- data/_layouts/appscms-batch.html +141 -141
- 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-feature.html +22 -24
- data/_layouts/appscms-help.html +25 -25
- data/_layouts/appscms-home.html +3 -2
- 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 -116
- data/_layouts/blog.html +131 -131
- data/_layouts/calculator.html +99 -99
- data/_layouts/contenttool-feature.html +42 -46
- data/_layouts/contenttool-home.html +54 -54
- 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 +285 -285
- data/_layouts/feature.html +351 -351
- data/_layouts/featureResultPage.html +82 -82
- data/_layouts/frame.html +222 -222
- data/_layouts/home-1.html +186 -186
- data/_layouts/home.html +375 -375
- 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/common.css +944 -944
- 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/home-1.css +188 -188
- data/assets/css/imagekit copy.css +848 -848
- data/assets/css/imagekit.css +848 -848
- data/assets/css/tools.css +1846 -1846
- data/assets/images/close-button.svg +31 -31
- data/assets/images/digipaint.svg +6 -6
- data/assets/images/iconn.svg +12 -12
- 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 +219 -219
- 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 +4 -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,153 +1,153 @@
|
|
1
|
-
{% assign lang = page.lang %}
|
2
|
-
{% assign siteData = site.data.header[lang].data %}
|
3
|
-
{% assign dataToShow = site.data.header[lang].data %}
|
4
|
-
{% assign file = page.fileName %}
|
5
|
-
{% assign folder = page.folderName %}
|
6
|
-
{% assign Data = site.data[folder][lang][file] %}
|
7
|
-
{% assign logovalue = "40px" %}
|
8
|
-
{%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
|
9
|
-
<header data-layout="{{page.layout}}" id="header" class="home1-nav-header">
|
10
|
-
<nav class="header-navbar navbar navbar-expand-lg">
|
11
|
-
<div class="container px-0">
|
12
|
-
{% if dataToShow.navbarBrandText != "" %}
|
13
|
-
<a id="home-link" class="navbar-brand" href="/"
|
14
|
-
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
15
|
-
{% else %}
|
16
|
-
<a id="home-link" href="/">
|
17
|
-
<img class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth }}"
|
18
|
-
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue }}" src="{{ dataToShow.navbarBrandLogo }}"
|
19
|
-
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
20
|
-
</a>
|
21
|
-
{% endif %}
|
22
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
23
|
-
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" id="hamburger">
|
24
|
-
<div class="header_bars"></div>
|
25
|
-
<div class="header_bars"></div>
|
26
|
-
<div class="header_bars"></div>
|
27
|
-
</button>
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
<div class="d-flex align-items-center">
|
32
|
-
{%- if site.navigationSearch -%}
|
33
|
-
<div class="nav-search mr-4">
|
34
|
-
<div class="search-container">
|
35
|
-
<input type="text" class="search-input" placeholder="Search Tools">
|
36
|
-
<button class="search-button">
|
37
|
-
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff">
|
38
|
-
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
39
|
-
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
40
|
-
<g id="SVGRepo_iconCarrier">
|
41
|
-
<path
|
42
|
-
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"
|
43
|
-
stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
44
|
-
</g>
|
45
|
-
</svg>
|
46
|
-
</button>
|
47
|
-
</div>
|
48
|
-
|
49
|
-
<div id="results" class="searchbarResults"></div>
|
50
|
-
</div>
|
51
|
-
{%- endif -%}
|
52
|
-
|
53
|
-
<div class="appscms-navbar-nav-links">
|
54
|
-
{%- for item in dataToShow.navItems -%}
|
55
|
-
<a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
|
56
|
-
{%- endfor -%}
|
57
|
-
</div>
|
58
|
-
</div>
|
59
|
-
</div>
|
60
|
-
</nav>
|
61
|
-
</header>
|
62
|
-
{%- else -%}
|
63
|
-
<header id="header">
|
64
|
-
<nav class="navbar navbar-expand-lg py-3 px-sm-2">
|
65
|
-
{% if dataToShow.navbarBrandText != "" %}
|
66
|
-
<a id="home-link" class="navbar-brand" href="/"
|
67
|
-
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
68
|
-
{% else %}
|
69
|
-
<a id="home-link" href="/">
|
70
|
-
<img class="logo-height" width="{{dataToShow.navbarBrandLogoWidth | default: logovalue}}"
|
71
|
-
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue}}" src="{{ dataToShow.navbarBrandLogo }}"
|
72
|
-
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
73
|
-
</a>
|
74
|
-
{% endif %}
|
75
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
76
|
-
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
77
|
-
<div class="hamburger-menu">
|
78
|
-
<span class="line-top"></span>
|
79
|
-
<span class="line-center"></span>
|
80
|
-
<span class="line-bottom"></span>
|
81
|
-
</div>
|
82
|
-
</button>
|
83
|
-
|
84
|
-
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
85
|
-
{%- if Data.megaMenu -%}
|
86
|
-
<div class="nav-item nav__item">
|
87
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
88
|
-
aria-haspopup="true" aria-expanded="false">
|
89
|
-
{{Data.megaMenu.nav-link-name}}
|
90
|
-
</a>
|
91
|
-
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
92
|
-
<div class="inner-dropdown">
|
93
|
-
{%- for item in Data.megaMenu.dropdown -%}
|
94
|
-
<div class="catPad mb-4">
|
95
|
-
<div class="text-muted">{{item.categoryName}}</div>
|
96
|
-
{%- for item in item.links -%}
|
97
|
-
<div>
|
98
|
-
<a href="{{item.url}}">
|
99
|
-
{%- if item.iconSrc -%}
|
100
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
101
|
-
if site.crossorigin -%} crossorigin {%- endif -%}>
|
102
|
-
{%- endif -%}
|
103
|
-
{{item.name}}
|
104
|
-
</a>
|
105
|
-
</div>
|
106
|
-
{%- endfor -%}
|
107
|
-
</div>
|
108
|
-
{%- endfor -%}
|
109
|
-
</div>
|
110
|
-
</d>
|
111
|
-
</div>
|
112
|
-
</div>
|
113
|
-
{%- else -%}
|
114
|
-
{%- if dataToShow.megaMenu -%}
|
115
|
-
<div class="nav-item nav__item">
|
116
|
-
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
117
|
-
aria-haspopup="true" aria-expanded="false">
|
118
|
-
{{dataToShow.megaMenu.nav-link-name}}
|
119
|
-
</a>
|
120
|
-
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
121
|
-
<div class="inner-dropdown">
|
122
|
-
{%- for item in dataToShow.megaMenu.dropdown -%}
|
123
|
-
<div class="catPad mb-4">
|
124
|
-
<div class="text-muted">{{item.categoryName}}</div>
|
125
|
-
{%- for item in item.links -%}
|
126
|
-
<div>
|
127
|
-
<a href="{{item.url}}">
|
128
|
-
{%- if item.iconSrc -%}
|
129
|
-
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
130
|
-
if site.crossorigin -%} crossorigin {%- endif -%}>
|
131
|
-
{%- endif -%}
|
132
|
-
{{item.name}}</a>
|
133
|
-
</div>
|
134
|
-
{%- endfor -%}
|
135
|
-
</div>
|
136
|
-
{%- endfor -%}
|
137
|
-
</div>
|
138
|
-
</div>
|
139
|
-
</div>
|
140
|
-
{%- endif -%}
|
141
|
-
{%- endif -%}
|
142
|
-
<div class="navbar-nav">
|
143
|
-
{% for item in dataToShow.navItems %}
|
144
|
-
<div class="nav-item nav__item mr-auto">
|
145
|
-
<a href="{{item.url}}">{{item.name}}</a>
|
146
|
-
</div>
|
147
|
-
{% endfor %}
|
148
|
-
</d>
|
149
|
-
</div>
|
150
|
-
</div>
|
151
|
-
</nav>
|
152
|
-
</header>
|
1
|
+
{% assign lang = page.lang %}
|
2
|
+
{% assign siteData = site.data.header[lang].data %}
|
3
|
+
{% assign dataToShow = site.data.header[lang].data %}
|
4
|
+
{% assign file = page.fileName %}
|
5
|
+
{% assign folder = page.folderName %}
|
6
|
+
{% assign Data = site.data[folder][lang][file] %}
|
7
|
+
{% assign logovalue = "40px" %}
|
8
|
+
{%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
|
9
|
+
<header data-layout="{{page.layout}}" id="header" class="home1-nav-header">
|
10
|
+
<nav class="header-navbar navbar navbar-expand-lg">
|
11
|
+
<div class="container px-0">
|
12
|
+
{% if dataToShow.navbarBrandText != "" %}
|
13
|
+
<a id="home-link" class="navbar-brand" href="/"
|
14
|
+
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
15
|
+
{% else %}
|
16
|
+
<a id="home-link" href="/">
|
17
|
+
<img class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth }}"
|
18
|
+
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue }}" src="{{ dataToShow.navbarBrandLogo }}"
|
19
|
+
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
20
|
+
</a>
|
21
|
+
{% endif %}
|
22
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
23
|
+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" id="hamburger">
|
24
|
+
<div class="header_bars"></div>
|
25
|
+
<div class="header_bars"></div>
|
26
|
+
<div class="header_bars"></div>
|
27
|
+
</button>
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
<div class="d-flex align-items-center">
|
32
|
+
{%- if site.navigationSearch -%}
|
33
|
+
<div class="nav-search mr-4">
|
34
|
+
<div class="search-container">
|
35
|
+
<input type="text" class="search-input" placeholder="Search Tools">
|
36
|
+
<button class="search-button">
|
37
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff">
|
38
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
39
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
40
|
+
<g id="SVGRepo_iconCarrier">
|
41
|
+
<path
|
42
|
+
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"
|
43
|
+
stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
44
|
+
</g>
|
45
|
+
</svg>
|
46
|
+
</button>
|
47
|
+
</div>
|
48
|
+
|
49
|
+
<div id="results" class="searchbarResults"></div>
|
50
|
+
</div>
|
51
|
+
{%- endif -%}
|
52
|
+
|
53
|
+
<div class="appscms-navbar-nav-links">
|
54
|
+
{%- for item in dataToShow.navItems -%}
|
55
|
+
<a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
|
56
|
+
{%- endfor -%}
|
57
|
+
</div>
|
58
|
+
</div>
|
59
|
+
</div>
|
60
|
+
</nav>
|
61
|
+
</header>
|
62
|
+
{%- else -%}
|
63
|
+
<header id="header">
|
64
|
+
<nav class="navbar navbar-expand-lg py-3 px-sm-2">
|
65
|
+
{% if dataToShow.navbarBrandText != "" %}
|
66
|
+
<a id="home-link" class="navbar-brand" href="/"
|
67
|
+
title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
|
68
|
+
{% else %}
|
69
|
+
<a id="home-link" href="/">
|
70
|
+
<img class="logo-height" width="{{dataToShow.navbarBrandLogoWidth | default: logovalue}}"
|
71
|
+
height="{{dataToShow.navbarBrandLogoHeight | default: logovalue}}" src="{{ dataToShow.navbarBrandLogo }}"
|
72
|
+
alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
|
73
|
+
</a>
|
74
|
+
{% endif %}
|
75
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
76
|
+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
77
|
+
<div class="hamburger-menu">
|
78
|
+
<span class="line-top"></span>
|
79
|
+
<span class="line-center"></span>
|
80
|
+
<span class="line-bottom"></span>
|
81
|
+
</div>
|
82
|
+
</button>
|
83
|
+
|
84
|
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
85
|
+
{%- if Data.megaMenu -%}
|
86
|
+
<div class="nav-item nav__item">
|
87
|
+
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
88
|
+
aria-haspopup="true" aria-expanded="false">
|
89
|
+
{{Data.megaMenu.nav-link-name}}
|
90
|
+
</a>
|
91
|
+
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
92
|
+
<div class="inner-dropdown">
|
93
|
+
{%- for item in Data.megaMenu.dropdown -%}
|
94
|
+
<div class="catPad mb-4">
|
95
|
+
<div class="text-muted">{{item.categoryName}}</div>
|
96
|
+
{%- for item in item.links -%}
|
97
|
+
<div>
|
98
|
+
<a href="{{item.url}}">
|
99
|
+
{%- if item.iconSrc -%}
|
100
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
101
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
102
|
+
{%- endif -%}
|
103
|
+
{{item.name}}
|
104
|
+
</a>
|
105
|
+
</div>
|
106
|
+
{%- endfor -%}
|
107
|
+
</div>
|
108
|
+
{%- endfor -%}
|
109
|
+
</div>
|
110
|
+
</d>
|
111
|
+
</div>
|
112
|
+
</div>
|
113
|
+
{%- else -%}
|
114
|
+
{%- if dataToShow.megaMenu -%}
|
115
|
+
<div class="nav-item nav__item">
|
116
|
+
<a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
117
|
+
aria-haspopup="true" aria-expanded="false">
|
118
|
+
{{dataToShow.megaMenu.nav-link-name}}
|
119
|
+
</a>
|
120
|
+
<div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
|
121
|
+
<div class="inner-dropdown">
|
122
|
+
{%- for item in dataToShow.megaMenu.dropdown -%}
|
123
|
+
<div class="catPad mb-4">
|
124
|
+
<div class="text-muted">{{item.categoryName}}</div>
|
125
|
+
{%- for item in item.links -%}
|
126
|
+
<div>
|
127
|
+
<a href="{{item.url}}">
|
128
|
+
{%- if item.iconSrc -%}
|
129
|
+
<img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
|
130
|
+
if site.crossorigin -%} crossorigin {%- endif -%}>
|
131
|
+
{%- endif -%}
|
132
|
+
{{item.name}}</a>
|
133
|
+
</div>
|
134
|
+
{%- endfor -%}
|
135
|
+
</div>
|
136
|
+
{%- endfor -%}
|
137
|
+
</div>
|
138
|
+
</div>
|
139
|
+
</div>
|
140
|
+
{%- endif -%}
|
141
|
+
{%- endif -%}
|
142
|
+
<div class="navbar-nav">
|
143
|
+
{% for item in dataToShow.navItems %}
|
144
|
+
<div class="nav-item nav__item mr-auto">
|
145
|
+
<a href="{{item.url}}">{{item.name}}</a>
|
146
|
+
</div>
|
147
|
+
{% endfor %}
|
148
|
+
</d>
|
149
|
+
</div>
|
150
|
+
</div>
|
151
|
+
</nav>
|
152
|
+
</header>
|
153
153
|
{% endif %}
|