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

Reply via email to