[camel-website] branch master updated: fix: broken links and HTML validation (#455)

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[camel-website] branch master updated: fix: broken links and HTML validation (#455)

zregvart
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 <[hidden email]>
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 }}