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
The following commit(s) were added to refs/heads/master by this push:
new 9fc4249 CAMEL-14994: Improve Projects Page
9fc4249 is described below
commit 9fc424927e97b2c3e00e32b9866f426e6644f7cf
Author: Aashna Jena <[email protected]>
AuthorDate: Mon Jun 8 14:04:46 2020 +0530
CAMEL-14994: Improve Projects Page
---
antora-ui-camel/src/css/doc.css | 5 --
antora-ui-camel/src/css/frontpage.css | 48 ++++---------
antora-ui-camel/src/css/projects.css | 54 +++++++++++++++
antora-ui-camel/src/css/site.css | 1 +
content/_index.md | 35 +++-------
content/projects/_index.md | 123 +++++++++++++++++++++++++++++++---
6 files changed, 190 insertions(+), 76 deletions(-)
diff --git a/antora-ui-camel/src/css/doc.css b/antora-ui-camel/src/css/doc.css
index 484b80d..ae177da 100644
--- a/antora-ui-camel/src/css/doc.css
+++ b/antora-ui-camel/src/css/doc.css
@@ -652,11 +652,6 @@ kbd,
}
@media screen and (max-width: 1023px) and (min-width: 480px) {
- .doc > h1.page:first-child,
- .static > h1:first-child {
- font-size: inherit;
- }
-
.doc p code,
.doc thead code {
font-size: var(--body-font-size);
diff --git a/antora-ui-camel/src/css/frontpage.css
b/antora-ui-camel/src/css/frontpage.css
index c3c2eb0..28cfa8f 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -148,37 +148,17 @@ section.frontpage.columns {
}
section.frontpage.projects {
+ border-top: 1px solid var(--color-smoke-50);
display: flex;
flex-flow: wrap;
+ padding: 1rem;
padding-top: 3rem;
- border-top: 1px solid var(--color-smoke-50);
}
section.frontpage.projects .project {
- display: flex;
- flex: 1 0 30%;
- flex-direction: column;
- align-items: center;
- padding: 1rem;
-}
-
-section.frontpage.projects .project a img {
- display: inline-block;
- width: auto;
- height: 5rem;
-}
-
-section.frontpage.projects .project .links {
- white-space: nowrap;
-}
-
-section.frontpage.projects .project a img + img {
- padding-left: 1rem;
-}
-
-section.frontpage.projects .project h1 + p {
- height: 100%;
- text-align: center;
+ width: 30%;
+ margin: 1.5%;
+ padding: 1%;
}
section.frontpage.apache {
@@ -216,23 +196,23 @@ section.frontpage h2 {
text-align: center;
}
-.box {
+.frontpage .box {
flex: 50%;
padding: 1.2rem 0;
}
-.box div {
+.frontpage .box div {
padding: 1.8rem;
text-align: center;
margin: 1rem;
height: 100%;
}
-.box div img {
+.frontpage .box div img {
width: 27rem;
}
-.box .feature-icon {
+.frontpage .box .feature-icon {
width: 3.75rem;
height: 3.75rem;
filter: invert(24%) sepia(38%) saturate(1353%) hue-rotate(200deg)
brightness(89%) contrast(99%);
@@ -255,17 +235,17 @@ section.frontpage h2 {
}
section.frontpage.columns,
- section.frontpage.projects,
section.frontpage.apache {
padding-top: 1rem;
}
- .box {
+ .frontpage .box {
padding: 1rem 0;
}
section.frontpage.projects .project {
- flex: 100%;
+ width: 100%;
+ margin: 1.5rem;
}
}
@@ -289,13 +269,13 @@ section.frontpage h2 {
margin: auto;
}
- .box {
+ .frontpage .box {
min-width: 51vw;
}
@media screen and (min-width: 627px) {
section.frontpage.projects .project {
- flex: 46%;
+ width: 47%;
}
}
}
diff --git a/antora-ui-camel/src/css/projects.css
b/antora-ui-camel/src/css/projects.css
new file mode 100644
index 0000000..d9a0cbf
--- /dev/null
+++ b/antora-ui-camel/src/css/projects.css
@@ -0,0 +1,54 @@
+.projects h2 {
+ text-align: center;
+}
+
+.projects .project {
+ display: inline-flex;
+ border: 1px solid var(--color-smoke-90);
+ width: 46%;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+ padding: 1rem;
+ margin: 1rem;
+}
+
+.projects .project a > img {
+ display: inline-block;
+ width: auto;
+ height: 5rem;
+}
+
+.projects .project a > img + img {
+ padding-left: 1rem;
+}
+
+.projects .project .description {
+ padding: 1rem;
+ text-align: center;
+}
+
+.projects .project .links {
+ align-items: center;
+ margin: 1.5rem 0;
+ white-space: nowrap;
+}
+
+@media screen and (max-width: 1023px) {
+ .projects .project {
+ width: 100%;
+ margin: 1rem 0;
+ }
+}
+
+@media screen and (max-width: 480px) {
+ .projects .project {
+ padding: 1rem 0.4rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .projects .project .description {
+ height: 10rem;
+ }
+}
diff --git a/antora-ui-camel/src/css/site.css b/antora-ui-camel/src/css/site.css
index 1a453fd..fa1f07a 100644
--- a/antora-ui-camel/src/css/site.css
+++ b/antora-ui-camel/src/css/site.css
@@ -22,3 +22,4 @@
@import 'release.css';
@import 'misc.css';
@import 'community.css';
+@import 'projects.css'
diff --git a/content/_index.md b/content/_index.md
index 506900b..780a79b 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -57,15 +57,11 @@ Camel supports around 50 data formats, allowing to
<mark>translate messages</mar
{{< div "project" >}}
-[](/camel-k/latest/)
+[](/projects#camel)
# Camel K
-**Apache Camel K** is a lightweight integration framework built from Apache
Camel that runs natively on [Kubernetes](https://kubernetes.io/) and is
specifically designed for serverless architectures.
-
-{{< div "links" >}}
-[Documentation](/camel-k/latest/)
-{{< /div >}}
+**Apache Camel K** runs natively on [Kubernetes](https://kubernetes.io/).
{{< /div >}}
@@ -77,62 +73,47 @@ Camel supports around 50 data formats, allowing to
<mark>translate messages</mar
**Apache Camel** is the *Swiss knife* of integration.
-{{< div "links" >}}
-[Documentation](/manual/latest/) | [Components](/components/latest/) |
[Patterns](/components/latest/eips/enterprise-integration-patterns.html)
-{{< /div >}}
-
{{< /div >}}
{{< div "project" >}}
-[](/camel-quarkus/latest/)
+[](/projects#camel-k)
# Quarkus
-**Apache Camel Quarkus** is a set of extensions for
[Quarkus](https://quarkus.io), a Java platform offering fast boot times and low
memory footprint. It targets both stock JVMs and
[GraalVM](https://www.graalvm.org/).
-
-{{< div "links" >}}
-[Documentation](/camel-quarkus/latest/)
-{{< /div >}}
+**Apache Camel Quarkus** is a set of extensions for
[Quarkus](https://quarkus.io).
{{< /div >}}
{{< div "project" >}}
-[](/camel-kafka-connector/latest/)
+[](/projects#camel-kafka-connector)
# Kafka
-**Apache Camel Kafka Connector** embeds Camel within [Kafka
Connect](https://kafka.apache.org/documentation/#connect), enabling declarative
use of Camel components as sources or sinks to Kafka topics.
+**Apache Camel Kafka Connector** embeds Camel within [Kafka
Connect](https://kafka.apache.org/documentation/#connect).
-[Documentation](/camel-kafka-connector/latest/)
{{< /div >}}
{{< div "project" >}}
-[](/camel-spring-boot/latest/)
+[](/projects#camel-spring-boot)
# Spring Boot
**Apache Camel Spring Boot** run Camel on [Spring
Boot](https://spring.io/projects/spring-boot).
-{{< div "links" >}}
-[Documentation](/camel-spring-boot/latest/)
-{{< /div >}}
{{< /div >}}
{{< div "project" >}}
-[](/camel-karaf/latest/)
+[](/projects#camel-karaf)
# Karaf
**Apache Camel Karaf** run Camel in [OSGi](https://www.osgi.org/) container
using [Apache Karaf](https://karaf.apache.org/).
-{{< div "links" >}}
-[Documentation](/camel-karaf/latest/)
-{{< /div >}}
{{< /div >}}
diff --git a/content/projects/_index.md b/content/projects/_index.md
index f8e3c80..169d2e7 100644
--- a/content/projects/_index.md
+++ b/content/projects/_index.md
@@ -2,36 +2,139 @@
title: Apache Camel Projects
---
+{{< div "project" >}}
+
+[](/manual/latest/)
+
+## Camel
+
+{{< div "description" >}}
+
+Apache Camel is the Swiss knife of integration. It is an open source
integration framework that is packed with several hundred components that are
used to access databases, message queues and APIs, helping you integrate with
everything.
+
+{{< /div >}}
+
+{{< div "links" >}}
+
+[Examples](https://github.com/apache/camel-examples/tree/master/examples) |
+[Documentation](/manual/latest/) |
+[Source](https://github.com/apache/camel/)
+
+{{< /div >}}
+
+{{< /div >}}
+
+
+{{< div "project" >}}
+
+[](/camel-k/latest/)
+
## Camel K
-Apache Camel K is a lightweight integration framework built from Apache Camel
that runs natively on Kubernetes and is specifically designed for serverless
and microservice architectures. Users of Camel K can instantly run integration
code written in Camel DSL on their preferred cloud (Kubernetes or OpenShift).
+{{< div "description" >}}
+
+Apache Camel K is a lightweight integration framework built on Apache Camel
that runs natively on [Kubernetes](https://kubernetes.io/) and is specifically
designed for serverless and micro service architectures. It allows you to run
integration code written in Camel DSL on your cloud.
+
+{{< /div >}}
+
+{{< div "links" >}}
+
+[Examples](https://github.com/apache/camel-k-examples) |
+[Documentation](/camel-k/latest/) |
+[Source](https://github.com/apache/camel-k/)
+
+{{< /div >}}
-For more information checkout the [Camel K manual](/camel-k/latest/) and join
the community on on the [Camel Users mailing list](/community/mailing-list/)
and have a look at the [Camel K GitHub
repository](https://github.com/apache/camel-k/).
+{{< /div >}}
+{{< div "project" >}}
+
+[](/camel-kafka-connector/latest/)
## Camel Kafka Connector
-Camel Kafka Connector allows you to use all Camel
[components](/components/latest/) as [Kafka
Connect](http://kafka.apache.org/documentation/#connect) connectors, which as
result expands Kafka Connect compatibility to include all Camel components to
be used in Kafka ecosystem.
+{{< div "description" >}}
+
+Camel Kafka Connector allows you to use all Camel
[components](/components/latest/) as [Kafka
Connect](http://kafka.apache.org/documentation/#connect) connectors, which, as
a result, expands Kafka Connect compatibility by allowing all Camel components
to be used in the Kafka ecosystem.
+
+{{< /div >}}
+
+{{< div "links" >}}
+
+[Examples](https://github.com/apache/camel-kafka-connector-examples) |
+[Documentation](/camel-kafka-connector/latest/) |
+[Source](https://github.com/apache/camel-kafka-connector/)
-For more information checkout the [Camel Kafka Connector
manual](/camel-kafka-connector/latest/) and join the community on the [Camel
Users mailing list](/community/mailing-list/) or chat on [Gitter
chat](https://gitter.im/apache/camel-kafka-connector) and have a look at the
[Camel Kafka Connector GitHub
repository](https://github.com/apache/camel-kafka-connector/).
+{{< /div >}}
+{{< /div >}}
+{{< div "project" >}}
+
+[](/camel-quarkus/latest/)
+
## Camel Quarkus
-This project hosts the efforts to port and package the 280+ Camel components
as Quarkus extensions. [Quarkus](https://quarkus.io/) is a Java platform
offering fast boot times and low memory footprint. It targets both stock JVMs
(OpenJDK in the first place) and GraalVM.
+{{< div "description" >}}
+
+This project hosts the efforts to port and package the 280+ Camel components
as Quarkus extensions. [Quarkus](https://quarkus.io/) is a Java platform
offering fast boot times and low memory footprint. It targets both stock JVMs
and GraalVM.
+
+{{< /div >}}
+
+{{< div "links" >}}
+
+[Examples](https://github.com/apache/camel-quarkus/tree/master/examples) |
+[Documentation](/camel-quarkus/latest/) |
+[Source](https://github.com/apache/camel-quarkus/)
-For more information, please refer to the [Camel Quarkus
manual](/camel-quarkus/latest/) or check the [Camel Quarkus
code](https://github.com/apache/camel-quarkus/) on GitHub.
+{{< /div >}}
+{{< /div >}}
+
+{{< div "project" >}}
+
+[](/camel-spring-boot/latest/)
## Camel Spring Boot
-Camel support for Spring Boot provides auto-configuration of the Camel and
starters for many Camel components. Our opinionated auto-configuration of the
Camel context auto-detects Camel routes available in the Spring context and
registers the key Camel utilities (like producer template, consumer template
and the type converter) as beans.
+{{< div "description" >}}
+
+Camel support for Spring Boot provides auto-configuration of the Camel context
by auto-detecting Camel routes available in the Spring context and registers
the key Camel utilities as beans. It also provides starters for many Camel
components.
+
+{{< /div >}}
+
+{{< div "links" >}}
+
+[Examples](https://github.com/apache/camel-spring-boot-examples) |
+[Documentation](/camel-spring-boot/latest/) |
+[Source](https://github.com/apache/camel-spring-boot)
-For more information, please refer to the [Camel Spring Boot
manual](/camel-spring-boot/latest/).
+{{< /div >}}
+
+{{< /div >}}
+
+
+{{< div "project" >}}
+
+[](/camel-karaf/latest/)
## Camel Karaf
-Makes running Apache Camel in [OSGi](https://www.osgi.org/) container nicely
using [Apache Karaf](https://karaf.apache.org/).
+{{< div "description" >}}
+
+[Apache Karaf](https://karaf.apache.org/) makes running Apache Camel in
[OSGi](https://www.osgi.org/) container easy, which as a result, expands Apache
Camel's compatibility by allowing all Camel components to run in the OSGi
environment.
+
+{{< /div >}}
+
+{{< div "links" >}}
+
+[Examples](https://github.com/apache/camel-karaf-examples) |
+[Documentation](/camel-karaf/latest/) |
+[Source](https://github.com/apache/camel-karaf)
+
+{{< /div >}}
+
+{{< /div >}}
+
-For more information checkout the [Camel Karaf manual](/camel-karaf/latest/).
