adapt to new UI

Author: kameshsampath

.gitignore

@@ -43,3 +43,5 @@ install/knative-eventing/knative-kafka.yaml
 bin/kubectl
 gh-pages
 staging-gh-pages
+
+yarn.lock

dev-site.yml

@@ -21,19 +21,20 @@ content:
       branches: HEAD
 asciidoc:
   attributes:
-    tutorial-namespace:  knativetutorial
+    tutorial-namespace: knativetutorial
     title: Knative Tutorial
     workshop-domain: guru.devx.red
     kubernetes-version: v1.15.0
     release-version: master
     openshift-console-url: https://console-openshift-console.apps.example.com
     etherpad-url: http://example.com
   extensions:
-    - ./lib/copy-to-clipboard.js
+    - ./lib/remote-include-processor.js
     - ./lib/tab-block.js
 ui:
   bundle:
-    url: https://github.com/redhat-developer-demos/rhd-tutorial-ui/releases/download/v0.0.4/ui-bundle.zip
+    url: https://github.com/redhat-developer-demos/rhd-tutorial-ui/releases/download/v0.1.9/ui-bundle.zip
+    snapshot: true
   supplemental_files: ./supplemental-ui
 output:
   dir: ./gh-pages

documentation/modules/ROOT/assets/images/knative-cookbook.png

@@ -2,45 +2,52 @@
 :page-layout: home
 :!sectids:
 
-****
+[cols="3a,2a"]
+|===
+a|****
 Deploying applications as Serverless services is becoming a popular architectural style. It seems like many organizations assume that _Functions as a Service (FaaS)_ is serverless. But we think it is more accurate to say that FaaS is one way to do serverless, not the only way. This raises a super critical question for enterprises that may have applications which could be monolith or a microservice: What is the easiest path to serverless application deployment?
 
 The answer is a platform that can run serverless workloads, while enabling you to have complete control how to configure, build, deploy and run. Ideally, the platform  that supports deploying the applications as linux containers. In this chapter we introduce you to one such platform -- https://knative.dev[Knative] --, that helps you to run the serverless workloads in a Kubernetes-native way.
 ****
+a|[caption="Knative Cookbook",link="https://developers.redhat.com/books/knative-cookbook/"]
+image::knative-cookbook.png[Knative Cookbook,300,300]
+|
+|===
 
-[.tiles.browse]
 == Get started with your serverless journey
-
+[cols="3a,3a",frame=none,grid=rows,stripe]
+|===
+a|
 [.tile]
 .xref:knative-tutorial-serving:ROOT:index.adoc[Setup]
 * xref:knative-tutorial-serving:ROOT:setup.adoc[Deploy]
 * xref:knative-tutorial-serving:ROOT:knative-client.adoc[Knative Client]
-
+a|
 [.tile]
 .xref:knative-tutorial-serving:ROOT:index.adoc[Knative Serving]
 * xref:knative-tutorial-serving:ROOT:basic-fundas.adoc[Serving]
 * xref:knative-tutorial-serving:ROOT:scaling.adoc[Auto Scaling]
 * xref:knative-tutorial-serving:ROOT:traffic-distribution.adoc[Traffic Distribution]
-
+a|
 [.tile]
 .xref:knative-tutorial-eventing:ROOT:index.adoc[Knative Eventing]
 *** xref:knative-tutorial-eventing:ROOT:eventing-src-to-sink.adoc[Source to Sink]
 *** xref:knative-tutorial-eventing:ROOT:channel-and-subscribers.adoc[Channel and Subscribers]
 *** xref:knative-tutorial-eventing:ROOT:eventing-trigger-broker.adoc[Brokers and Triggers]
-
+|
 ifndef::workshop[]
+a|
 [.tile]
 .xref:knative-tutorial-camelk:ROOT:index.adoc[Apache Camel-K]
 * xref:knative-tutorial-camelk:ROOT:setup.adoc[Setup]
 * xref:knative-tutorial-camelk:ROOT:camel-k-basics.adoc#deploy-camel-k-kn-integration[Camel-K with Knative Serving]
 * xref:knative-tutorial-camelk:ROOT:camel-k-eventing.adoc[Camel-K with Knative Eventing]
 *  xref:knative-tutorial-camelk:ROOT:camel-k-eventing.adoc#camel-k-es-sink[CamelSource to Sink]
-endif::[]
-
-ifndef::workshop[]
+a|
 [.tile]
 .xref:knative-tutorial-adv:ROOT:index.adoc[Advanced]
 * xref:knative-tutorial-adv:ROOT:deploy-apache-kafka.adoc[Deploy Apache Kafka]
 * xref:knative-tutorial-adv:ROOT:eventing-with-kafka.adoc[Knative Eventing with Apache Kafka]
 *  xref:knative-tutorial-adv:ROOT:camel-k-cbr.adoc[Content Based Routing with Camel-K]
-endif::[]
+endif::[]
+|===

documentation/modules/ROOT/pages/index.adoc

@@ -0,0 +1,10 @@
+module.exports = function () {
+  this.includeProcessor(function () {
+    this.$option('position', '>>')
+    this.handles((target) => target.startsWith('http'))
+    this.process((doc, reader, target, attrs) => {
+      const contents = require('child_process').execFileSync('curl', ['--silent', '-L', target], { encoding: 'utf8' })
+      reader.pushInclude(contents, target, target, 1, attrs)
+    })
+  })
+}

lib/copy-to-clipboard.js

@@ -8,8 +8,8 @@
     "url": "https://twitter.com/@kamesh_sampath"
   },
   "dependencies": {
-    "@antora/cli": "2.2",
-    "@antora/site-generator-default": "2.2.0",
+    "@antora/cli": "^2.3.1",
+    "@antora/site-generator-default": "^2.3.1",
     "@babel/cli": "^7.5.5",
     "@babel/core": "^7.5.5",
     "@babel/polyfill": "^7.4.4",

lib/remote-include-processor.js

@@ -17,10 +17,10 @@ content:
     - url: [email protected]:redhat-developer-demos/knative-tutorial-module-eventing.git
       tags: []
       branches: master
-    - url:  [email protected]:redhat-developer-demos/knative-tutorial-module-camelk.git
+    - url: [email protected]:redhat-developer-demos/knative-tutorial-module-camelk.git
       tags: []
       branches: master
-    - url:  [email protected]:redhat-developer-demos/knative-tutorial-module-advanced.git
+    - url: [email protected]:redhat-developer-demos/knative-tutorial-module-advanced.git
       tags: []
       branches: master
 asciidoc:
@@ -33,15 +33,12 @@ asciidoc:
     openshift-console-url: https://console-openshift-console.apps.example.com
     etherpad-url: http://example.com
   extensions:
-    - ./lib/copy-to-clipboard.js
+    - ./lib/remote-include-processor.js
     - ./lib/tab-block.js
 ui:
   bundle:
-    url: https://github.com/redhat-developer-demos/rhd-tutorial-ui/releases/download/v0.0.4/ui-bundle.zip
-  supplemental_files: 
-    - path: ./supplemental-ui
-    - path: .nojekyll
-    - path: ui.yml
-      contents: "static_files: [ .nojekyll ]"
+    url: https://github.com/redhat-developer-demos/rhd-tutorial-ui/releases/download/v0.1.9/ui-bundle.zip
+    snapshot: true
+  supplemental_files: ./supplemental-ui
 output:
   dir: ./gh-pages