wip: proposal main page with snippets

Signed-off-by: Sun S. D. Tan <[email protected]>

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 ...
+... your Quarkus, Spring boot, Wildfly, Tomcat, micronaut. openliberty, vertx, thorntail, etc. to Kubernetes
+
+<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

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;