You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by ac...@apache.org on 2021/02/17 17:33:52 UTC

[camel-website] branch master updated (1f279d1 -> 5d95fc1)

This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a change to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git.


    from 1f279d1  Fixed link to AWS SQS
     new 2d42213  chore: add initial version of catalog layout
     new af531fb  Apply suggestions from code review
     new 04793c6  Fix remaining issues
     new 98bf279  chore: publish Kamlet catalog
     new 805ef32  refactor(css): tweak the icon size for page title
     new d6b6b2f  refactor: point to apache/camel-kamelets
     new 5d95fc1  chore: remove markup breadcrumb microdata

The 7 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Summary of changes:
 .gitignore                                         |  1 +
 antora-playbook.yml                                |  3 ++
 antora-ui-camel/src/css/catalog.css                | 47 ++++++++++++++++++++++
 antora-ui-camel/src/css/doc.css                    |  4 ++
 antora-ui-camel/src/css/nav.css                    |  5 +++
 antora-ui-camel/src/css/site.css                   |  1 +
 antora-ui-camel/src/helpers/remove_markup.js       |  3 ++
 .../src/partials/breadcrumbs-microdata.hbs         |  2 +-
 8 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 antora-ui-camel/src/css/catalog.css
 create mode 100644 antora-ui-camel/src/helpers/remove_markup.js


[camel-website] 03/07: Fix remaining issues

Posted by ac...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit 04793c63d1afaeebfe1f70af1e8b1e61012a6b88
Author: nicolaferraro <ni...@gmail.com>
AuthorDate: Thu Feb 11 15:05:23 2021 +0100

    Fix remaining issues
---
 antora-ui-camel/src/css/catalog.css           | 16 ++++++++--------
 antora-ui-camel/src/partials/catalog-body.hbs |  2 +-
 antora-ui-camel/src/partials/catalog.hbs      |  2 +-
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/antora-ui-camel/src/css/catalog.css b/antora-ui-camel/src/css/catalog.css
index 6038653..c311906 100644
--- a/antora-ui-camel/src/css/catalog.css
+++ b/antora-ui-camel/src/css/catalog.css
@@ -5,20 +5,20 @@
 }
 
 .catalog .entry {
-  width: 250px;
-  min-height: 140px;
-  padding: 15px;
-  margin: 5px;
+  width: 15rem;
+  min-height: 9rem;
+  padding: 1rem;
+  margin: 0.5rem;
   border: 2px solid var(--color-smoke-90);
   text-align: center;
 }
 
-.catalog .entry .icon {
+.catalog .entry .image {
   display: block;
   text-align: center;
 }
 
-.catalog-entry .image > img {
-  height: 50px;
-  margin: 15px;
+.catalog .entry .image > img {
+  height: 3rem;
+  margin: 1rem;
 }
diff --git a/antora-ui-camel/src/partials/catalog-body.hbs b/antora-ui-camel/src/partials/catalog-body.hbs
index 22e76e7..d11c0ec 100644
--- a/antora-ui-camel/src/partials/catalog-body.hbs
+++ b/antora-ui-camel/src/partials/catalog-body.hbs
@@ -1,4 +1,4 @@
-<div class="body catalog-body">
+<div class="body">
 {{> nav}}
 {{> catalog-main}}
 </div>
diff --git a/antora-ui-camel/src/partials/catalog.hbs b/antora-ui-camel/src/partials/catalog.hbs
index a830618..4cb5c95 100644
--- a/antora-ui-camel/src/partials/catalog.hbs
+++ b/antora-ui-camel/src/partials/catalog.hbs
@@ -1,7 +1,7 @@
 {{#if navigation.length}}
   {{#each navigation}}
     {{#if ../show}}{{#if ./content}}
-      <div class="catalog-entry">
+      <div class="entry">
         <a href="{{~#if (eq ./urlType 'internal')}}{{{relativize ./url}}}{{~else}}{{{./url}}}{{~/if}}">
           {{{./content}}}
         </a>


[camel-website] 06/07: refactor: point to apache/camel-kamelets

Posted by ac...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit d6b6b2f47b76c1047f8c0e113e25c792e1eb9d44
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Mon Feb 15 17:23:47 2021 +0100

    refactor: point to apache/camel-kamelets
    
    We now have the basis of a Antora component in apache/camel-kamelets[1]
    so we can switch to that.
    
    [1] https://github.com/apache/camel-kamelets/pull/2
---
 antora-playbook.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/antora-playbook.yml b/antora-playbook.yml
index 333c59b..4d78354 100644
--- a/antora-playbook.yml
+++ b/antora-playbook.yml
@@ -49,8 +49,8 @@ content:
     - url: git@github.com:apache/camel-k-runtime.git
       branches: master
       start_path: docs
-    - url: git@github.com:nicolaferraro/camel-kamelets.git
-      branches: ui
+    - url: git@github.com:apache/camel-kamelets.git
+      branches: master
       start_path: docs
     - url: git@github.com:apache/camel-quarkus.git
       branches:


[camel-website] 01/07: chore: add initial version of catalog layout

Posted by ac...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit 2d4221378ba7b5d9ac91c2407cba75683f4b42a2
Author: nicolaferraro <ni...@gmail.com>
AuthorDate: Thu Feb 11 13:00:48 2021 +0100

    chore: add initial version of catalog layout
---
 .gitignore                                       |  1 +
 antora-ui-camel/src/css/catalog.css              | 26 ++++++++++++++++++++++++
 antora-ui-camel/src/css/img.css                  |  8 ++++++++
 antora-ui-camel/src/css/site.css                 |  2 ++
 antora-ui-camel/src/layouts/catalog.hbs          | 11 ++++++++++
 antora-ui-camel/src/partials/catalog-article.hbs | 12 +++++++++++
 antora-ui-camel/src/partials/catalog-body.hbs    |  4 ++++
 antora-ui-camel/src/partials/catalog-main.hbs    | 11 ++++++++++
 antora-ui-camel/src/partials/catalog.hbs         | 20 ++++++++++++++++++
 9 files changed, 95 insertions(+)

diff --git a/.gitignore b/.gitignore
index 8cb7ee9..2c94153 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,6 +11,7 @@ resources
 .metadata
 .settings
 .hugo_data
+.pnp
 
 **/.yarn/*
 !**/.yarn/build-state.yml
diff --git a/antora-ui-camel/src/css/catalog.css b/antora-ui-camel/src/css/catalog.css
new file mode 100644
index 0000000..6b8bd85
--- /dev/null
+++ b/antora-ui-camel/src/css/catalog.css
@@ -0,0 +1,26 @@
+.catalog-container {
+  margin-top: 20px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.catalog-entry {
+  width: 250px;
+  min-height: 140px;
+  padding: 15px;
+  margin: 5px;
+  border-style: solid;
+  border-color: #eee;
+  border-width: 2px;
+  text-align: center;
+}
+
+.catalog-entry .image {
+  display: block;
+  text-align: center;
+}
+
+.catalog-entry .image > img {
+  height: 50px;
+  margin: 15px;
+}
diff --git a/antora-ui-camel/src/css/img.css b/antora-ui-camel/src/css/img.css
new file mode 100644
index 0000000..3f76c84
--- /dev/null
+++ b/antora-ui-camel/src/css/img.css
@@ -0,0 +1,8 @@
+article h1.page img {
+  width: 1em;
+}
+
+.nav-link .image > img,
+.breadcrumbs li .image > img {
+  width: 1em;
+}
diff --git a/antora-ui-camel/src/css/site.css b/antora-ui-camel/src/css/site.css
index 4409f08..c1f625b 100644
--- a/antora-ui-camel/src/css/site.css
+++ b/antora-ui-camel/src/css/site.css
@@ -26,3 +26,5 @@
 @import 'sitemap.css';
 @import 'videos.css';
 @import 'download.css';
+@import 'img.css';
+@import 'catalog.css';
diff --git a/antora-ui-camel/src/layouts/catalog.hbs b/antora-ui-camel/src/layouts/catalog.hbs
new file mode 100644
index 0000000..6a94f57
--- /dev/null
+++ b/antora-ui-camel/src/layouts/catalog.hbs
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+{{> head defaultPageTitle='Untitled'}}
+  </head>
+  <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
+{{> header}}
+{{> catalog-body}}
+{{> footer}}
+  </body>
+</html>
diff --git a/antora-ui-camel/src/partials/catalog-article.hbs b/antora-ui-camel/src/partials/catalog-article.hbs
new file mode 100644
index 0000000..21efffb
--- /dev/null
+++ b/antora-ui-camel/src/partials/catalog-article.hbs
@@ -0,0 +1,12 @@
+<article class="doc">
+{{#with page.title}}
+<h1 class="page">{{{this}}}</h1>
+{{/with}}
+{{{page.contents}}}
+<div class="catalog-container">
+{{#with page.navigation}}
+{{> catalog navigation=this}}
+{{/with}}
+</div>
+{{> pagination}}
+</article>
diff --git a/antora-ui-camel/src/partials/catalog-body.hbs b/antora-ui-camel/src/partials/catalog-body.hbs
new file mode 100644
index 0000000..22e76e7
--- /dev/null
+++ b/antora-ui-camel/src/partials/catalog-body.hbs
@@ -0,0 +1,4 @@
+<div class="body catalog-body">
+{{> nav}}
+{{> catalog-main}}
+</div>
diff --git a/antora-ui-camel/src/partials/catalog-main.hbs b/antora-ui-camel/src/partials/catalog-main.hbs
new file mode 100644
index 0000000..a1769e6
--- /dev/null
+++ b/antora-ui-camel/src/partials/catalog-main.hbs
@@ -0,0 +1,11 @@
+<main class="article">
+{{> toolbar}}
+  <div class="content">
+{{#if (eq page.layout '404')}}
+{{> article-404}}
+{{else}}
+{{> toc}}
+{{> catalog-article}}
+{{/if}}
+  </div>
+</main>
diff --git a/antora-ui-camel/src/partials/catalog.hbs b/antora-ui-camel/src/partials/catalog.hbs
new file mode 100644
index 0000000..a830618
--- /dev/null
+++ b/antora-ui-camel/src/partials/catalog.hbs
@@ -0,0 +1,20 @@
+{{#if navigation.length}}
+  {{#each navigation}}
+    {{#if ../show}}{{#if ./content}}
+      <div class="catalog-entry">
+        <a href="{{~#if (eq ./urlType 'internal')}}{{{relativize ./url}}}{{~else}}{{{./url}}}{{~/if}}">
+          {{{./content}}}
+        </a>
+      </div>
+    {{/if}}{{/if}}
+    {{#if (eq ./url @root.page.url)}}
+      {{> catalog navigation=./items show='true'}}
+    {{else}}
+      {{#if ../show}}
+        {{> catalog navigation=./items show='true'}}
+      {{else}}
+        {{> catalog navigation=./items}}
+      {{/if}}
+    {{/if}}
+  {{/each}}
+{{/if}}


[camel-website] 05/07: refactor(css): tweak the icon size for page title

Posted by ac...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit 805ef327a3e81029a8c74986b008abc2307da00c
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Fri Feb 12 16:40:03 2021 +0100

    refactor(css): tweak the icon size for page title
---
 antora-ui-camel/src/css/doc.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/antora-ui-camel/src/css/doc.css b/antora-ui-camel/src/css/doc.css
index 0559128..b7946f4 100644
--- a/antora-ui-camel/src/css/doc.css
+++ b/antora-ui-camel/src/css/doc.css
@@ -37,7 +37,7 @@
 }
 
 .doc > h1.page:first-child img {
-  width: 1rem;
+  width: 2rem;
 }
 
 #preamble + .sect1,


[camel-website] 04/07: chore: publish Kamlet catalog

Posted by ac...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit 98bf279086eccafe43afae8e897c9dc7786ab102
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Thu Feb 11 15:52:01 2021 +0100

    chore: publish Kamlet catalog
    
    This adds style changes needed to publish the Kamlet catalog and adds a
    new source reference to the camel-kamlets repository.
---
 antora-playbook.yml                              |  3 ++
 antora-ui-camel/src/css/catalog.css              | 51 +++++++++++++++++-------
 antora-ui-camel/src/css/doc.css                  |  4 ++
 antora-ui-camel/src/css/img.css                  |  8 ----
 antora-ui-camel/src/css/nav.css                  |  5 +++
 antora-ui-camel/src/css/site.css                 |  1 -
 antora-ui-camel/src/layouts/catalog.hbs          | 11 -----
 antora-ui-camel/src/partials/catalog-article.hbs | 12 ------
 antora-ui-camel/src/partials/catalog-body.hbs    |  4 --
 antora-ui-camel/src/partials/catalog-main.hbs    | 11 -----
 antora-ui-camel/src/partials/catalog.hbs         | 20 ----------
 11 files changed, 49 insertions(+), 81 deletions(-)

diff --git a/antora-playbook.yml b/antora-playbook.yml
index 132875b..333c59b 100644
--- a/antora-playbook.yml
+++ b/antora-playbook.yml
@@ -49,6 +49,9 @@ content:
     - url: git@github.com:apache/camel-k-runtime.git
       branches: master
       start_path: docs
+    - url: git@github.com:nicolaferraro/camel-kamelets.git
+      branches: ui
+      start_path: docs
     - url: git@github.com:apache/camel-quarkus.git
       branches:
         - master
diff --git a/antora-ui-camel/src/css/catalog.css b/antora-ui-camel/src/css/catalog.css
index c311906..0c1acd6 100644
--- a/antora-ui-camel/src/css/catalog.css
+++ b/antora-ui-camel/src/css/catalog.css
@@ -1,24 +1,47 @@
-.catalog .container {
-  margin-top: 1.2rem;
-  display: flex;
-  flex-wrap: wrap;
+.catalog.paragraph {
+  margin: 0;
 }
 
-.catalog .entry {
-  width: 15rem;
-  min-height: 9rem;
+.catalog {
+  width: 32%;
+  height: 9rem;
+  display: inline-block;
+  vertical-align: top;
+  padding: 1rem 0.8rem 0 0; /* there is a whitespace following every p.catalog that takes up space on the right, having 1rem instead of 0.8rem for right pad would look asymmetrical */
+}
+
+@media screen and (max-width: 1024px) {
+  .catalog {
+    width: 49%;
+  }
+}
+
+@media screen and (max-width: 626px) {
+  .catalog {
+    width: 100%;
+  }
+}
+
+.catalog p {
+  border: 1px solid var(--color-smoke-90);
+  height: 100%;
+}
+
+.catalog .item {
+  display: block;
   padding: 1rem;
-  margin: 0.5rem;
-  border: 2px solid var(--color-smoke-90);
-  text-align: center;
 }
 
-.catalog .entry .image {
+.catalog .item a {
+  background-image: none;
   display: block;
   text-align: center;
 }
 
-.catalog .entry .image > img {
-  height: 3rem;
-  margin: 1rem;
+.catalog .item .image {
+  display: block;
+}
+
+.catalog .item .image img {
+  width: 4rem;
 }
diff --git a/antora-ui-camel/src/css/doc.css b/antora-ui-camel/src/css/doc.css
index 2928620..0559128 100644
--- a/antora-ui-camel/src/css/doc.css
+++ b/antora-ui-camel/src/css/doc.css
@@ -36,6 +36,10 @@
   margin: 1.5rem 0;
 }
 
+.doc > h1.page:first-child img {
+  width: 1rem;
+}
+
 #preamble + .sect1,
 .doc .sect1 + .sect1 {
   margin-top: 2rem;
diff --git a/antora-ui-camel/src/css/img.css b/antora-ui-camel/src/css/img.css
deleted file mode 100644
index 3f76c84..0000000
--- a/antora-ui-camel/src/css/img.css
+++ /dev/null
@@ -1,8 +0,0 @@
-article h1.page img {
-  width: 1em;
-}
-
-.nav-link .image > img,
-.breadcrumbs li .image > img {
-  width: 1em;
-}
diff --git a/antora-ui-camel/src/css/nav.css b/antora-ui-camel/src/css/nav.css
index 6a19b32..40fb557 100644
--- a/antora-ui-camel/src/css/nav.css
+++ b/antora-ui-camel/src/css/nav.css
@@ -219,6 +219,11 @@ html.is-clipped--nav {
   font-weight: var(--body-font-weight-bold);
 }
 
+.nav-link .image > img,
+.breadcrumbs li .image > img {
+  width: 1em;
+}
+
 .nav-panel-explore {
   background: var(--nav-background);
   display: flex;
diff --git a/antora-ui-camel/src/css/site.css b/antora-ui-camel/src/css/site.css
index c1f625b..184a68b 100644
--- a/antora-ui-camel/src/css/site.css
+++ b/antora-ui-camel/src/css/site.css
@@ -26,5 +26,4 @@
 @import 'sitemap.css';
 @import 'videos.css';
 @import 'download.css';
-@import 'img.css';
 @import 'catalog.css';
diff --git a/antora-ui-camel/src/layouts/catalog.hbs b/antora-ui-camel/src/layouts/catalog.hbs
deleted file mode 100644
index 6a94f57..0000000
--- a/antora-ui-camel/src/layouts/catalog.hbs
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-{{> head defaultPageTitle='Untitled'}}
-  </head>
-  <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
-{{> header}}
-{{> catalog-body}}
-{{> footer}}
-  </body>
-</html>
diff --git a/antora-ui-camel/src/partials/catalog-article.hbs b/antora-ui-camel/src/partials/catalog-article.hbs
deleted file mode 100644
index e8317a6..0000000
--- a/antora-ui-camel/src/partials/catalog-article.hbs
+++ /dev/null
@@ -1,12 +0,0 @@
-<article class="doc catalog">
-{{#with page.title}}
-<h1 class="page">{{{this}}}</h1>
-{{/with}}
-{{{page.contents}}}
-<div class="container">
-{{#with page.navigation}}
-{{> catalog navigation=this}}
-{{/with}}
-</div>
-{{> pagination}}
-</article>
diff --git a/antora-ui-camel/src/partials/catalog-body.hbs b/antora-ui-camel/src/partials/catalog-body.hbs
deleted file mode 100644
index d11c0ec..0000000
--- a/antora-ui-camel/src/partials/catalog-body.hbs
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="body">
-{{> nav}}
-{{> catalog-main}}
-</div>
diff --git a/antora-ui-camel/src/partials/catalog-main.hbs b/antora-ui-camel/src/partials/catalog-main.hbs
deleted file mode 100644
index a1769e6..0000000
--- a/antora-ui-camel/src/partials/catalog-main.hbs
+++ /dev/null
@@ -1,11 +0,0 @@
-<main class="article">
-{{> toolbar}}
-  <div class="content">
-{{#if (eq page.layout '404')}}
-{{> article-404}}
-{{else}}
-{{> toc}}
-{{> catalog-article}}
-{{/if}}
-  </div>
-</main>
diff --git a/antora-ui-camel/src/partials/catalog.hbs b/antora-ui-camel/src/partials/catalog.hbs
deleted file mode 100644
index 4cb5c95..0000000
--- a/antora-ui-camel/src/partials/catalog.hbs
+++ /dev/null
@@ -1,20 +0,0 @@
-{{#if navigation.length}}
-  {{#each navigation}}
-    {{#if ../show}}{{#if ./content}}
-      <div class="entry">
-        <a href="{{~#if (eq ./urlType 'internal')}}{{{relativize ./url}}}{{~else}}{{{./url}}}{{~/if}}">
-          {{{./content}}}
-        </a>
-      </div>
-    {{/if}}{{/if}}
-    {{#if (eq ./url @root.page.url)}}
-      {{> catalog navigation=./items show='true'}}
-    {{else}}
-      {{#if ../show}}
-        {{> catalog navigation=./items show='true'}}
-      {{else}}
-        {{> catalog navigation=./items}}
-      {{/if}}
-    {{/if}}
-  {{/each}}
-{{/if}}


[camel-website] 07/07: chore: remove markup breadcrumb microdata

Posted by ac...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit 5d95fc1fb664fe84d0b1909c68119f5ddc450990
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Wed Feb 17 11:05:03 2021 +0100

    chore: remove markup breadcrumb microdata
    
    This adds `remove_markup` helper to remove any HTML markup from given
    text, and applies it to the breadcrumb microdata's `name` value as the
    Camel Kamelets Catalog contains HTML markup due to inclusion of the
    image in the title of catalog items.
---
 antora-ui-camel/src/helpers/remove_markup.js           | 3 +++
 antora-ui-camel/src/partials/breadcrumbs-microdata.hbs | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/antora-ui-camel/src/helpers/remove_markup.js b/antora-ui-camel/src/helpers/remove_markup.js
new file mode 100644
index 0000000..1d8a1a5
--- /dev/null
+++ b/antora-ui-camel/src/helpers/remove_markup.js
@@ -0,0 +1,3 @@
+'use strict'
+
+module.exports = (text) => text.replace(/<[^>]*>/g, '').trim()
diff --git a/antora-ui-camel/src/partials/breadcrumbs-microdata.hbs b/antora-ui-camel/src/partials/breadcrumbs-microdata.hbs
index 2c5badb..4e12939 100644
--- a/antora-ui-camel/src/partials/breadcrumbs-microdata.hbs
+++ b/antora-ui-camel/src/partials/breadcrumbs-microdata.hbs
@@ -26,7 +26,7 @@
         {
         "@type": "ListItem",
         "position": {{add @index 4}},
-        "name": "{{{ ./content }}}",
+        "name": "{{{remove_markup ./content }}}",
         {{~#if (and ./url (eq ./urlType 'internal'))~}}
         "item": "https://camel.apache.org{{{./url}}}"
         {{~else~}}


[camel-website] 02/07: Apply suggestions from code review

Posted by ac...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit af531fb99c1e05cfec9d425882d1e81c1a2c3341
Author: Nicola Ferraro <ni...@gmail.com>
AuthorDate: Thu Feb 11 14:50:28 2021 +0100

    Apply suggestions from code review
    
    Co-authored-by: Zoran Regvart <zo...@regvart.com>
---
 antora-ui-camel/src/css/catalog.css              | 12 +++++-------
 antora-ui-camel/src/partials/catalog-article.hbs |  4 ++--
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/antora-ui-camel/src/css/catalog.css b/antora-ui-camel/src/css/catalog.css
index 6b8bd85..6038653 100644
--- a/antora-ui-camel/src/css/catalog.css
+++ b/antora-ui-camel/src/css/catalog.css
@@ -1,21 +1,19 @@
-.catalog-container {
-  margin-top: 20px;
+.catalog .container {
+  margin-top: 1.2rem;
   display: flex;
   flex-wrap: wrap;
 }
 
-.catalog-entry {
+.catalog .entry {
   width: 250px;
   min-height: 140px;
   padding: 15px;
   margin: 5px;
-  border-style: solid;
-  border-color: #eee;
-  border-width: 2px;
+  border: 2px solid var(--color-smoke-90);
   text-align: center;
 }
 
-.catalog-entry .image {
+.catalog .entry .icon {
   display: block;
   text-align: center;
 }
diff --git a/antora-ui-camel/src/partials/catalog-article.hbs b/antora-ui-camel/src/partials/catalog-article.hbs
index 21efffb..e8317a6 100644
--- a/antora-ui-camel/src/partials/catalog-article.hbs
+++ b/antora-ui-camel/src/partials/catalog-article.hbs
@@ -1,9 +1,9 @@
-<article class="doc">
+<article class="doc catalog">
 {{#with page.title}}
 <h1 class="page">{{{this}}}</h1>
 {{/with}}
 {{{page.contents}}}
-<div class="catalog-container">
+<div class="container">
 {{#with page.navigation}}
 {{> catalog navigation=this}}
 {{/with}}