[camel-website] 03/05: chore: add Apache Camel to projects section

[zr...@apache.org]

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 41891cb4c430750b376ed423960c16bb22c8b321
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Thu Aug 15 10:32:58 2019 +0200

    chore: add Apache Camel to projects section
    
    Also fixes responsive issues on mobile.
---
 antora-ui-camel/src/css/frontpage.css | 42 ++++++++++++++++++++++-------------
 content/_index.md                     | 21 ++++++++++++------
 2 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/antora-ui-camel/src/css/frontpage.css b/antora-ui-camel/src/css/frontpage.css
index 09345e8..448388c 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -35,11 +35,11 @@ header.frontpage p {
 
 .frontpage a.significant {
   margin: 1rem;
-  padding: 0.7rem 1.5rem;
+  padding: 0.4rem 1rem;
   background: var(--color-camel-orange);
   color: var(--color-white);
   border-radius: 8px;
-  font-size: 1.2rem;
+  font-size: 1rem;
   font-weight: bold;
   outline: none;
   border: 1px solid var(--color-white);
@@ -81,32 +81,34 @@ section.frontpage.columns {
 
 section.frontpage.projects {
   display: flex;
+  flex-direction: column;
   border-top: 1px solid var(--color-smoke-50);
 }
 
-section.frontpage.projects h1 {
-  white-space: nowrap;
-  padding: 1rem 0;
-}
-
-section.frontpage.integrations {
+section.frontpage.projects .project {
   display: flex;
-  border-top: 1px solid var(--color-smoke-50);
+  flex-direction: row;
 }
 
-section.frontpage.integrations h1 {
+section.frontpage.projects .project h1 {
   white-space: nowrap;
   padding: 1rem 0;
-  text-align: left;
+  flex: 1;
 }
 
-section.frontpage.integrations div {
-  padding: 1rem;
+section.frontpage.projects .project p {
+  flex: 1;
+  margin: 1rem;
 }
 
-section.frontpage.integrations a {
-  color: var(--heading-font-color);
-  font-size: 1.4rem;
+section.frontpage.projects .project a.significant {
+  margin: 0.5rem 0;
+  padding: 0.4rem 1rem;
+  font-size: 0.8rem;
+}
+
+section.frontpage.apache {
+  padding: 1rem;
 }
 
 section.frontpage h1,
@@ -172,4 +174,12 @@ section.frontpage h1 {
   .box {
     min-width: 51vw;
   }
+
+  section.frontpage.projects .project {
+    flex-direction: column;
+  }
+
+  section.frontpage.projects .project p:nth-child(3) {
+    text-align: center;
+  }
 }
diff --git a/content/_index.md b/content/_index.md
index c5d56ac..e9a7070 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -42,27 +42,34 @@ Camel supports around 50 data formats, allowing to <mark>translate messages</mar
 {{< /section >}}
 
 {{< section "frontpage projects" >}}
+{{< div "project" >}}
+# Camel
 
-# Camel K
+**Apache Camel** is extensibly documented with helpful guides on getting started and detailed reference documentation.
 
-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** and **microservice architectures**.
+<a class="significant" href="./manual/latest/">Read the manual</a>
+<a class="significant" href="./components/latest/">Component reference</a>
+{{< /div >}}
 
-<a class="significant" href="./camel-k/latest/">Read the docs</a>
+{{< div "project" >}}
+# Camel K
 
-{{< /section >}}
+**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** and **microservice architectures**.
 
-{{< section "frontpage projects" >}}
+<a class="significant" href="./camel-k/latest/">Read the docs</a>
+{{< /div >}}
 
+{{< div "project" >}}
 # Camel Quarkus
 
-Apache Camel Quarkus is a set of extensions for [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](https://www.graalvm.org/).
+**Apache Camel Quarkus** is a set of extensions for [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](https://www.graalvm.org/).
 
 <a class="significant" href="./camel-quarkus/latest/">Read the docs</a>
 {{< /div >}}
 
 {{< /section >}}
 
-{{< section "frontpage columns" >}}
+{{< section "frontpage columns apache" >}}
 
 # Apache &amp; OpenSource