This is an automated email from the ASF dual-hosted git repository.
zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git
The following commit(s) were added to refs/heads/master by this push:
new 06ff2e5 chore: new header design
06ff2e5 is described below
commit 06ff2e55d43df4d654b96be2da39354ddb8dd076
Author: Zoran Regvart <zregv...@apache.org>
AuthorDate: Wed Jul 31 11:44:10 2019 +0200
chore: new header design
---
antora-ui-camel/gulp.d/tasks/build.js | 7 +-
antora-ui-camel/package.json | 1 +
antora-ui-camel/src/css/header.css | 75 +++++++++++++++-------
antora-ui-camel/src/css/responsive.css | 2 +-
antora-ui-camel/src/css/vars.css | 7 +-
antora-ui-camel/src/img/brand-logos.svg | 24 +++++++
.../src/js/vendor/svg4everybody.bundle.js | 4 ++
antora-ui-camel/src/partials/footer-scripts.hbs | 1 +
antora-ui-camel/src/partials/head-icons.hbs | 26 ++++----
antora-ui-camel/src/partials/head-meta.hbs | 2 +-
antora-ui-camel/src/partials/header-content.hbs | 65 ++++++++++---------
antora-ui-camel/yarn.lock | 10 +--
config.toml | 6 --
layouts/partials/footer.html | 1 +
layouts/partials/header.html | 43 +++++++------
15 files changed, 172 insertions(+), 102 deletions(-)
diff --git a/antora-ui-camel/gulp.d/tasks/build.js
b/antora-ui-camel/gulp.d/tasks/build.js
index ad5d034..9087d53 100644
--- a/antora-ui-camel/gulp.d/tasks/build.js
+++ b/antora-ui-camel/gulp.d/tasks/build.js
@@ -78,7 +78,12 @@ module.exports = (src, dest, preview) => () => {
imagemin.gifsicle(),
imagemin.jpegtran(),
imagemin.optipng(),
- imagemin.svgo({ plugins: [{ removeViewBox: false }] }),
+ imagemin.svgo({ plugins: [
+ { removeViewBox: false },
+ { cleanupIDs: { remove: false } },
+ { removeTitle: false },
+ { removeDesc: false },
+ ] }),
])
),
vfs.src('helpers/*.js', opts),
diff --git a/antora-ui-camel/package.json b/antora-ui-camel/package.json
index 87da5f5..e36dc8b 100644
--- a/antora-ui-camel/package.json
+++ b/antora-ui-camel/package.json
@@ -53,6 +53,7 @@
"require-from-string": "~2.0",
"stylelint": "~10.1",
"stylelint-config-standard": "~18.3",
+ "svg4everybody": "^2.1.9",
"through2": "~3.0",
"typeface-droid-sans-mono": "^0.0.44",
"typeface-open-sans": "^0.0.54",
diff --git a/antora-ui-camel/src/css/header.css
b/antora-ui-camel/src/css/header.css
index bc4101d..2fc309a 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -16,22 +16,14 @@ body {
width: 100%;
word-wrap: break-word;
z-index: var(--z-index-navbar);
+ box-shadow: 0 0.5rem 3rem var(--color-smoke-70);
+ border-bottom: 1px solid var(--color-smoke-90);
}
.navbar a {
text-decoration: none;
}
-.navbar-brand .navbar-item:first-child,
-.navbar-brand .navbar-item:first-child a {
- color: var(--navbar-font-color);
- font-size: calc(22 / var(--rem-base) * 1rem);
-}
-
-.navbar-brand .navbar-item:first-child a span {
- display: none;
-}
-
.navbar-brand .separator {
padding: 0 0.375rem;
}
@@ -61,7 +53,7 @@ body {
.navbar-brand {
align-items: stretch;
display: flex;
- flex-shrink: 0;
+ flex-grow: 1;
height: var(--navbar-height);
}
@@ -79,6 +71,10 @@ body {
padding: 0;
}
+.navbar-burger:focus {
+ outline: none;
+}
+
.navbar-burger span {
background: var(--navbar-font-color);
display: block;
@@ -127,12 +123,13 @@ body {
color: var(--navbar-menu-font-color);
display: block;
line-height: var(--doc-line-height);
- padding: 0.5rem 1rem;
+ padding: 0.5rem 0.5rem;
position: relative;
}
.navbar-item {
flex: none;
+ margin-bottom: 1px;
}
.navbar-item.has-dropdown {
@@ -152,6 +149,7 @@ body {
.navbar-dropdown .navbar-item {
padding-left: 1.5rem;
padding-right: 1.5rem;
+ font-weight: normal;
}
.navbar-divider {
@@ -163,8 +161,9 @@ body {
@media screen and (max-width: 1023px) {
.navbar-brand .navbar-item {
- align-items: center;
display: flex;
+ align-items: flex-start;
+ flex-flow: column;
}
.navbar-menu {
@@ -174,9 +173,12 @@ body {
.navbar-menu.is-active {
display: block;
- box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
- max-height: var(--nav-height);
+ position: fixed;
+ height: 100%;
+ box-shadow: 0 16px 16px 0 rgba(10, 10, 10, 0.1);
overflow-y: auto;
+ top: 4rem;
+ right: 0;
}
.navbar-menu a.navbar-item:hover,
@@ -199,8 +201,9 @@ body {
.navbar-item,
.navbar-link {
- align-items: center;
+ align-items: flex-end;
display: flex;
+ font-weight: bold;
}
.navbar-item.has-dropdown {
@@ -217,7 +220,7 @@ body {
}
.navbar-link::after {
- border-width: 0 0 1px 1px;
+ border-width: 0 0 2px 2px;
border-style: solid;
content: " ";
display: block;
@@ -226,15 +229,11 @@ body {
position: absolute;
transform: rotate(-45deg);
width: 0.5em;
- margin-top: -0.375em;
- right: 1.125em;
+ margin-top: 0.6em;
+ right: 1.7em;
top: 50%;
}
- .navbar-menu {
- flex-grow: 1;
- }
-
.navbar-end {
justify-content: flex-end;
margin-left: auto;
@@ -272,6 +271,8 @@ body {
.navbar-dropdown a.navbar-item:hover {
background-color: var(--navbar-menu-hover-background);
+ text-decoration: underline;
+ text-decoration-color: var(--navbar-menu-hover-decoration-color);
}
}
@@ -286,3 +287,31 @@ body {
padding: 0 0.75em;
white-space: nowrap;
}
+
+.navbar-tools {
+ display: flex;
+ align-items: flex-end;
+ flex-grow: 1;
+ justify-content: flex-end;
+ line-height: 1.6;
+ padding: 0.5rem;
+ font-weight: bold;
+}
+
+.navbar-tools .brand-icon {
+ height: 1.2em;
+ width: 1.2em;
+ margin: 0.35rem;
+ fill: var(--navbar-font-color);
+}
+
+@media screen and (max-width: 1023px) {
+ .navbar-tools {
+ align-items: end;
+ padding: 0.5rem 0;
+ }
+
+ .navbar-tools .brand-icon {
+ margin: 1rem 0.8rem;
+ }
+}
diff --git a/antora-ui-camel/src/css/responsive.css
b/antora-ui-camel/src/css/responsive.css
index 4ae44ea..d6c91bf 100644
--- a/antora-ui-camel/src/css/responsive.css
+++ b/antora-ui-camel/src/css/responsive.css
@@ -3317,7 +3317,7 @@ mark,
}
.shadow {
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+ box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
diff --git a/antora-ui-camel/src/css/vars.css b/antora-ui-camel/src/css/vars.css
index cd8ef6f..d96a881 100644
--- a/antora-ui-camel/src/css/vars.css
+++ b/antora-ui-camel/src/css/vars.css
@@ -37,15 +37,16 @@
/* navbar */
--navbar-background: var(--color-white);
--navbar-font-color: var(--color-camel-orange);
- --navbar-hover-font-color: var(--color-white);
- --navbar-hover-background: var(--color-camel-orange);
+ --navbar-hover-font-color: var(--color-camel-orange);
+ --navbar-hover-background: var(--color-white);
--navbar-button-background: var(--color-white);
--navbar-button-border-color: var(--panel-border-color);
--navbar-button-font-color: var(--body-font-color);
--navbar-menu-border-color: var(--panel-border-color);
--navbar-menu-background: var(--color-white);
--navbar-menu-font-color: var(--body-font-color);
- --navbar-menu-hover-background: var(--color-smoke-30);
+ --navbar-menu-hover-background: var(--color-white);
+ --navbar-menu-hover-decoration-color: var(--color-camel-orange);
/* nav */
--nav-background: var(--panel-background);
--nav-border-color: var(--color-gray-10);
diff --git a/antora-ui-camel/src/img/brand-logos.svg
b/antora-ui-camel/src/img/brand-logos.svg
new file mode 100644
index 0000000..ec92056
--- /dev/null
+++ b/antora-ui-camel/src/img/brand-logos.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns="http://www.w3.org/2000/svg";
+ version="1.1"
+ viewBox="0 0 192 64">
+ <symbol id="twitter" viewBox="0 0 64 64">
+ <title>Twitter</title>
+ <desc>Follow Apache Camel on Twitter</desc>
+ <path
+ d="m 61.700728,13.082533 a 24.128816,24.128816 0 0 1 -7.03919,1.927481
12.337998,12.337998 0 0 0 5.401184,-6.7814856 24.697176,24.697176 0 0 1
-7.787589,2.9759456 12.256803,12.256803 0 0 0 -8.95255,-3.8620222
12.249743,12.249743 0 0 0 -12.260334,12.2532732 c 0,0.95315 0.105907,1.888649
0.317717,2.788846 A 34.818218,34.818218 0 0 1 6.1038395,9.5699991
12.274454,12.274454 0 0 0 4.4446513,15.733702 c 0,4.250343 2.1604742,8.00999
5.4506058,10.202235 A 12.327407,12.327407 0 0 1 4.33874 [...]
+ </symbol>
+ <symbol id="github" viewBox="64 0 64 64">
+ <title>GitHub</title>
+ <desc>Collaborate on GitHub</desc>
+ <path
+ d="M 95.79968,2.7843607 A 29.966916,29.966916 0 0 0 86.325868,61.180023
c 1.497981,0.277675 2.046022,-0.650342 2.046022,-1.443176 0,-0.712453
-0.02558,-3.076339 -0.03654,-5.575409 -8.341192,1.81219 -10.09858,-3.536697
-10.09858,-3.536697 -1.362796,-3.467275 -3.324785,-4.384332 -3.324785,-4.384332
-2.718287,-1.863342 0.204601,-1.826807 0.204601,-1.826807 3.010576,0.21191
4.592589,3.090957 4.592589,3.090957 2.674443,4.577974 7.014934,3.251712
8.72117,2.488109 0.270367,-1.936415 1.04 [...]
+ </symbol>
+ <symbol id="gitter" viewBox="128 0 64 64">
+ <title>Gitter</title>
+ <desc>Chat on Gitter</desc>
+ <path
+ d="m 163.5637,12.39902 h 4.69448 v 48.128561 h -4.69448 z m -12.19694,0
h 4.69085 v 48.128561 h -4.69085 z M 139.47938,2.7150357 h 4.69086 V 39.036349
h -4.69086 z m 35.97168,9.6839843 h 4.69086 v 26.637329 h -4.69086 z" />
+ </symbol>
+</svg>
diff --git a/antora-ui-camel/src/js/vendor/svg4everybody.bundle.js
b/antora-ui-camel/src/js/vendor/svg4everybody.bundle.js
new file mode 100644
index 0000000..550b2c3
--- /dev/null
+++ b/antora-ui-camel/src/js/vendor/svg4everybody.bundle.js
@@ -0,0 +1,4 @@
+;(function () {
+ var svg4everybody = require('svg4everybody')
+ svg4everybody()
+})()
diff --git a/antora-ui-camel/src/partials/footer-scripts.hbs
b/antora-ui-camel/src/partials/footer-scripts.hbs
index 711060d..e1eaa76 100644
--- a/antora-ui-camel/src/partials/footer-scripts.hbs
+++ b/antora-ui-camel/src/partials/footer-scripts.hbs
@@ -1,5 +1,6 @@
<script src="{{uiRootPath}}/js/site.js"></script>
<script async src="{{uiRootPath}}/js/vendor/highlight.js"></script>
+<script async src="{{uiRootPath}}/js/vendor/svg4everybody.js"></script>
<script type='application/ld+json'>
{
"@context": "http://schema.org";,
diff --git a/antora-ui-camel/src/partials/head-icons.hbs
b/antora-ui-camel/src/partials/head-icons.hbs
index a981fb1..3a9b647 100644
--- a/antora-ui-camel/src/partials/head-icons.hbs
+++ b/antora-ui-camel/src/partials/head-icons.hbs
@@ -1,13 +1,13 @@
-<link rel="apple-touch-icon-precomposed" sizes="57x57"
href="{{siteRootPath}}/apple-touch-icon-57x57.png" />
-<link rel="apple-touch-icon-precomposed" sizes="114x114"
href="{{siteRootPath}}/apple-touch-icon-114x114.png" />
-<link rel="apple-touch-icon-precomposed" sizes="72x72"
href="{{siteRootPath}}/apple-touch-icon-72x72.png" />
-<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="{{siteRootPath}}/apple-touch-icon-144x144.png" />
-<link rel="apple-touch-icon-precomposed" sizes="60x60"
href="{{siteRootPath}}/apple-touch-icon-60x60.png" />
-<link rel="apple-touch-icon-precomposed" sizes="120x120"
href="{{siteRootPath}}/apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon-precomposed" sizes="76x76"
href="{{siteRootPath}}/apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon-precomposed" sizes="152x152"
href="{{siteRootPath}}/apple-touch-icon-152x152.png" />
-<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-196x196.png"
sizes="196x196" />
-<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-96x96.png"
sizes="96x96" />
-<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-32x32.png"
sizes="32x32" />
-<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-16x16.png"
sizes="16x16" />
-<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-128.png"
sizes="128x128" />
+<link rel="apple-touch-icon-precomposed" sizes="57x57"
href="{{siteRootPath}}/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon-precomposed" sizes="114x114"
href="{{siteRootPath}}/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon-precomposed" sizes="72x72"
href="{{siteRootPath}}/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="{{siteRootPath}}/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon-precomposed" sizes="60x60"
href="{{siteRootPath}}/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon-precomposed" sizes="120x120"
href="{{siteRootPath}}/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon-precomposed" sizes="76x76"
href="{{siteRootPath}}/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon-precomposed" sizes="152x152"
href="{{siteRootPath}}/apple-touch-icon-152x152.png">
+<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-196x196.png"
sizes="196x196">
+<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-96x96.png"
sizes="96x96">
+<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-32x32.png"
sizes="32x32">
+<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-16x16.png"
sizes="16x16">
+<link rel="icon" type="image/png" href="{{siteRootPath}}/favicon-128.png"
sizes="128x128">
diff --git a/antora-ui-camel/src/partials/head-meta.hbs
b/antora-ui-camel/src/partials/head-meta.hbs
index ae2d896..529a940 100644
--- a/antora-ui-camel/src/partials/head-meta.hbs
+++ b/antora-ui-camel/src/partials/head-meta.hbs
@@ -1,3 +1,3 @@
-<meta name="application-name" content="Apache Camel"/>
+<meta name="application-name" content="Apache Camel">
<link rel="manifest" href="{{siteRootPath}}/site.webmanifest">
{{! Add additional meta tags here}}
diff --git a/antora-ui-camel/src/partials/header-content.hbs
b/antora-ui-camel/src/partials/header-content.hbs
index 5cdb7c4..5802288 100644
--- a/antora-ui-camel/src/partials/header-content.hbs
+++ b/antora-ui-camel/src/partials/header-content.hbs
@@ -1,40 +1,45 @@
<header class="header">
- <nav class="navbar shadow border-bottom">
+ <nav class="navbar">
<div class="navbar-brand">
- <a class="navbar-item nav-logo" href="{{or site.url (or siteRootUrl
siteRootPath)}}"><span>{{site.title}}</span></a>
+ <a class="navbar-item nav-logo"
href="{{siteRootPath}}"><span>{{site.title}}</span></a>
+ <div id="topbar-nav" class="navbar-menu">
+ <div class="navbar-end">
+ {{#withMenuData}}
+ {{#each @items}}
+ {{#if children}}
+ <div class="navbar-item has-dropdown is-hoverable">
+ <a class="navbar-link" href="#">{{name}}</a>
+ {{else}}
+ <a class="navbar-item"
href="{{../../siteRootPath}}{{url}}">{{name}}</a>
+ {{/if}}
+ {{#if children}}
+ <div class="navbar-dropdown">
+ {{#each children}}
+ {{#hasPrefix url }}
+ <a class="navbar-item" href="{{url}}">{{name}}</a>
+ {{else}}
+ <a class="navbar-item"
href="{{../../../siteRootPath}}{{url}}">{{name}}</a>
+ {{/hasPrefix}}
+ {{/each}}
+ </div>
+ {{/if}}
+ {{#if children}}
+ </div>
+ {{/if}}
+ {{/each}}
+ {{/withMenuData}}
+ </div>
+ </div>
+ <div class="navbar-tools">
+ <a href="https://github.com/apache/camel/"; title="Collaborate on
GitHub"><svg class="brand-icon"><use
xlink:href="{{uiRootPath}}/img/brand-logos.svg#github" /></svg></a>
+ <a href="https://gitter.im/apache/apache-camel"; title="Chat on
Gitter"><svg class="brand-icon"><use
xlink:href="{{uiRootPath}}/img/brand-logos.svg#gitter" /></svg></a>
+ <a href="https://twitter.com/ApacheCamel"; title="Follow Apache Camel
on Twitter"><svg class="brand-icon"><use
xlink:href="{{uiRootPath}}/img/brand-logos.svg#twitter" /></svg></a>
+ </div>
<button class="navbar-burger" data-target="topbar-nav" type="button">
<span></span>
<span></span>
<span></span>
</button>
</div>
- <div id="topbar-nav" class="navbar-menu">
- <div class="navbar-end">
- {{#withMenuData}}
- {{#each @items}}
- {{#if children}}
- <div class="navbar-item has-dropdown is-hoverable">
- <a class="navbar-link" href="#">{{name}}</a>
- {{else}}
- <a class="navbar-item"
href="{{../../siteRootPath}}{{url}}">{{name}}</a>
- {{/if}}
- {{#if children}}
- <div class="navbar-dropdown">
- {{#each children}}
- {{#hasPrefix url }}
- <a class="navbar-item" href="{{url}}">{{name}}</a>
- {{else}}
- <a class="navbar-item"
href="{{../../../siteRootPath}}{{url}}">{{name}}</a>
- {{/hasPrefix}}
- {{/each}}
- </div>
- {{/if}}
- {{#if children}}
- </div>
- {{/if}}
- {{/each}}
- {{/withMenuData}}
- </div>
- </div>
</nav>
</header>
diff --git a/antora-ui-camel/yarn.lock b/antora-ui-camel/yarn.lock
index bac5241..6068972 100644
--- a/antora-ui-camel/yarn.lock
+++ b/antora-ui-camel/yarn.lock
@@ -7451,6 +7451,11 @@ svg-tags@^1.0.0:
resolved
"https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764";
integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
+svg4everybody@^2.1.9:
+ version "2.1.9"
+ resolved
"https://registry.yarnpkg.com/svg4everybody/-/svg4everybody-2.1.9.tgz#5bd9f6defc133859a044646d4743fabc28db7e2d";
+ integrity sha1-W9n23vwTOFmgRGRtR0P6vCjbfi0=
+
svgo@^1.0.0, svgo@^1.0.5:
version "1.2.2"
resolved
"https://registry.yarnpkg.com/svgo/-/svgo-1.2.2.tgz#0253d34eccf2aed4ad4f283e11ee75198f9d7316";
@@ -7759,11 +7764,6 @@ typeface-droid-sans-mono@^0.0.44:
resolved
"https://registry.yarnpkg.com/typeface-droid-sans-mono/-/typeface-droid-sans-mono-0.0.44.tgz#186d544e3d59c55efc6e66979e5e2d22ee54e414";
integrity
sha512-Mx5mDCSKlgL3SzTCVcqk0w3C4g53hmpONbwSqtwfa/U2QLFUw/bPGUgFXCnsFCBQm5OMbaKyvwXWZ0E0gQ5Gdg==
-typeface-droid-serif@^0.0.44:
- version "0.0.44"
- resolved
"https://registry.yarnpkg.com/typeface-droid-serif/-/typeface-droid-serif-0.0.44.tgz#1e8aeb2e1c78e517cdeefa842378e184ebb81fa6";
- integrity
sha512-H6DkSR4ov/Mzf+wjTr3xIpBDqT/VjyheYsoj9zBpAf7oVXcwa0oERb+NMcHGI/ERkXQg/fhgSNEuZcN1B5FK8A==
-
typeface-open-sans@^0.0.54:
version "0.0.54"
resolved
"https://registry.yarnpkg.com/typeface-open-sans/-/typeface-open-sans-0.0.54.tgz#20f5b5ea5c7f95d89dc1f8b2d2b1457680129cee";
diff --git a/config.toml b/config.toml
index bc61323..3aac0f4 100644
--- a/config.toml
+++ b/config.toml
@@ -8,12 +8,6 @@ disableKinds = ["taxonomy", "taxonomyTerm"]
enableRobotsTXT = true
[[menu.main]]
- name = "Home"
- weight = 1
- identifier = "home"
- url = "/"
-
-[[menu.main]]
name = "News"
weight = 2
identifier = "news"
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 8704fef..b1084d8 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -48,6 +48,7 @@
</footer>
<script src="{{ "/_/js/site.js" | relURL }}"></script>
<script src="{{ "/_/js/vendor/highlight.js" | relURL }}"></script>
+ <script src="{{ "/_/js/vendor/svg4everybody.js" | relURL }}"></script>
<script type='application/ld+json'>
{
"@context": "http://schema.org";,
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 9dada95..75b0e1a 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -30,31 +30,36 @@
</head>
<body class="article">
- <nav class="navbar shadow border-bottom">
+ <nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item nav-logo" href="{{ .Site.BaseURL | relURL
}}" title="{{ .Site.Title }}"><span>{{ .Site.Title }}</span></a>
+ <div id="topbar-nav" class="navbar-menu">
+ <div class="navbar-end">
+ {{ range .Site.Menus.main }}
+ {{ if .HasChildren }}
+ <div class="navbar-item has-dropdown is-hoverable">
+ <a class="navbar-link" href="#">{{ .Name }}</a>
+ <div class="navbar-dropdown">
+ {{ range .Children }}
+ <a class="navbar-item" href="{{ .URL | relURL
}}">{{ .Name }}</a>
+ {{ end }}
+ </div>
+ </div>
+ {{ else }}
+ <a class="navbar-item" href="{{ .URL | relURL }}">{{ .Name
}}</a>
+ {{ end }}
+ {{ end }}
+ </div>
+ </div>
+ <div class="navbar-tools">
+ <a href="https://github.com/apache/camel/"; title="Collaborate on
GitHub"><svg class="brand-icon"><use href="{{ "_/img/brand-logos.svg#github" |
relURL }}" /></svg></a>
+ <a href="https://gitter.im/apache/apache-camel"; title="Chat on
Gitter"><svg class="brand-icon"><use href="{{ "/_/img/brand-logos.svg#gitter" |
relURL }}" /></svg></a>
+ <a href="https://twitter.com/ApacheCamel"; title="Follow Apache
Camel on Twitter"><svg class="brand-icon"><use href="{{
"/_/img/brand-logos.svg#twitter" | relURL }}" /></svg></a>
+ </div>
<button class="navbar-burger" data-target="topbar-nav"
type="button">
<span></span>
<span></span>
<span></span>
</button>
</div>
- <div id="topbar-nav" class="navbar-menu">
- <div class="navbar-end">
- {{ range .Site.Menus.main }}
- {{ if .HasChildren }}
- <div class="navbar-item has-dropdown is-hoverable">
- <a class="navbar-link" href="#">{{ .Name }}</a>
- <div class="navbar-dropdown">
- {{ range .Children }}
- <a class="navbar-item" href="{{ .URL | relURL }}">{{
.Name }}</a>
- {{ end }}
- </div>
- </div>
- {{ else }}
- <a class="navbar-item" href="{{ .URL | relURL }}">{{ .Name
}}</a>
- {{ end }}
- {{ end }}
- </div>
- </div>
</nav>
