You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by zr...@apache.org on 2020/08/17 08:49:19 UTC
[camel-website] 01/04: feat: provide a modified neat card layout
for community & docs
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 a9958824a9cb854e8b113001b4ab2c6460fb8704
Author: Aemie <ae...@hotmail.co.uk>
AuthorDate: Sat Aug 8 21:40:28 2020 +0530
feat: provide a modified neat card layout for community & docs
---
antora-ui-camel/src/css/docs.css | 30 ++++++++++++++++++++++++++++++
content/docs/_index.md | 28 ++++++++++++++--------------
2 files changed, 44 insertions(+), 14 deletions(-)
diff --git a/antora-ui-camel/src/css/docs.css b/antora-ui-camel/src/css/docs.css
index 701b1bd..dea3ccf 100644
--- a/antora-ui-camel/src/css/docs.css
+++ b/antora-ui-camel/src/css/docs.css
@@ -16,6 +16,7 @@
text-align: center;
padding: 1rem 1rem 2rem 1rem;
margin: 1.5rem;
+ border-radius: 10px;
}
.camel-project .section {
@@ -23,6 +24,18 @@
padding: 0;
}
+.camel-project .camel-documentation .links {
+ background-color: var(--color-camel-orange);
+ padding: 0.45rem;
+ border-radius: 25px;
+ color: var(--navbar-background);
+}
+
+.camel-project .camel-documentation .links a {
+ color: var(--navbar-background);
+ font-weight: bolder;
+}
+
.section {
display: inline-flex;
border: 1px solid var(--color-smoke-90);
@@ -32,6 +45,7 @@
text-align: center;
padding: 1rem;
margin: 1.5rem;
+ border-radius: 10px;
}
.section a > img,
@@ -55,6 +69,22 @@
align-items: center;
margin: 1.5rem 0;
word-break: break-word;
+ background-color: var(--color-camel-orange);
+ padding: 0.45rem;
+ border-radius: 25px;
+ color: var(--navbar-background);
+ width: calc(100% - 2rem);
+}
+
+@media screen and (max-width: 626px) {
+ .section .links {
+ width: auto;
+ }
+}
+
+.section .links a {
+ color: var(--navbar-background);
+ font-weight: bolder;
}
@media screen and (max-width: 1023px) {
diff --git a/content/docs/_index.md b/content/docs/_index.md
index 7c57351..c729827 100644
--- a/content/docs/_index.md
+++ b/content/docs/_index.md
@@ -35,10 +35,10 @@ Camel is packed with several hundred components that are used to access database
{{< 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) |
+[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/)
{{< /div >}}
@@ -61,8 +61,8 @@ Apache Camel K is a lightweight integration framework built on Apache Camel that
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-k-examples) |
-[Documentation](/camel-k/latest/) |
+[Examples](https://github.com/apache/camel-k-examples) /
+[Documentation](/camel-k/latest/) /
[Source](https://github.com/apache/camel-k/)
{{< /div >}}
@@ -83,8 +83,8 @@ Camel Kafka Connector allows you to use all Camel [components](/components/lates
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-kafka-connector-examples) |
-[Documentation](/camel-kafka-connector/latest/) |
+[Examples](https://github.com/apache/camel-kafka-connector-examples) /
+[Documentation](/camel-kafka-connector/latest/) /
[Source](https://github.com/apache/camel-kafka-connector/)
{{< /div >}}
@@ -106,8 +106,8 @@ This project hosts the efforts to port and package the 280+ Camel components as
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-quarkus/tree/master/examples) |
-[Documentation](/camel-quarkus/latest/) |
+[Examples](https://github.com/apache/camel-quarkus/tree/master/examples) /
+[Documentation](/camel-quarkus/latest/) /
[Source](https://github.com/apache/camel-quarkus/)
{{< /div >}}
@@ -128,8 +128,8 @@ Camel support for Spring Boot provides auto-configuration of the Camel context b
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-spring-boot-examples) |
-[Documentation](/camel-spring-boot/latest/) |
+[Examples](https://github.com/apache/camel-spring-boot-examples) /
+[Documentation](/camel-spring-boot/latest/) /
[Source](https://github.com/apache/camel-spring-boot)
{{< /div >}}
@@ -151,8 +151,8 @@ Camel support for Spring Boot provides auto-configuration of the Camel context b
{{< div "links" >}}
-[Examples](https://github.com/apache/camel-karaf-examples) |
-[Documentation](/camel-karaf/latest/) |
+[Examples](https://github.com/apache/camel-karaf-examples) /
+[Documentation](/camel-karaf/latest/) /
[Source](https://github.com/apache/camel-karaf)
{{< /div >}}