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 002163f0a3d45a46d6c7472db3b27b14702adde3
Author: Aemie <aemi...@hotmail.co.uk>
AuthorDate: Thu Aug 13 20:19:52 2020 +0530

    CAMEL-15392: add badges like button for community cards
---
 antora-ui-camel/src/css/docs.css | 17 +++++++++++-
 antora-ui-camel/src/img/read.svg | 12 ++++++++
 content/community/_index.md      | 59 ++++++++++++++++++++++++++++++++++++----
 3 files changed, 81 insertions(+), 7 deletions(-)

diff --git a/antora-ui-camel/src/css/docs.css b/antora-ui-camel/src/css/docs.css
index a112be2..056fcb8 100644
--- a/antora-ui-camel/src/css/docs.css
+++ b/antora-ui-camel/src/css/docs.css
@@ -66,15 +66,30 @@
 }
 
 .section .links {
+  display: flex;
+  flex-wrap: wrap;
   align-items: center;
   margin: 1.5rem 0;
   word-break: break-word;
   background-color: var(--color-camel-orange);
-  padding: 0.5rem;
+  padding: 0 0.5rem;
   border-radius: 25px;
   color: var(--navbar-background);
 }
 
+.section .links img {
+  height: 1.75rem;
+  width: 1.75rem;
+  margin: 0.35rem 0 0 0.25rem;
+}
+
+.section .links .partition {
+  background: #fff;
+  height: 2.5rem;
+  width: 0.1rem;
+  margin: 0 0.5rem;
+}
+
 .section .links a {
   color: var(--navbar-background);
   font-weight: bolder;
diff --git a/antora-ui-camel/src/img/read.svg b/antora-ui-camel/src/img/read.svg
new file mode 100644
index 0000000..a0f3bee
--- /dev/null
+++ b/antora-ui-camel/src/img/read.svg
@@ -0,0 +1,12 @@
+<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 296.999 296.999" xml:space="preserve" fill="#fff">
+<g>
+<g>
+<g>
+       <path 
d="M45.432,35.049c-0.008,0-0.017,0-0.025,0c-2.809,0-5.451,1.095-7.446,3.085c-2.017,2.012-3.128,4.691-3.128,7.543
     
v159.365c0,5.844,4.773,10.61,10.641,10.625c24.738,0.059,66.184,5.215,94.776,35.136V84.023c0-1.981-0.506-3.842-1.461-5.382
     C115.322,40.849,70.226,35.107,45.432,35.049z"/>
+       <path 
d="M262.167,205.042V45.676c0-2.852-1.111-5.531-3.128-7.543c-1.995-1.99-4.639-3.085-7.445-3.085c-0.009,0-0.018,0-0.026,0
     
c-24.793,0.059-69.889,5.801-93.357,43.593c-0.955,1.54-1.46,3.401-1.46,5.382v166.779
     
c28.592-29.921,70.038-35.077,94.776-35.136C257.394,215.651,262.167,210.885,262.167,205.042z"/>
+       <path 
d="M286.373,71.801h-7.706v133.241c0,14.921-12.157,27.088-27.101,27.125c-20.983,0.05-55.581,4.153-80.084,27.344
     
c42.378-10.376,87.052-3.631,112.512,2.171c3.179,0.724,6.464-0.024,9.011-2.054c2.538-2.025,3.994-5.052,3.994-8.301V82.427
     C297,76.568,292.232,71.801,286.373,71.801z"/>
+    <path 
d="M18.332,205.042V71.801h-7.706C4.768,71.801,0,76.568,0,82.427v168.897c0,3.25,1.456,6.276,3.994,8.301
     
c2.545,2.029,5.827,2.78,9.011,2.054c25.46-5.803,70.135-12.547,112.511-2.171c-24.502-23.19-59.1-27.292-80.083-27.342
     C30.49,232.13,18.332,219.963,18.332,205.042z"/>
+</g>
+</g>
+</g>
+</svg>
diff --git a/content/community/_index.md b/content/community/_index.md
index 8551ce2..44511cd 100644
--- a/content/community/_index.md
+++ b/content/community/_index.md
@@ -15,7 +15,15 @@ If you are experiencing problems using Camel then please 
report your problem to
 
 {{< div "links" >}}
 
-[Continue Reading](/community/support/) 
+{{< div >}}
+[![Read](/_/img/read.svg)](/community/support/) 
+{{< /div >}}
+
+{{< div "partition" >}}{{< /div >}}
+
+{{< div >}}
+[Read More](/community/support/) 
+{{< /div >}}
 
 {{< /div >}}
 
@@ -35,7 +43,15 @@ There are many ways you can help make Camel better - please 
dive in and help!Ide
 
 {{< div "links" >}}
 
-[Continue Reading](/manual/latest/contributing.html) 
+{{< div >}}
+[![Read](/_/img/read.svg)](/manual/latest/contributing.html)
+{{< /div >}}
+
+{{< div "partition" >}}{{< /div >}}
+
+{{< div >}}
+[Read More](/manual/latest/contributing.html) 
+{{< /div >}}
 
 {{< /div >}}
 
@@ -56,7 +72,15 @@ This page is intended as a place to collect user stories and 
feedback on Apache
 
 {{< div "links" >}}
 
-[Continue Reading](/community/user-stories/) 
+{{< div >}}
+[![Read](/_/img/read.svg)](/community/user-stories/) 
+{{< /div >}}
+
+{{< div "partition" >}}{{< /div >}}
+
+{{< div >}}
+[Read More](/community/user-stories/) 
+{{< /div >}}
 
 {{< /div >}}
 
@@ -76,12 +100,19 @@ Articles are divided into several sections. As the lists 
grow, further sectionin
 
 {{< div "links" >}}
 
-[Continue Reading](/community/articles/) 
+{{< div >}}
+[![Read](/_/img/read.svg)](/community/articles/) 
+{{< /div >}}
+
+{{< div "partition" >}}{{< /div >}}
 
+{{< div >}}
+[Read More](/community/articles/) 
 {{< /div >}}
 
 {{< /div >}}
 
+{{< /div >}}
 
 {{< div "section" >}}
 
@@ -97,7 +128,15 @@ This page lists the known books about Apache Camel. If you 
happen to know a book
 
 {{< div "links" >}}
 
-[Continue Reading](/community/books/) 
+{{< div >}}
+[![Read](/_/img/read.svg)](/community/books/) 
+{{< /div >}}
+
+{{< div "partition" >}}{{< /div >}}
+
+{{< div >}}
+[Read More](/community/books/) 
+{{< /div >}}
 
 {{< /div >}}
 
@@ -117,7 +156,15 @@ This page lists who we are. By all means add yourself to 
the list - lets sort it
 
 {{< div "links" >}}
 
-[Continue Reading](/community/team/) 
+{{< div >}}
+[![Read](/_/img/read.svg)](/community/team/)
+{{< /div >}}
+
+{{< div "partition" >}}{{< /div >}}
+
+{{< div >}}
+[Read More](/community/team/) 
+{{< /div >}}
 
 {{< /div >}}
 

Reply via email to