update home page

README.md

@@ -28,6 +28,9 @@ from: https://jekyllthemes.io/
 
 Jekyll plugin for building Jekyll sites with any public GitHub-hosted theme
 
+# Apply Local theme
+in `Gemfile`
+`gem "minimal-mistakes-jekyll", path: "/Users/hawk/Documents/workspace/KEIKAI-SPACE/minimal-mistakes/"`
 
 ## Usage
 
@@ -102,4 +105,4 @@ You may also optionally specify a branch, tag, or commit to use by appending an
 
 ## prepend the image path. 
 * replace `!\[\]\(([^)]*)\)` with `![](images/$1)`
-* replace `<img src="([^"]*)"` with `<img src="images/$1"`
+* replace `<img src="([^"]*)"` with `<img src="images/$1`

_config.yml

@@ -1,6 +1,6 @@
-remote_theme: "keikai/minimal-mistakes@zk"
-repository: keikai/minimal-mistakes
-#theme: "minimal-mistakes-jekyll" # use local theme
+#remote_theme: "keikai/minimal-mistakes@zk"
+#repository: keikai/minimal-mistakes
+theme: "minimal-mistakes-jekyll" # use local theme
 plugins:
   - jekyll-remote-theme
   - jekyll-include-cache  #required by minimal-mistakes
@@ -135,4 +135,4 @@ comments:
 # predefined properties
 # base path of developer reference
 #devref: "/dev-ref"
-#devref_image_folder: "/assets/images/dev-ref"
+#devref_image_folder: "/assets/images/dev-ref"

_data/navigation.yml

@@ -1,10 +1,23 @@
 main:
-  - title: "Getting Started"
-    url: /main/get_started
-  - title: "References"
-    url: /main/reference
-  - title: "API"
-    url: /main/api
+  - title: "ZK"
+    url:
+  - title: "ZK Charts"
+    url:
+  - title: "Keikai"
+    url: https://doc.keikai.io/dev-ref
+  - title: "ZK Pivottable"
+    url:
+  - title: "ZK Calendar"
+    url:
+  - title: "ZK Spring"
+    url:
+  - title: "ZATS"
+    url:
+  - title: "ZK Studio"
+    url:
+  - title: "ZK JSP"
+    url:
+
 
 get_started:
   - title: "Learn ZK in 10 Minutes"

_includes/product.html

@@ -0,0 +1,11 @@
+<div class="col-lg-3 col-md-6 col-sm-12">
+    <div class="card">
+        <a href="{{ include.link }}">
+            <img src="{{ include.image }}" class="card-img-top" alt="{{ include.title }}">
+        </a>
+        <div class="card-body">
+            <h5 class="card-title">{{ include.title }}</h5>
+            <p class="card-text">{{ include.description }}</p>
+        </div>
+    </div>
+</div>

index.md

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
+<div class="container">
+    <div class="row">
+      <div class="col-12 text-center">
+        <h1 class="my-4">Welcome to ZK Documentation</h1>
+      </div>
+    </div>
+    <div class="row">
+      {% include product.html image="/images/core.svg" title="ZK Framework" description="A comprehensive UI framework" link="/zk" %}
+      {% include product.html image="/images/chart.svg" title="ZK Charts" description="Beautiful and interactive charts" link="/zkcharts" %}
+      {% include product.html image="/images/spreadsheet.svg" title="Keikai" description="Spreadsheet component" link="https://doc.keikai.io/dev-ref" %}
+      {% include product.html image="/images/pivottable.svg" title="ZK Pivottable" description="A data summarization component that lets you analyze your data in detail." link="/pivottable" %}
+    </div>
+    <div class="row">
+      {% include product.html image="/images/calendar.svg" title="ZK Calendar" description="A Google-Calendar-like Ajax component" link="/zkcalendar" %}
+      {% include product.html image="/images/spring.svg" title="ZK Spring" description="An addon to integrate Spring" link="/zkspring" %}
+      {% include product.html image="/images/zats.svg" title="ZATS" description="Testing ZK-based without browsers" link="/zats/" %}
+      {% include product.html image="/images/studio.svg" title="ZK Studio" description="an eclipse plugin for zk" link="/zk_studio_essentials/Introduction" %}
+    </div>
+    <div class="row">
+      {% include product.html image="/images/zkjsp.svg" title="ZK JSP" description="" link="#" %}
+    </div>
+</div>