From a7ce31b9bd0357cb560f4cb6cfdec90c76154d03 Mon Sep 17 00:00:00 2001
From: "Sun S. D. Tan" <sutan@redhat.com>
Date: Thu, 24 Nov 2022 14:46:28 +0000
Subject: [PATCH] wip: proposal main page with snippets

Signed-off-by: Sun S. D. Tan <sutan@redhat.com>
---
 src/pages/index.md             | 85 +++++++++++++++++++++++++++++++++-
 src/styles/templates/main.scss | 14 ++++++
 2 files changed, 98 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.md b/src/pages/index.md
index 2fd0631..4cb5c64 100644
--- a/src/pages/index.md
+++ b/src/pages/index.md
@@ -32,6 +32,89 @@ Eclipse JKube also provides a set of tools such as watch, debug, log, etc. to im
 </div>
 </div>
 
+## Configure, build and deploy
+Configure your
+
+<div class="quickstart">
+  <div class="column">
+
+### Kubernetes + Maven
+```xml
+<build>
+  <plugins>
+    <plugin>
+      <groupId>org.eclipse.jkube</groupId>
+      <artifactId>kubernetes-maven-plugin</artifactId>
+      <version>1.9.1</version>
+    </plugin>
+  </plugins>
+</build>
+```
+```
+$ mvn package k8s:build
+              k8s:push
+              k8s:resource
+              k8s:apply
+```
+  </div>
+  <div class="column">
+
+### Openshift + Maven
+```xml
+<build>
+  <plugins>
+    <plugin>
+      <groupId>org.eclipse.jkube</groupId>
+      <artifactId>openshift-maven-plugin</artifactId>
+      <version>1.9.1</version>
+    </plugin>
+  </plugins>
+</build>
+```
+```
+$ mvn package oc:build
+              oc:resource
+              oc:apply
+```
+
+  </div>
+</div>
+
+<div class="quickstart">
+  <div class="column">
+
+### Kubernetes + Gradle
+
+```build.gradle
+plugins {
+    id 'org.eclipse.jkube.kubernetes' version '1.9.1'
+}
+```
+```
+$ gradle build k8sBuild
+               k8sPush
+               k8sResource
+               k8sApply
+```
+  </div>
+  <div class="column">
+
+### Openshift + Gradle
+```
+plugins {
+    id 'org.eclipse.jkube.openshift' version '1.9.1'
+}
+```
+```
+$ gradle build ocBuild
+               ocResource
+               ocApply
+```
+  </div>
+</div>
+
+<div class="section-dark">
+
 ## Features
 
 ### Kubernetes Maven Plugin
@@ -78,7 +161,7 @@ Eclipse JKube also provides a set of tools such as watch, debug, log, etc. to im
 * **Image Configuration** model objects for modeling Docker image configuration.
 
 </div>
-
+</div>
 <div class="section-dark">
 
 ## Downloads
diff --git a/src/styles/templates/main.scss b/src/styles/templates/main.scss
index 608d482..28d9f25 100644
--- a/src/styles/templates/main.scss
+++ b/src/styles/templates/main.scss
@@ -64,6 +64,20 @@
         }
       }
     }
+
+    .quickstart {
+      .column {
+        float: left;
+        width: 555px;
+        font-size: 1rem;
+      }
+    }
+    .quickstart:after {
+      content: "";
+      display: table;
+      clear: both;
+    }
+
     .section-dark {
       @include full-width;
       background-color: $color-dark-background;