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 97cec7b fix: broken links and HTML validation (#455)
97cec7b is described below
commit 97cec7b79824c7407eb2b3de8606d0b3844636d3
Author: Zoran Regvart <zregv...@apache.org>
AuthorDate: Thu Aug 13 23:30:17 2020 +0200
fix: broken links and HTML validation (#455)
---
antora-ui-camel/src/css/frontpage.css | 26 +++++++++++----
antora-ui-camel/src/partials/header-content.hbs | 2 +-
layouts/index.html | 43 +++++++++++++------------
layouts/partials/header.html | 2 +-
4 files changed, 44 insertions(+), 29 deletions(-)
diff --git a/antora-ui-camel/src/css/frontpage.css
b/antora-ui-camel/src/css/frontpage.css
index af5c476..ae2acff 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -114,6 +114,13 @@ section.frontpage.columns.blog-posts {
background-color: var(--color-smoke-50);
}
+section.frontpage.blog-posts ul {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0;
+ padding: 0;
+}
+
li.blog-post .content {
padding: 1rem;
padding-right: 0.5rem;
@@ -136,8 +143,12 @@ li.blog-post .content a {
li.blog-post {
display: flex;
width: 30vw;
- margin: 0 1vw;
- border-radius: 1rem;
+ margin: 0;
+ padding-right: 1rem;
+}
+
+li.blog-post:last-child {
+ padding-right: 0;
}
li.blog-post time.date {
@@ -152,12 +163,14 @@ li.blog-post time.date .day {
font-weight: bold;
padding: 0;
line-height: 1;
+ display: block;
}
li.blog-post time.date .month {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.2;
+ display: block;
}
/* common css for columns section */
@@ -276,7 +289,7 @@ section.frontpage.projects .project img {
margin: 0 auto;
}
- section.frontpage.columns.blog-posts {
+ section.frontpage.columns.blog-posts ul {
flex-direction: column;
}
@@ -290,7 +303,8 @@ section.frontpage.projects .project img {
width: 100%;
}
- section.frontpage.functionalities .icon img {
+ section.frontpage.functionalities .icon img,
+ section.frontpage.projects .icon img {
max-width: 25vw;
margin: 2vw;
}
@@ -353,13 +367,13 @@ section.frontpage.projects .project img {
padding: 0;
}
- section.frontpage.projects .project h2,
+ section.frontpage.projects .project .content h2,
section.frontpage.projects .project .icon,
section.frontpage.columns.functionalities .box .content h2,
section.frontpage.columns.functionalities .box .content,
section.frontpage.columns.functionalities .box .icon,
section.frontpage.columns.functionalities p,
- section.frontpage.projects p {
+ section.frontpage.projects .project .content p {
text-align: center;
margin: 0;
width: 100%;
diff --git a/antora-ui-camel/src/partials/header-content.hbs
b/antora-ui-camel/src/partials/header-content.hbs
index 51b77f8..0d150fc 100644
--- a/antora-ui-camel/src/partials/header-content.hbs
+++ b/antora-ui-camel/src/partials/header-content.hbs
@@ -7,7 +7,7 @@
{{#withMenuData}}
{{#each @items}}
<a class="navbar-item-section navbar-item navbar-topics"
href="{{url}}">
- <img src="{{pre}}">
+ <img alt="{{name}}" src="{{pre}}">
{{name}}
</a>
{{/each}}
diff --git a/layouts/index.html b/layouts/index.html
index cef2043..52bd257 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -11,7 +11,7 @@
<a class="button-dark" href="/manual/latest/getting-started.html">Get
Started</a> <a class="button-light"
href="/manual/latest/faq/what-is-camel.html">What is Camel?</a>
</p>
</div>
- <img src="./img/camel-gears.svg" />
+ <img alt="Computer with gears depicting data processing"
src="./img/camel-gears.svg" />
</header>
<div class="frontpage news">
@@ -19,27 +19,28 @@
</div>
<section class="frontpage columns blog-posts">
-{{with .Site.GetPage "section" "blog"}}
-{{range .Pages | first 3}}
+ <ul>
+ {{with .Site.GetPage "section" "blog"}}
+ {{range .Pages | first 3}}
-<li class="blog-post">
- <time class="date">
- <div class="day">
- {{ dateFormat "2" .PublishDate}}
- </div>
- <div class="month">
- {{ dateFormat "Jan" .PublishDate}}
- {{ dateFormat "2006" .PublishDate}}
- </div>
- </time>
- <div class="content">
- <h2>{{ .Title }}</h2>
- <p>{{ .Params.preview }}... <a href="{{ .Permalink }}">Read More</a></p>
- </div>
-</li>
-
-{{end}}
-{{end}}
+ <li class="blog-post">
+ <time datetime="{{ dateFormat "2006-01-02" .PublishDate }}"
class="date">
+ <data class="day">
+ {{ dateFormat "2" .PublishDate }}
+ </data>
+ <data class="month">
+ {{ dateFormat "Jan" .PublishDate }}
+ {{ dateFormat "2006" .PublishDate }}
+ </data>
+ </time>
+ <div class="content">
+ <h2>{{ .Title }}</h2>
+ <p>{{ .Params.preview }}... <a href="{{ .Permalink }}">Read
More</a></p>
+ </div>
+ </li>
+ {{end}}
+ {{end}}
+ </ul>
</section>
{{ .Content }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 5d7cf80..f91e7a5 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -38,7 +38,7 @@
<div class="navbar-end">
{{ range .Site.Menus.main }}
<a class="navbar-item-section navbar-item
navbar-topics" href="{{ .URL | relURL }}">
- <img src="{{ .Pre }}">
+ <img alt="{{ .Name }}" src="{{ .Pre }}">
{{ .Name }}
</a>
{{ end }}
