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
commit 75ea779180e8b544e47ae68381d248b0c7019166
Author: Zoran Regvart <zregv...@apache.org>
AuthorDate: Wed Jul 24 17:36:29 2019 +0200
fix: general cleanup according to html-validator
Removes self-closing tags when that's not needed, adds `alt` and
`aria-label` for images. Makes sure that the markup is valid. Also adds
the text to the link top left (featuring the logo) to help with
accessibility.
---
antora-ui-camel/src/css/responsive.css | 11 ++++++++
antora-ui-camel/src/partials/header-content.hbs | 4 +--
antora-ui-camel/src/partials/navigation-tree.hbs | 2 +-
antora-ui-camel/src/partials/page-versions.hbs | 2 +-
antora-ui-camel/src/partials/toolbar.hbs | 2 +-
content/community/books.md | 18 ++++++-------
content/community/camel-extra.md | 8 +++++-
layouts/_default/section.html | 5 ++++
layouts/download/download.html | 6 ++---
layouts/index.html | 6 ++---
layouts/partials/footer.html | 2 +-
layouts/partials/header.html | 32 ++++++++++++------------
12 files changed, 60 insertions(+), 38 deletions(-)
diff --git a/antora-ui-camel/src/css/responsive.css
b/antora-ui-camel/src/css/responsive.css
index 78964cf..4ae44ea 100644
--- a/antora-ui-camel/src/css/responsive.css
+++ b/antora-ui-camel/src/css/responsive.css
@@ -7,6 +7,17 @@
width: 180px;
}
+.nav-logo span {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+
.full-height {
min-height: 100vh;
}
diff --git a/antora-ui-camel/src/partials/header-content.hbs
b/antora-ui-camel/src/partials/header-content.hbs
index cb58ecb..45ef969 100644
--- a/antora-ui-camel/src/partials/header-content.hbs
+++ b/antora-ui-camel/src/partials/header-content.hbs
@@ -1,8 +1,8 @@
<header class="header">
<nav class="navbar shadow border-bottom">
<div class="navbar-brand">
- <a class="navbar-item nav-logo" href="{{siteRootPath}}"
title="{{site.title}}"></a>
- <button class="navbar-burger" data-target="topbar-nav">
+ <a class="navbar-item nav-logo" href="{{siteRootPath}}"
title="{{site.title}}"><span>{{site.title}}</span></a>
+ <button class="navbar-burger" data-target="topbar-nav" type="button">
<span></span>
<span></span>
<span></span>
diff --git a/antora-ui-camel/src/partials/navigation-tree.hbs
b/antora-ui-camel/src/partials/navigation-tree.hbs
index 4d56cca..c352b46 100644
--- a/antora-ui-camel/src/partials/navigation-tree.hbs
+++ b/antora-ui-camel/src/partials/navigation-tree.hbs
@@ -4,7 +4,7 @@
<li class="nav-item{{#if (eq @root.page.url ./url)}} is-current-page{{/if}}"
data-depth="{{or ../level 0}}">
{{#if ./content}}
{{#if ./items.length}}
- <button class="nav-toggle"></button>
+ <button class="nav-toggle" type="button"></button>
{{/if}}
{{#if ./url}}
<a class="nav-link" href="
diff --git a/antora-ui-camel/src/partials/page-versions.hbs
b/antora-ui-camel/src/partials/page-versions.hbs
index 51f6842..eac60a0 100644
--- a/antora-ui-camel/src/partials/page-versions.hbs
+++ b/antora-ui-camel/src/partials/page-versions.hbs
@@ -1,6 +1,6 @@
{{#if page.versions}}
<div class="page-versions">
- <button class="versions-menu-toggle" title="Show other versions of
page">{{page.componentVersion.displayVersion}}</button>
+ <button class="versions-menu-toggle" title="Show other versions of page"
type="button">{{page.componentVersion.displayVersion}}</button>
<div class="versions-menu">
{{#each page.versions}}
<a class="version
diff --git a/antora-ui-camel/src/partials/toolbar.hbs
b/antora-ui-camel/src/partials/toolbar.hbs
index 48fe56f..e26bb1d 100644
--- a/antora-ui-camel/src/partials/toolbar.hbs
+++ b/antora-ui-camel/src/partials/toolbar.hbs
@@ -1,5 +1,5 @@
<div class="toolbar" role="navigation">
- <button class="navigation-toggle"></button>
+ <button class="navigation-toggle" type="button"></button>
{{#if site.homeUrl}}
<a href="{{relativize page.url site.homeUrl}}" class="home-link{{#if
page.home}} is-current{{/if}}"></a>
{{/if}}
diff --git a/content/community/books.md b/content/community/books.md
index b277daf..f9b5526 100644
--- a/content/community/books.md
+++ b/content/community/books.md
@@ -18,7 +18,7 @@ This page lists the known books about Apache Camel. If you
happen to know a book
[Camel in Action 2nd
edition](https://www.manning.com/books/camel-in-action-second-edition) by
[Claus Ibsen](http://davsclaus.blogspot.com/) and [Jonathan
Anstey](http://janstey.blogspot.com/). Published by
[Manning](http://www.manning.com/) in 2018.
-
+
[Camel in Action, Second
Edition](https://www.manning.com/books/camel-in-action-second-edition) is the
most complete Camel book on the market. Written by core developers of Camel and
the authors of the highly acclaimed first edition, this book distills their
experience and practical insights so that you can tackle integration tasks like
a pro.
@@ -26,7 +26,7 @@ This page lists the known books about Apache Camel. If you
happen to know a book
[Camel in Action](http://www.manning.com/ibsen/) by [Claus
Ibsen](http://davsclaus.blogspot.com/) and [Jonathan
Anstey](http://janstey.blogspot.com/). Published by
[Manning](http://www.manning.com) in December 2010.
-
+
[_Camel in Action_](http://manning.com/ibsen) is a Camel tutorial full of
small examples showing how to work with the integration patterns. It starts
with core concepts like sending, receiving, routing, and transforming data. It
then shows you the entire lifecycle and goes in depth on how to test, deal with
errors, scale, deploy, and even monitor your app—details you can find only in
the Camel code itself. Written by the developers of Camel, this book distills
their experience and practi [...]
@@ -34,7 +34,7 @@ This page lists the known books about Apache Camel. If you
happen to know a book
[Apache Camel Developer's
Cookbook](http://www.packtpub.com/apache-camel-developers-cookbook/book) by
[Scott Cranton](http://twitter.com/scottcranton) and [Jakub
Korab](http://jakubkorab.net). Published by [Packt
publishing](http://www.packtpub.com/) in December 2013.
-
+
_[Apache Camel Developer's
Cookbook](http://www.packtpub.com/apache-camel-developers-cookbook/book)_ is a
collection of over 100 how-to recipes for working with Apache Camel. It is
intended for use by busy developers who may not necessarily have time to learn
the whole framework in order to be productive. It does this without sacrificing
any of the detail needed to build performant, reliable system integrations.
Developers new to Apache Camel will find useful information on how to set up
[...]
@@ -42,7 +42,7 @@ _[Apache Camel Developer's
Cookbook](http://www.packtpub.com/apache-camel-develo
[Camel Design Patterns](https://leanpub.com/camel-design-patterns) by [Bilgin
Ibryam](http://www.ofbizian.com/). Published by [LeanPub](https://leanpub.com/)
in start of 2016.
-
+
Patterns, Principles, and Practices for designing Apache Camel applications. A
developer friendly guide with real world use cases and practical tips for
designing and architecting Apache Camel applications.
@@ -56,7 +56,7 @@ Driven by real world experiences, this book consolidates most
commonly used patt
[Mastering Apache
Camel](https://www.packtpub.com/application-development/mastering-apache-camel)
by [Jean-Baptiste Onofré](https://twitter.com/jbonofre). Published by [Packt
publishing](http://www.packtpub.com/) in June 2015.
-
+
This book will provide you with the skills you need to efficiently create
routes using Apache Camel.
@@ -66,7 +66,7 @@ After briefly introducing the key features and core concepts
of Camel, the book
[Apache Camel
Essentials](https://www.packtpub.com/application-development/apache-camel-essentials)
by Prajod Surendran V, Gnanaguru Sattanathan, Naveen Raj. Published by [Packt
publishing](http://www.packtpub.com/) in August 2016.
-
+
This book offers you a small learning curve to get the most out of enterprise
Camel integrations. At the beginning of the book, you will learn about the
installation and setup of Apache Camel and discover more about Camel concepts
such as the development environment, routing, deployment strategies, and
dependencies. After that, you will learn how to configure Camel endpoints using
DSL and Spring XML, and also learn how to use Camel for web service
integrations. Later on in the book, you [...]
@@ -74,7 +74,7 @@ This book offers you a small learning curve to get the most
out of enterprise Ca
[Instant Apache Camel Message
Routing](http://www.packtpub.com/apache-camel-message-routing/book) by [Bilgin
Ibryam](http://ofbizian.com/). Published by [Packt
publishing](http://www.packtpub.com/) in August 2013.
-
+
[_Instant Apache Camel Message
Routing_](http://www.packtpub.com/apache-camel-message-routing/book) will help
you to get started with Camel and Enterprise Integration Patterns in matter of
hours. It is a short, focused and practical guide to Apache Camel that provides
a high level overview of the Camel architecture and message routing principles.
It introduces a number of integration patterns, complete with diagrams, common
use cases, and examples about how to use them.
The book is easy to read and ideal for developers who want to get started with
Camel and message routing quickly.
@@ -83,7 +83,7 @@ The book is easy to read and ideal for developers who want to
get started with C
[Instant Apache Camel Messaging
System](http://www.packtpub.com/apache-camel-messaging-system/book) by Evgeniy
Sharapov. Published by [Packt publishing](http://www.packtpub.com/) in
September 2013.
-
+
[_Instant Apache Camel Messaging
System_](http://www.packtpub.com/apache-camel-messaging-system/book) is a
practical, hands-on guide that provides you with step-by-step instructions
which will help you to take advantage of the Apache Camel integration framework
using Maven, the Spring Framework, and the TDD approach.
@@ -93,7 +93,7 @@ Instant Apache Camel Messaging System introduces you to
Apache Camel and provide
[Enterprise Integration
Patterns](http://www.enterpriseintegrationpatterns.com/) by Gregor Hohpe and
Bobby Woolf. Published by Addison Wesley in October 2003.
-
+
This is known as the EIP book which distills 65 EIP patterns, which Apache
Camel implements. If you want to learn the EIP patterns better then this is a
great book.
diff --git a/content/community/camel-extra.md b/content/community/camel-extra.md
index cbcd658..4973b65 100644
--- a/content/community/camel-extra.md
+++ b/content/community/camel-extra.md
@@ -1 +1,7 @@
-camel-extra!
+---
+title: "Camel Extra components"
+---
+
+# Camel Extra components
+
+[Camel Extra project](https://camel-extra.github.io/) contains a number of
extension components which due to GPL/LGPL licensing cannot be hosted at Apache.
diff --git a/layouts/_default/section.html b/layouts/_default/section.html
new file mode 100644
index 0000000..de7cc5f
--- /dev/null
+++ b/layouts/_default/section.html
@@ -0,0 +1,5 @@
+{{ partial "header.html" . }}
+
+{{ .Content }}
+
+{{ partial "footer.html" . }}
diff --git a/layouts/download/download.html b/layouts/download/download.html
index f6043c9..8b8b345 100644
--- a/layouts/download/download.html
+++ b/layouts/download/download.html
@@ -24,7 +24,7 @@
<h3>Using Maven</h3>
- <p>To use this release in your maven project, the proper dependency
configuration that you should use in your Maven POM is:
+ <p>To use this release in your maven project, the proper dependency
configuration that you should use in your Maven POM is:</p>
<pre><code class="xml"><dependency>
<groupId>org.apache.camel</groupId>
@@ -55,7 +55,7 @@
{{ if (and (le $cnt 3) (or (eq $major "") (ne $major $this_major
))) }}
<tbody>
<tr>
- <td rowspan="2"><strong>{{ .Params.version
}}</strong><br/><small>{{ if eq $major "" }}feature{{ else }}bugfix{{ end
}}</small></td>
+ <td rowspan="2"><strong>{{ .Params.version
}}</strong><br><small>{{ if eq $major "" }}feature{{ else }}bugfix{{ end
}}</small></td>
<td>Windows Distribution</td>
<td><a
href="http://www.apache.org/dyn/closer.lua?filename=camel/apache-camel/{{
.Params.version }}/apache-camel-{{ .Params.version
}}.zip&action=download">apache-camel-{{ .Params.version }}.zip</a></td>
<td><a
href="https://www.apache.org/dist/camel/apache-camel/{{ .Params.version
}}/apache-camel-{{ .Params.version }}.zip.asc">apache-camel-{{ .Params.version
}}.zip.asc</a></td>
@@ -95,7 +95,7 @@
{{ if (and (le $cnt 3) (or (eq $major "") (ne $major $this_major
))) }}
<tbody>
<tr>
- <td><strong>{{ .Params.version }}</strong><br/><small>{{
if eq $major "" }}feature{{ else }}bugfix{{ end }}</small></td>
+ <td><strong>{{ .Params.version }}</strong><br><small>{{
if eq $major "" }}feature{{ else }}bugfix{{ end }}</small></td>
<td>Source ZIP file</td>
<td><a
href="http://www.apache.org/dyn/closer.lua?filename=camel/apache-camel/{{
.Params.version }}/apache-camel-{{ .Params.version
}}-src.zip&action=download">apache-camel-{{ .Params.version }}-src.zip</a></td>
<td><a
href="https://www.apache.org/dist/camel/apache-camel/{{ .Params.version
}}/apache-camel-{{ .Params.version }}-src.zip.asc">apache-camel-{{
.Params.version }}-src.zip.asc</a></td>
diff --git a/layouts/index.html b/layouts/index.html
index b44fffb..787b9de 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -9,7 +9,7 @@
</p>
</div>
<div class="col-md-6 pt-5">
- <img class="img-fluid logo-big" src="./_/img/logo-d.svg"/>
+ <img class="img-fluid logo-big" src="./_/img/logo-d.svg"
alt="Apache Camel logo" aria-label="white silhouette of a camel in front of a
sand dune">
</div>
</div>
</div>
@@ -94,7 +94,7 @@
<div class="container pb-3">
<div class="row">
<div class="col-md-7">
- <h3>Apache & OpenSource</h3>
+ <h3>Apache & OpenSource</h3>
<p class="text-muted lead">Camel is your project!</p>
<p class="text-muted">
@@ -109,7 +109,7 @@
</p>
</div>
<div class="col-md-5 logo pt-5">
- <img src="./_/img/apache-logo.png" class="img-fluid"/>
+ <img src="./_/img/apache-logo.png" class="img-fluid"
alt="Apache Camel logo" aria-label="white silhouette of a camel in front of a
sand dune">
</div>
</div>
</div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 40cfba8..6f3f1f1 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,7 +2,7 @@
<div class="container">
<div class="row">
<div class="col-md-3 pt-5">
- <img src="/_/img/logo-d.svg" class="logo-small mt-60"/>
+ <img src="/_/img/logo-d.svg" class="logo-small mt-60"
alt="Apache Camel Logo" aria-label="white silhouette of a camel in front of a
sand dune">
</div>
<div class="col-md-3">
<h5>Overview</h5>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 449d241..9dada95 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -3,20 +3,20 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{
"apple-touch-icon-57x57.png" | relURL }}" />
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{
"apple-touch-icon-114x114.png" | relURL }}" />
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{
"apple-touch-icon-72x72.png" | relURL }}" />
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{
"apple-touch-icon-144x144.png" | relURL }}" />
- <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{
"apple-touch-icon-60x60.png" | relURL }}" />
- <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{
"apple-touch-icon-120x120.png" | relURL }}" />
- <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{
"apple-touch-icon-76x76.png" | relURL }}" />
- <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{
"apple-touch-icon-152x152.png" | relURL }}" />
- <link rel="icon" type="image/png" href="{{ "favicon-196x196.png" | relURL
}}" sizes="196x196" />
- <link rel="icon" type="image/png" href="{{ "favicon-96x96.png" | relURL
}}" sizes="96x96" />
- <link rel="icon" type="image/png" href="{{ "favicon-32x32.png" | relURL
}}" sizes="32x32" />
- <link rel="icon" type="image/png" href="{{ "favicon-16x16.png" | relURL
}}" sizes="16x16" />
- <link rel="icon" type="image/png" href="{{ "favicon-128.png" | relURL }}"
sizes="128x128" />
- <meta name="application-name" content="Apache Camel"/>
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{
"apple-touch-icon-57x57.png" | relURL }}">
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{
"apple-touch-icon-114x114.png" | relURL }}">
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{
"apple-touch-icon-72x72.png" | relURL }}">
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{
"apple-touch-icon-144x144.png" | relURL }}">
+ <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{
"apple-touch-icon-60x60.png" | relURL }}">
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{
"apple-touch-icon-120x120.png" | relURL }}">
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{
"apple-touch-icon-76x76.png" | relURL }}">
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{
"apple-touch-icon-152x152.png" | relURL }}">
+ <link rel="icon" type="image/png" href="{{ "favicon-196x196.png" | relURL
}}" sizes="196x196">
+ <link rel="icon" type="image/png" href="{{ "favicon-96x96.png" | relURL
}}" sizes="96x96">
+ <link rel="icon" type="image/png" href="{{ "favicon-32x32.png" | relURL
}}" sizes="32x32">
+ <link rel="icon" type="image/png" href="{{ "favicon-16x16.png" | relURL
}}" sizes="16x16">
+ <link rel="icon" type="image/png" href="{{ "favicon-128.png" | relURL }}"
sizes="128x128">
+ <meta name="application-name" content="Apache Camel">
<link rel="manifest" href="{{ "site.webmanifest" | relURL }}">
<title>{{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end
}}</title>
<link rel="canonical" href="{{ .URL }}">
@@ -32,8 +32,8 @@
<body class="article">
<nav class="navbar shadow border-bottom">
<div class="navbar-brand">
- <a class="navbar-item nav-logo" href="{{ .Site.BaseURL | relURL
}}" title="{{ .Site.Title }}"></a>
- <button class="navbar-burger" data-target="topbar-nav">
+ <a class="navbar-item nav-logo" href="{{ .Site.BaseURL | relURL
}}" title="{{ .Site.Title }}"><span>{{ .Site.Title }}</span></a>
+ <button class="navbar-burger" data-target="topbar-nav"
type="button">
<span></span>
<span></span>
<span></span>
