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 d4412c5b5932957f90dea418f1f4ff505671aac7
Author: Aemie <aemi...@hotmail.co.uk>
AuthorDate: Sat Aug 15 13:30:13 2020 +0530
CAMEL-15392: add badges like button for docs cards
---
antora-ui-camel/src/css/docs.css | 35 +++++-
antora-ui-camel/src/img/docs.svg | 4 +
antora-ui-camel/src/img/examples.svg | 13 ++
antora-ui-camel/src/img/github.svg | 5 +
content/community/_index.md | 24 ----
content/docs/_index.md | 224 ++++++++++++++++++++++++++++++++---
layouts/shortcodes/pre.html | 5 +
7 files changed, 266 insertions(+), 44 deletions(-)
diff --git a/antora-ui-camel/src/css/docs.css b/antora-ui-camel/src/css/docs.css
index 056fcb8..419726f 100644
--- a/antora-ui-camel/src/css/docs.css
+++ b/antora-ui-camel/src/css/docs.css
@@ -2,6 +2,10 @@
padding: 1rem 3rem;
}
+.docs p:empty {
+ display: none;
+}
+
.section h2 {
text-align: center;
padding-bottom: 0;
@@ -24,9 +28,13 @@
padding: 0;
}
+.camel-project .section.core {
+ width: 100%;
+}
+
.camel-project .camel-documentation .links {
background-color: var(--color-camel-orange);
- padding: 0.5rem;
+ padding: 0 0.5rem;
border-radius: 25px;
color: var(--navbar-background);
}
@@ -65,6 +73,11 @@
text-align: center;
}
+.section .list {
+ display: flex;
+ flex-wrap: wrap;
+}
+
.section .links {
display: flex;
flex-wrap: wrap;
@@ -77,12 +90,28 @@
color: var(--navbar-background);
}
+.section .list pre {
+ padding: 0;
+ width: 0.5rem;
+ box-shadow: none;
+ overflow-x: hidden;
+ background: none;
+}
+
+.section .list .links {
+ margin: 0.5rem auto;
+}
+
.section .links img {
- height: 1.75rem;
- width: 1.75rem;
+ height: 1.5rem;
+ width: 2rem;
margin: 0.35rem 0 0 0.25rem;
}
+.section .links p {
+ margin: 0;
+}
+
.section .links .partition {
background: #fff;
height: 2.5rem;
diff --git a/antora-ui-camel/src/img/docs.svg b/antora-ui-camel/src/img/docs.svg
new file mode 100644
index 0000000..693f76f
--- /dev/null
+++ b/antora-ui-camel/src/img/docs.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"/>
+<path fill="#fff" d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2
2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4
4H9v-2h6v2zm4-8H9V5h10v2z"/>
+</svg>
diff --git a/antora-ui-camel/src/img/examples.svg
b/antora-ui-camel/src/img/examples.svg
new file mode 100644
index 0000000..137112c
--- /dev/null
+++ b/antora-ui-camel/src/img/examples.svg
@@ -0,0 +1,13 @@
+<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/";
xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/";
xmlns:graph="http://ns.adobe.com/Graphs/1.0/";
xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";
version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 57.087 37.591"
xml:space="preserve" fill="#fff">
+<switch>
+ <foreignObject
requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/"; x="0" y="0"
width="1" height="1">
+ <i:pgfRef xlink:href="#adobe_illustrator_pgf">
+ </i:pgfRef>
+ </foreignObject>
+ <g i:extraneous="self">
+
+ <path
d="M11.325,17.191c1.004-0.026,1.822-0.293,2.454-0.809c0.633-0.515,1.053-1.226,1.262-2.125
c0.209-0.898,0.319-2.437,0.333-4.614c0.013-2.178,0.052-3.612,0.117-4.303c0.117-1.095,0.336-1.976,0.655-2.641
s0.714-1.196,1.183-1.594c0.47-0.398,1.069-0.701,1.8-0.91C19.624,0.065,20.433,0,21.555,0h1.095v3.071h-0.606
c-1.355,0-2.256,0.245-2.699,0.734c-0.443,0.489-0.665,1.581-0.665,3.276c0,3.417-0.071,5.575-0.215,6.474
c-0.234,1.394-0.636,2.469-1.203,3.226c-0.566,0.756-1.457,1.428- [...]
+ <path
d="M45.762,17.191v3.188c-1.004,0.026-1.822,0.3-2.454,0.821c-0.633,0.521-1.053,1.232-1.262,2.126
c-0.209,0.893-0.319,2.425-0.333,4.603c-0.013,2.178-0.052,3.612-0.117,4.303c-0.117,1.108-0.336,1.995-0.655,2.654
c-0.319,0.658-0.714,1.187-1.183,1.584c-0.47,0.397-1.069,0.697-1.8,0.906c-0.496,0.144-1.304,0.215-2.426,0.215h-1.095v-3.07
h0.606c1.355,0,2.256-0.241,2.699-0.73s0.665-1.591,0.665-3.299c0-3.26,0.059-5.327,0.176-6.2
c0.208-1.447,0.626-2.602,1.252-3.469s1.513-1.545,2. [...]
+ </g>
+</switch>
+</svg>
diff --git a/antora-ui-camel/src/img/github.svg
b/antora-ui-camel/src/img/github.svg
new file mode 100644
index 0000000..77d3f04
--- /dev/null
+++ b/antora-ui-camel/src/img/github.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; version="1.1" id="Layer_1" x="0px"
y="0px" viewBox="0 0 54 54" xml:space="preserve" fill="#fff">
+<g>
+ <path
d="M15.9,7.7c3.3-1.9,6.9-2.9,10.8-2.9c3.9,0,7.5,1,10.8,2.9s5.9,4.5,7.8,7.8c1.9,3.3,2.9,6.9,2.9,10.8
c0,4.7-1.4,8.9-4.1,12.6c-2.7,3.7-6.2,6.3-10.6,7.7c-0.5,0.1-0.9,0-1.1-0.2c-0.2-0.2-0.4-0.5-0.4-0.8c0-0.1,0-0.8,0-2.1
s0-2.6,0-3.8c0-1.8-0.5-3.1-1.5-4c1.1-0.1,2-0.3,2.9-0.5c0.8-0.2,1.7-0.6,2.6-1.1c0.9-0.5,1.7-1.1,2.3-1.9c0.6-0.7,1.1-1.7,1.5-2.9
s0.6-2.6,0.6-4.2c0-2.2-0.7-4.1-2.2-5.7c0.7-1.7,0.6-3.6-0.2-5.7c-0.5-0.2-1.3-0.1-2.3,0.3c-1,0.4-1.8,0.8-2.6,1.2L32,15.9
c-1.7-0.5-3.5-0 [...]
+</g>
+</svg>
\ No newline at end of file
diff --git a/content/community/_index.md b/content/community/_index.md
index 44511cd..72733ed 100644
--- a/content/community/_index.md
+++ b/content/community/_index.md
@@ -15,15 +15,11 @@ If you are experiencing problems using Camel then please
report your problem to
{{< div "links" >}}
-{{< div >}}
[](/community/support/)
-{{< /div >}}
{{< div "partition" >}}{{< /div >}}
-{{< div >}}
[Read More](/community/support/)
-{{< /div >}}
{{< /div >}}
@@ -43,15 +39,11 @@ There are many ways you can help make Camel better - please
dive in and help!Ide
{{< div "links" >}}
-{{< div >}}
[](/manual/latest/contributing.html)
-{{< /div >}}
{{< div "partition" >}}{{< /div >}}
-{{< div >}}
[Read More](/manual/latest/contributing.html)
-{{< /div >}}
{{< /div >}}
@@ -72,15 +64,11 @@ This page is intended as a place to collect user stories
and feedback on Apache
{{< div "links" >}}
-{{< div >}}
[](/community/user-stories/)
-{{< /div >}}
{{< div "partition" >}}{{< /div >}}
-{{< div >}}
[Read More](/community/user-stories/)
-{{< /div >}}
{{< /div >}}
@@ -100,15 +88,11 @@ Articles are divided into several sections. As the lists
grow, further sectionin
{{< div "links" >}}
-{{< div >}}
[](/community/articles/)
-{{< /div >}}
{{< div "partition" >}}{{< /div >}}
-{{< div >}}
[Read More](/community/articles/)
-{{< /div >}}
{{< /div >}}
@@ -128,15 +112,11 @@ This page lists the known books about Apache Camel. If
you happen to know a book
{{< div "links" >}}
-{{< div >}}
[](/community/books/)
-{{< /div >}}
{{< div "partition" >}}{{< /div >}}
-{{< div >}}
[Read More](/community/books/)
-{{< /div >}}
{{< /div >}}
@@ -156,15 +136,11 @@ This page lists who we are. By all means add yourself to
the list - lets sort it
{{< div "links" >}}
-{{< div >}}
[](/community/team/)
-{{< /div >}}
{{< div "partition" >}}{{< /div >}}
-{{< div >}}
[Read More](/community/team/)
-{{< /div >}}
{{< /div >}}
diff --git a/content/docs/_index.md b/content/docs/_index.md
index c729827..bd50903 100644
--- a/content/docs/_index.md
+++ b/content/docs/_index.md
@@ -7,6 +7,46 @@
## Camel Core
+{{< div "section core" >}}
+
+{{< div "list" >}}
+{{< div "links" >}}
+
+[](https://github.com/apache/camel-examples/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Examples](https://github.com/apache/camel-examples/)
+
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](https://github.com/apache/camel/)
+{{< div "partition" >}}{{< /div >}}
+
+[Source](https://github.com/apache/camel/)
+
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](https://www.javadoc.io/doc/org.apache.camel/camel-api/latest/index.html)
+
+{{< div "partition" >}}{{< /div >}}
+
+[API
Documentation](https://www.javadoc.io/doc/org.apache.camel/camel-api/latest/index.html)
+
+{{< /div >}}
+
+{{< /div >}}
+
+{{< /div >}}
+
{{< div "camel-documentation" >}}
{{< div "section" >}}
@@ -19,10 +59,21 @@ The [User Manual](/manual/latest/) is a comprehensive guide
meant to help you wi
{{< /div >}}
+{{< div "links" >}}
+
+[](/manual/latest/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Documentation](/manual/latest/)
+
+{{< /div >}}
+
{{< /div >}}
{{< div "section" >}}
+
### Components
{{< div "description" >}}
@@ -31,15 +82,15 @@ Camel is packed with several hundred components that are
used to access database
{{< /div >}}
-{{< /div >}}
-
{{< div "links" >}}
-[User Manual](/manual/latest/) /
-[Component Reference](/components/latest/) /
-[Source](https://github.com/apache/camel/) /
-[API
Documentation](https://www.javadoc.io/doc/org.apache.camel/camel-api/latest/index.html)
/
-[Examples](https://github.com/apache/camel-examples/)
+[](/components/latest/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Documentation](/components/latest/)
+
+{{< /div >}}
{{< /div >}}
@@ -59,15 +110,42 @@ Apache Camel K is a lightweight integration framework
built on Apache Camel that
{{< /div >}}
+{{< div "list" >}}
+{{< div "links" >}}
+
+[](https://github.com/apache/camel-k-examples)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Examples](https://github.com/apache/camel-k-examples)
+
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-k-examples) /
-[Documentation](/camel-k/latest/) /
+[](https://github.com/apache/camel-k/)
+{{< div "partition" >}}{{< /div >}}
+
[Source](https://github.com/apache/camel-k/)
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](/camel-k/latest/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Documentation](/camel-k/latest/)
+
{{< /div >}}
{{< /div >}}
+{{< /div >}}
{{< div "section" >}}
@@ -81,12 +159,40 @@ Camel Kafka Connector allows you to use all Camel
[components](/components/lates
{{< /div >}}
+{{< div "list" >}}
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-kafka-connector-examples) /
-[Documentation](/camel-kafka-connector/latest/) /
+[](https://github.com/apache/camel-kafka-connector-examples)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Examples](https://github.com/apache/camel-kafka-connector-examples)
+
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](https://github.com/apache/camel-kafka-connector/)
+{{< div "partition" >}}{{< /div >}}
+
[Source](https://github.com/apache/camel-kafka-connector/)
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](/camel-kafka-connector/latest/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Documentation](/camel-kafka-connector/latest/)
+
+{{< /div >}}
+
{{< /div >}}
{{< /div >}}
@@ -104,12 +210,40 @@ This project hosts the efforts to port and package the
280+ Camel components as
{{< /div >}}
+{{< div "list" >}}
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-quarkus/tree/master/examples) /
-[Documentation](/camel-quarkus/latest/) /
+[](https://github.com/apache/camel-quarkus/tree/master/examples)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Examples](https://github.com/apache/camel-quarkus/tree/master/examples)
+
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](https://github.com/apache/camel-quarkus/)
+{{< div "partition" >}}{{< /div >}}
+
[Source](https://github.com/apache/camel-quarkus/)
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](/camel-quarkus/latest/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Documentation](/camel-quarkus/latest/)
+
+{{< /div >}}
+
{{< /div >}}
{{< /div >}}
@@ -126,12 +260,40 @@ Camel support for Spring Boot provides auto-configuration
of the Camel context b
{{< /div >}}
+{{< div "list" >}}
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-spring-boot-examples) /
-[Documentation](/camel-spring-boot/latest/) /
+[](https://github.com/apache/camel-spring-boot-examples)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Examples](https://github.com/apache/camel-spring-boot-examples)
+
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](https://github.com/apache/camel-spring-boot)
+{{< div "partition" >}}{{< /div >}}
+
[Source](https://github.com/apache/camel-spring-boot)
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](/camel-spring-boot/latest/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Documentation](/camel-spring-boot/latest/)
+
+{{< /div >}}
+
{{< /div >}}
{{< /div >}}
@@ -149,12 +311,40 @@ Camel support for Spring Boot provides auto-configuration
of the Camel context b
{{< /div >}}
+{{< div "list" >}}
+{{< div "links" >}}
+
+[](https://github.com/apache/camel-karaf-examples)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Examples](https://github.com/apache/camel-karaf-examples)
+
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-karaf-examples) /
-[Documentation](/camel-karaf/latest/) /
+[](https://github.com/apache/camel-karaf)
+{{< div "partition" >}}{{< /div >}}
+
[Source](https://github.com/apache/camel-karaf)
+{{< /div >}}
+
+{{< pre >}}{{< /pre >}}
+
+{{< div "links" >}}
+
+[](/camel-karaf/latest/)
+
+{{< div "partition" >}}{{< /div >}}
+
+[Documentation](/camel-karaf/latest/)
+
+{{< /div >}}
+
{{< /div >}}
{{< /div >}}
diff --git a/layouts/shortcodes/pre.html b/layouts/shortcodes/pre.html
new file mode 100644
index 0000000..b173019
--- /dev/null
+++ b/layouts/shortcodes/pre.html
@@ -0,0 +1,5 @@
+<pre class="{{ .Get 0}}">
+ {{ $content := .Inner | markdownify }}
+ {{ $content | safeHTML }}
+</pre>
+
\ No newline at end of file
