This is an automated email from the ASF dual-hosted git repository.

git-site-role pushed a commit to branch asf-site
in repository 
https://gitbox.apache.org/repos/asf/incubator-openwhisk-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 705ccac  Automatic Site Publish by Jenkins
705ccac is described below

commit 705ccacd833fa0f139a2176ff3cf06a4ad36286d
Author: jenkins <[email protected]>
AuthorDate: Wed Sep 5 20:00:18 2018 +0000

    Automatic Site Publish by Jenkins
---
 community.html     |  85 ++++++++-----------
 css/main-v1.css    |   2 +-
 documentation.html | 236 ++++++++++++++++++++++++++---------------------------
 downloads.html     |  79 +++++++-----------
 events.html        |  63 +++++---------
 feed.xml           |   2 +-
 index.html         |  61 +++++---------
 slack.html         |  63 +++++---------
 8 files changed, 239 insertions(+), 352 deletions(-)

diff --git a/community.html b/community.html
index 9757314..711af3a 100644
--- a/community.html
+++ b/community.html
@@ -25,56 +25,33 @@
         <link rel="stylesheet" href="/css/main-v1.css">
         <!-- Load Index, Menu & collapsible support -->
         <script type="text/javascript">
-            
-function applyCollapsible() {
+            function applyCollapsible() {
+  var coll = document.getElementsByClassName("collapsible-toggle");
+  var i;
 
-    var coll = document.getElementsByClassName("collapsible-toggle");
-    var i;
-
-    // Apply exapandable (arrows) to all menuitems with a sibling
-    for (i = 0; i < coll.length; i++) {
-      var sibling = coll[i].nextElementSibling;
-
-      if(sibling!==null){
-          coll[i].style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-          // (top right bottom left)
-          sibling.style.padding = "0px 0px 0px 20px";
-      }
-
-      // Set "click" event listener on all menuitems
-      coll[i].addEventListener("click", function() {
-        var sibling = this.nextElementSibling;
-        // alternate menu open/close states
-        if(sibling!==null){
-          if (sibling.style.display === "block") {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-            sibling.style.display = "none";
-          } else {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-down-12px.png')";
-            sibling.style.display = "block";
-          }
+  for (i = 0; i < coll.length; i++) {
+    // Set "click" event listener on all menuitems
+    coll[i].querySelector("a").addEventListener("click", function() {
+      var parent = this.parentElement;
+      var sibling = this.nextElementSibling;
+      // alternate menu open/close states
+      if (sibling !== null) {
+        if (parent.classList.contains("collapsible-toggle-toggled")) {
+          parent.classList.remove("collapsible-toggle-toggled");
+        } else {
+          parent.classList.add("collapsible-toggle-toggled");
         }
-      });
-    }
+      }
+    });
+  }
 }
 
-// If sizing of arrows becomes an issue, we can use background approach instead
-// li
-// {
-//     background: url(../images/arrow_icon.gif) no-repeat 4px 4px transparent;
-//     background-image: url("x.png");
-//     list-style-type: none;
-//     margin: 0;
-//     padding: 2px;
-//     vertical-align: middle;
-// }
-
 function openIndex() {
-          console.log("openIndex")
+  console.log("openIndex");
   document.getElementById("index").style.display = "block";
 }
 function closeIndex() {
-            console.log("closeIndex")
+  console.log("closeIndex");
   document.getElementById("index").style.display = "none";
 }
 
@@ -126,23 +103,25 @@ function closeIndex() {
 # license agreements; and to You under the Apache License, Version 2.0.
 -->
 
-<div id="whiskIndexedLayout">
+<div class="whiskIndexedLayout">
 
   <!-- Community Index -->
-  <div id="whiskIndex">
+  <div class="whiskIndex">
     <ul>
       <li><a href="#community">Community</a></li>
 
       <!-- Social Media -->
-      <li class="collapsible-toggle"><a href="#social">Media</a></li>
-      <ul class="collapse-content">
-        <li><a href="#github">GitHub</a></li>
-        <li><a href="#slack">Slack</a></li>
-        <li><a href="#twitter">Twitter</a></li>
-        <li><a href="#youtube">YouTube</a></li>
-        <li><a href="#stackoverflow">Stack Overflow</a></li>
-        <li><a href="#slideshare">Slideshare</a></li>
-      </ul>
+      <li class="collapsible-toggle">
+          <a href="#social">Media</a>
+          <ul class="collapse-content">
+            <li><a href="#github">GitHub</a></li>
+            <li><a href="#slack">Slack</a></li>
+            <li><a href="#twitter">Twitter</a></li>
+            <li><a href="#youtube">YouTube</a></li>
+            <li><a href="#stackoverflow">Stack Overflow</a></li>
+            <li><a href="#slideshare">Slideshare</a></li>
+          </ul>
+      </li>
 
       <!-- Mailing lists -->
       <li><a href="#mailing-lists">Mailing Lists</a></li>
diff --git a/css/main-v1.css b/css/main-v1.css
index 2c6ea04..d42124e 100644
--- a/css/main-v1.css
+++ b/css/main-v1.css
@@ -1 +1 @@
-html,body{margin:0;padding:0}input,button{outline:none}button{cursor:pointer}a{text-decoration:none}.clear{display:block;clear:both}*{box-sizing:border-box;background:none;border:0}body{font-family:"Roboto",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0}h1{font-size:32px;line-height:normal}h2{font-size:28px;line-height:normal}h3{font-size:24px;line-height:32px}h4{font-size:20px;line-height:28px}h5{font-size:16px;line-height:28px}h6{font-size:14px;line-height:24px}p,ul,ol,li{font-s
 [...]
+html,body{margin:0;padding:0}input,button{outline:none}button{cursor:pointer}a{text-decoration:none}.clear{display:block;clear:both}*{box-sizing:border-box;background:none;border:0}body{font-family:"Roboto",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0}h1{font-size:32px;line-height:normal}h2{font-size:28px;line-height:normal}h3{font-size:24px;line-height:32px}h4{font-size:20px;line-height:28px}h5{font-size:16px;line-height:28px}h6{font-size:14px;line-height:24px}p,ul,ol,li{font-s
 [...]
diff --git a/documentation.html b/documentation.html
index 523c6f1..8d11b55 100644
--- a/documentation.html
+++ b/documentation.html
@@ -25,56 +25,33 @@
         <link rel="stylesheet" href="/css/main-v1.css">
         <!-- Load Index, Menu & collapsible support -->
         <script type="text/javascript">
-            
-function applyCollapsible() {
-
-    var coll = document.getElementsByClassName("collapsible-toggle");
-    var i;
-
-    // Apply exapandable (arrows) to all menuitems with a sibling
-    for (i = 0; i < coll.length; i++) {
-      var sibling = coll[i].nextElementSibling;
-
-      if(sibling!==null){
-          coll[i].style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-          // (top right bottom left)
-          sibling.style.padding = "0px 0px 0px 20px";
-      }
-
-      // Set "click" event listener on all menuitems
-      coll[i].addEventListener("click", function() {
-        var sibling = this.nextElementSibling;
-        // alternate menu open/close states
-        if(sibling!==null){
-          if (sibling.style.display === "block") {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-            sibling.style.display = "none";
-          } else {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-down-12px.png')";
-            sibling.style.display = "block";
-          }
+            function applyCollapsible() {
+  var coll = document.getElementsByClassName("collapsible-toggle");
+  var i;
+
+  for (i = 0; i < coll.length; i++) {
+    // Set "click" event listener on all menuitems
+    coll[i].querySelector("a").addEventListener("click", function() {
+      var parent = this.parentElement;
+      var sibling = this.nextElementSibling;
+      // alternate menu open/close states
+      if (sibling !== null) {
+        if (parent.classList.contains("collapsible-toggle-toggled")) {
+          parent.classList.remove("collapsible-toggle-toggled");
+        } else {
+          parent.classList.add("collapsible-toggle-toggled");
         }
-      });
-    }
+      }
+    });
+  }
 }
 
-// If sizing of arrows becomes an issue, we can use background approach instead
-// li
-// {
-//     background: url(../images/arrow_icon.gif) no-repeat 4px 4px transparent;
-//     background-image: url("x.png");
-//     list-style-type: none;
-//     margin: 0;
-//     padding: 2px;
-//     vertical-align: middle;
-// }
-
 function openIndex() {
-          console.log("openIndex")
+  console.log("openIndex");
   document.getElementById("index").style.display = "block";
 }
 function closeIndex() {
-            console.log("closeIndex")
+  console.log("closeIndex");
   document.getElementById("index").style.display = "none";
 }
 
@@ -126,94 +103,115 @@ function closeIndex() {
 # license agreements; and to You under the Apache License, Version 2.0.
 -->
 
-<div id="whiskIndexedLayout">
+<div class="whiskIndexedLayout">
     <!-- Documentation Index -->
-    <div id="whiskIndex">
+    <div class="whiskIndex">
         <ul>
             <li><a href="#documentation">Documentation</a></li>
             <li><a href="#project-structure">Project Structure</a></li>
 
             <!-- Operators -->
-            <li class="collapsible-toggle"><a 
href="#operators">Operators</a></li>
-            <ul class="collapse-content">
-                <li class="collapsible-toggle"><a 
href="#openwhisk_deployment">OpenWhisk Deployment</a></li>
+            <li class="collapsible-toggle">
+                <a href="#operators">Operators</a>
                 <ul class="collapse-content">
-                    <li><a href="#deploy_docker_compose">Docker 
Compose</a></li>
-                    <li><a href="#deploy_kubernetes">Kubernetes</a></li>
-                    <li><a href="#deploy_mesos">Mesos</a></li>
-                    <li><a href="#deploy_openshift">OpenShift</a></li>
-                    <li><a href="#deploy_ansible">Ansible</a></li>
-                    <li><a href="#deploy_vagrant">Vagrant</a></li>
+                    <li class="collapsible-toggle"><a 
href="#openwhisk_deployment">OpenWhisk Deployment</a>
+                        <ul class="collapse-content">
+                            <li><a href="#deploy_docker_compose">Docker 
Compose</a></li>
+                            <li><a 
href="#deploy_kubernetes">Kubernetes</a></li>
+                            <li><a href="#deploy_mesos">Mesos</a></li>
+                            <li><a href="#deploy_openshift">OpenShift</a></li>
+                            <li><a href="#deploy_ansible">Ansible</a></li>
+                            <li><a href="#deploy_vagrant">Vagrant</a></li>
+                        </ul>
+                    </li>
+                    <li><a href="#deployment_admin">Administrative 
Operations</a></li>
+                    <li><a href="#operators_resources">Operators 
Resources</a></li>
                 </ul>
-                <li><a href="#deployment_admin">Administrative 
Operations</a></li>
-                <li><a href="#operators_resources">Operators Resources</a></li>
-            </ul>
+            </li>
 
             <!-- Developers -->
-            <li class="collapsible-toggle"><a 
href="#developers">Developers</a></li>
-            <ul class="collapse-content">
-                <li><a href="#pre-requisites">Pre-requisites</a></li>
-                <li class="collapsible-toggle"><a 
href="#using-openwhisk">Using OpenWhisk</a></li>
+            <li class="collapsible-toggle">
+                <a href="#developers">Developers</a>
                 <ul class="collapse-content">
-                    <li><a href="#wsk-cli-install">Installing wsk CLI</a></li>
-                    <li><a href="#wsk-cli">Configuring wsk CLI</a></li>
-                    <li><a href="#wskdeploy">Deployment Tool - 
wskdeploy</a></li>
-                    <li><a href="#rest-api">OpenWhisk REST API</a></li>
-                    <li><a href="#openwhisk-clients">OpenWhisk Clients</a></li>
-                </ul>
-                <li class="collapsible-toggle"><a 
href="#actions">Actions</a></li>
-                <ul class="collapse-content">
-                    <li class="collapsible-toggle"><a 
href="#nodejs">NodeJS</a></li>
-                    <ul class="collapse-content">
-                        <li><a href="#nodejs-actions">Creating and Invoking 
Sample Action</a></li>
-                        <li><a href="#nodejs-runtime">NodeJS Runtime</a></li>
-                        <li><a href="#nodejs-additional-resources">Additional 
Resources</a></li>
-                    </ul>
-                    <li class="collapsible-toggle"><a 
href="#python">Python</a></li>
-                    <ul class="collapse-content">
-                        <li><a href="#python-actions">Creating and Invoking 
Sample Action</a></li>
-                        <li><a href="#python-runtime">Python Runtime</a></li>
-                        <li><a href="#python-additional-resources">Additional 
Resources</a></li>
-                    </ul>
-                    <!--li><a href="#docker">Docker</a></li>
-                    <ul>
-                        <li>Zip Action</li>
-                        <li>SDK (Writing Your Own Runtime)</li>
-                        <li>Other Resources</li>
-                    </ul-->
-                    <li class="collapsible-toggle"><a href="#go">Go</a></li>
-                    <ul class="collapse-content">
-                        <li><a href="#go-actions">Creating and Invoking 
Action</a></li>
-                        <li><a href="#go-runtime">Go Runtime</a></li>
-                        <li><a href="#go-additional-resources">Additional 
Resources</a></li>
-                    </ul>
-                    <li class="collapsible-toggle"><a 
href="#java">Java</a></li>
-                    <ul class="collapse-content">
-                        <li><a href="#java-actions">Creating and Invoking 
Action</a></li>
-                        <li><a href="#java-runtime">Java Runtime</a></li>
-                        <li><a href="#java-additional-resources">Additional 
Resources</a></li>
-                    </ul>
-                    <li class="collapsible-toggle"><a href="#php">PHP</a></li>
-                    <ul class="collapse-content">
-                        <li><a href="#php-actions">Creating and Invoking 
Action</a></li>
-                        <li><a href="#php-runtime">PHP Runtime</a></li>
-                        <li><a href="#php-additional-resources">Additional 
Resources</a></li>
-                    </ul>
-                    <!--li class="collapsible-toggle"><a 
href="#swift">Swift</a></li>
-                    <ul class="collapse-content">
-                        <li><a href="#swift-actions">Creating and Invoking 
Action</a></li>
-                        <li><a href="#swift-runtime">Swift Runtime</a></li>
-                        <li><a href="#swift-additional-resources">Additional 
Resources</a></li>
-                    </ul-->
+                    <li><a href="#pre-requisites">Pre-requisites</a></li>
+                    <li class="collapsible-toggle">
+                        <a href="#using-openwhisk">Using OpenWhisk</a>
+                        <ul class="collapse-content">
+                            <li><a href="#wsk-cli-install">Installing wsk 
CLI</a></li>
+                            <li><a href="#wsk-cli">Configuring wsk CLI</a></li>
+                            <li><a href="#wskdeploy">Deployment Tool - 
wskdeploy</a></li>
+                            <li><a href="#rest-api">OpenWhisk REST API</a></li>
+                            <li><a href="#openwhisk-clients">OpenWhisk 
Clients</a></li>
+                        </ul>
+                    </li>
+                    <li class="collapsible-toggle">
+                        <a href="#actions">Actions</a>
+                        <ul class="collapse-content">
+                            <li class="collapsible-toggle">
+                                <a href="#nodejs">NodeJS</a>
+                                <ul class="collapse-content">
+                                    <li><a href="#nodejs-actions">Creating and 
Invoking Sample Action</a></li>
+                                    <li><a href="#nodejs-runtime">NodeJS 
Runtime</a></li>
+                                    <li><a 
href="#nodejs-additional-resources">Additional Resources</a></li>
+                                </ul>
+                            </li>
+                            <li class="collapsible-toggle">
+                                <a href="#python">Python</a>
+                                <ul class="collapse-content">
+                                    <li><a href="#python-actions">Creating and 
Invoking Sample Action</a></li>
+                                    <li><a href="#python-runtime">Python 
Runtime</a></li>
+                                    <li><a 
href="#python-additional-resources">Additional Resources</a></li>
+                                </ul>
+                            </li>
+                            <!--li><a href="#docker">Docker</a>
+                            <ul>
+                                <li>Zip Action</li>
+                                <li>SDK (Writing Your Own Runtime)</li>
+                                <li>Other Resources</li>
+                            </ul></li>-->
+                            <li class="collapsible-toggle">
+                                <a href="#go">Go</a>
+                                <ul class="collapse-content">
+                                    <li><a href="#go-actions">Creating and 
Invoking Action</a></li>
+                                    <li><a href="#go-runtime">Go 
Runtime</a></li>
+                                    <li><a 
href="#go-additional-resources">Additional Resources</a></li>
+                                </ul>
+                            </li>
+                            <li class="collapsible-toggle">
+                                <a href="#java">Java</a>
+                                <ul class="collapse-content">
+                                    <li><a href="#java-actions">Creating and 
Invoking Action</a></li>
+                                    <li><a href="#java-runtime">Java 
Runtime</a></li>
+                                    <li><a 
href="#java-additional-resources">Additional Resources</a></li>
+                                </ul>
+                            </li>
+                            <li class="collapsible-toggle">
+                                <a href="#php">PHP</a>
+                                <ul class="collapse-content">
+                                    <li><a href="#php-actions">Creating and 
Invoking Action</a></li>
+                                    <li><a href="#php-runtime">PHP 
Runtime</a></li>
+                                    <li><a 
href="#php-additional-resources">Additional Resources</a></li>
+                                </ul>
+                            </li>
+                            <!--li class="collapsible-toggle">
+                              <a href="#swift">Swift</a>
+                                <ul class="collapse-content">
+                                    <li><a href="#swift-actions">Creating and 
Invoking Action</a></li>
+                                    <li><a href="#swift-runtime">Swift 
Runtime</a></li>
+                                    <li><a 
href="#swift-additional-resources">Additional Resources</a></li>
+                                </ul>
+                            </li>-->
+                        </ul>
+                    </li>
+                    <li><a 
href="#managing_actions_with_openwhisk_packages">Managing Actions with 
OpenWhisk Packages</a></li>
+                    <li><a 
href="#connecting_actions_to_event_sources">Connecting Actions to Event 
Sources</a></li>
+                    <li><a href="#using_openwhisk_enabled_services">Using 
OpenWhisk Enabled Services</a></li>
+                    <!--li><a href="#exposing_apis_from_actions">Exposing APIs 
from Actions</a></li-->
+                    <li><a href="#sample_openwhisk_applications">Sample 
OpenWhisk Applications</a></li>
+                    <li><a href="#tutorial_and_workshop">Tutorial And 
Workshop</a></li>
+                    <li><a href="#development_tools">Development Tools</a></li>
                 </ul>
-                <li><a 
href="#managing_actions_with_openwhisk_packages">Managing Actions with 
OpenWhisk Packages</a></li>
-                <li><a href="#connecting_actions_to_event_sources">Connecting 
Actions to Event Sources</a></li>
-                <li><a href="#using_openwhisk_enabled_services">Using 
OpenWhisk Enabled Services</a></li>
-                <!--li><a href="#exposing_apis_from_actions">Exposing APIs 
from Actions</a></li-->
-                <li><a href="#sample_openwhisk_applications">Sample OpenWhisk 
Applications</a></li>
-                <li><a href="#tutorial_and_workshop">Tutorial And 
Workshop</a></li>
-                <li><a href="#development_tools">Development Tools</a></li>
-            </ul>
+            </li>
 
             <!-- Contributors -->
             <li><a href="#contributors">Contributors</a></li>
diff --git a/downloads.html b/downloads.html
index 7858158..5e38109 100644
--- a/downloads.html
+++ b/downloads.html
@@ -25,56 +25,33 @@
         <link rel="stylesheet" href="/css/main-v1.css">
         <!-- Load Index, Menu & collapsible support -->
         <script type="text/javascript">
-            
-function applyCollapsible() {
+            function applyCollapsible() {
+  var coll = document.getElementsByClassName("collapsible-toggle");
+  var i;
 
-    var coll = document.getElementsByClassName("collapsible-toggle");
-    var i;
-
-    // Apply exapandable (arrows) to all menuitems with a sibling
-    for (i = 0; i < coll.length; i++) {
-      var sibling = coll[i].nextElementSibling;
-
-      if(sibling!==null){
-          coll[i].style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-          // (top right bottom left)
-          sibling.style.padding = "0px 0px 0px 20px";
-      }
-
-      // Set "click" event listener on all menuitems
-      coll[i].addEventListener("click", function() {
-        var sibling = this.nextElementSibling;
-        // alternate menu open/close states
-        if(sibling!==null){
-          if (sibling.style.display === "block") {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-            sibling.style.display = "none";
-          } else {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-down-12px.png')";
-            sibling.style.display = "block";
-          }
+  for (i = 0; i < coll.length; i++) {
+    // Set "click" event listener on all menuitems
+    coll[i].querySelector("a").addEventListener("click", function() {
+      var parent = this.parentElement;
+      var sibling = this.nextElementSibling;
+      // alternate menu open/close states
+      if (sibling !== null) {
+        if (parent.classList.contains("collapsible-toggle-toggled")) {
+          parent.classList.remove("collapsible-toggle-toggled");
+        } else {
+          parent.classList.add("collapsible-toggle-toggled");
         }
-      });
-    }
+      }
+    });
+  }
 }
 
-// If sizing of arrows becomes an issue, we can use background approach instead
-// li
-// {
-//     background: url(../images/arrow_icon.gif) no-repeat 4px 4px transparent;
-//     background-image: url("x.png");
-//     list-style-type: none;
-//     margin: 0;
-//     padding: 2px;
-//     vertical-align: middle;
-// }
-
 function openIndex() {
-          console.log("openIndex")
+  console.log("openIndex");
   document.getElementById("index").style.display = "block";
 }
 function closeIndex() {
-            console.log("closeIndex")
+  console.log("closeIndex");
   document.getElementById("index").style.display = "none";
 }
 
@@ -125,10 +102,10 @@ function closeIndex() {
 # Licensed to the Apache Software Foundation (ASF) under one or more 
contributor
 # license agreements; and to You under the Apache License, Version 2.0.
 -->
-<div id="whiskIndexedLayout">
+<div class="whiskIndexedLayout">
 
     <!-- Community Index -->
-    <div id="whiskIndex">
+    <div class="whiskIndex">
         <ul>
             <li><a href="#downloads">Downloads</a></li>
 
@@ -136,12 +113,14 @@ function closeIndex() {
             <li><a href="#versioning">Versioning</a></li>
 
             <!-- Downloads -->
-            <li class="collapsible-toggle"><a 
href="#releases">Releases</a></li>
-            <ul class="collapse-content">
-                <li><a href="#verifying">Verifying</a></li>
-                <li><a href="#keys">Keys</a></li>
-                <li><a href="#versions">Versions</a></li>
-            </ul>
+            <li class="collapsible-toggle">
+                <a href="#releases">Releases</a>
+                <ul class="collapse-content">
+                    <li><a href="#verifying">Verifying</a></li>
+                    <li><a href="#keys">Keys</a></li>
+                    <li><a href="#versions">Versions</a></li>
+                </ul>
+            </li>
         </ul>
     </div>
 
diff --git a/events.html b/events.html
index 6267332..3168696 100644
--- a/events.html
+++ b/events.html
@@ -25,56 +25,33 @@
         <link rel="stylesheet" href="/css/main-v1.css">
         <!-- Load Index, Menu & collapsible support -->
         <script type="text/javascript">
-            
-function applyCollapsible() {
-
-    var coll = document.getElementsByClassName("collapsible-toggle");
-    var i;
-
-    // Apply exapandable (arrows) to all menuitems with a sibling
-    for (i = 0; i < coll.length; i++) {
-      var sibling = coll[i].nextElementSibling;
-
-      if(sibling!==null){
-          coll[i].style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-          // (top right bottom left)
-          sibling.style.padding = "0px 0px 0px 20px";
-      }
-
-      // Set "click" event listener on all menuitems
-      coll[i].addEventListener("click", function() {
-        var sibling = this.nextElementSibling;
-        // alternate menu open/close states
-        if(sibling!==null){
-          if (sibling.style.display === "block") {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-            sibling.style.display = "none";
-          } else {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-down-12px.png')";
-            sibling.style.display = "block";
-          }
+            function applyCollapsible() {
+  var coll = document.getElementsByClassName("collapsible-toggle");
+  var i;
+
+  for (i = 0; i < coll.length; i++) {
+    // Set "click" event listener on all menuitems
+    coll[i].querySelector("a").addEventListener("click", function() {
+      var parent = this.parentElement;
+      var sibling = this.nextElementSibling;
+      // alternate menu open/close states
+      if (sibling !== null) {
+        if (parent.classList.contains("collapsible-toggle-toggled")) {
+          parent.classList.remove("collapsible-toggle-toggled");
+        } else {
+          parent.classList.add("collapsible-toggle-toggled");
         }
-      });
-    }
+      }
+    });
+  }
 }
 
-// If sizing of arrows becomes an issue, we can use background approach instead
-// li
-// {
-//     background: url(../images/arrow_icon.gif) no-repeat 4px 4px transparent;
-//     background-image: url("x.png");
-//     list-style-type: none;
-//     margin: 0;
-//     padding: 2px;
-//     vertical-align: middle;
-// }
-
 function openIndex() {
-          console.log("openIndex")
+  console.log("openIndex");
   document.getElementById("index").style.display = "block";
 }
 function closeIndex() {
-            console.log("closeIndex")
+  console.log("closeIndex");
   document.getElementById("index").style.display = "none";
 }
 
diff --git a/feed.xml b/feed.xml
index 02753d4..e57a8d8 100644
--- a/feed.xml
+++ b/feed.xml
@@ -1,2 +1,2 @@
-<?xml version="1.0" encoding="utf-8"?><feed 
xmlns="http://www.w3.org/2005/Atom"; ><generator uri="https://jekyllrb.com/"; 
version="3.3.0">Jekyll</generator><link href="/feed.xml" rel="self" 
type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" 
/><updated>2018-09-04T19:58:48+00:00</updated><id>/</id><title 
type="html">Apache OpenWhisk is a serverless, open source cloud 
platform</title><subtitle>An open source platform for serverless, event-driven 
code at any scale. W [...]
+<?xml version="1.0" encoding="utf-8"?><feed 
xmlns="http://www.w3.org/2005/Atom"; ><generator uri="https://jekyllrb.com/"; 
version="3.3.0">Jekyll</generator><link href="/feed.xml" rel="self" 
type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" 
/><updated>2018-09-05T20:00:13+00:00</updated><id>/</id><title 
type="html">Apache OpenWhisk is a serverless, open source cloud 
platform</title><subtitle>An open source platform for serverless, event-driven 
code at any scale. W [...]
 </subtitle></feed>
\ No newline at end of file
diff --git a/index.html b/index.html
index cb00dd3..f3ddc83 100644
--- a/index.html
+++ b/index.html
@@ -25,56 +25,33 @@
         <link rel="stylesheet" href="/css/main-v1.css">
         <!-- Load Index, Menu & collapsible support -->
         <script type="text/javascript">
-            
-function applyCollapsible() {
+            function applyCollapsible() {
+  var coll = document.getElementsByClassName("collapsible-toggle");
+  var i;
 
-    var coll = document.getElementsByClassName("collapsible-toggle");
-    var i;
-
-    // Apply exapandable (arrows) to all menuitems with a sibling
-    for (i = 0; i < coll.length; i++) {
-      var sibling = coll[i].nextElementSibling;
-
-      if(sibling!==null){
-          coll[i].style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-          // (top right bottom left)
-          sibling.style.padding = "0px 0px 0px 20px";
-      }
-
-      // Set "click" event listener on all menuitems
-      coll[i].addEventListener("click", function() {
-        var sibling = this.nextElementSibling;
-        // alternate menu open/close states
-        if(sibling!==null){
-          if (sibling.style.display === "block") {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-            sibling.style.display = "none";
-          } else {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-down-12px.png')";
-            sibling.style.display = "block";
-          }
+  for (i = 0; i < coll.length; i++) {
+    // Set "click" event listener on all menuitems
+    coll[i].querySelector("a").addEventListener("click", function() {
+      var parent = this.parentElement;
+      var sibling = this.nextElementSibling;
+      // alternate menu open/close states
+      if (sibling !== null) {
+        if (parent.classList.contains("collapsible-toggle-toggled")) {
+          parent.classList.remove("collapsible-toggle-toggled");
+        } else {
+          parent.classList.add("collapsible-toggle-toggled");
         }
-      });
-    }
+      }
+    });
+  }
 }
 
-// If sizing of arrows becomes an issue, we can use background approach instead
-// li
-// {
-//     background: url(../images/arrow_icon.gif) no-repeat 4px 4px transparent;
-//     background-image: url("x.png");
-//     list-style-type: none;
-//     margin: 0;
-//     padding: 2px;
-//     vertical-align: middle;
-// }
-
 function openIndex() {
-          console.log("openIndex")
+  console.log("openIndex");
   document.getElementById("index").style.display = "block";
 }
 function closeIndex() {
-            console.log("closeIndex")
+  console.log("closeIndex");
   document.getElementById("index").style.display = "none";
 }
 
diff --git a/slack.html b/slack.html
index 9108645..8b31507 100644
--- a/slack.html
+++ b/slack.html
@@ -25,56 +25,33 @@
         <link rel="stylesheet" href="/css/main-v1.css">
         <!-- Load Index, Menu & collapsible support -->
         <script type="text/javascript">
-            
-function applyCollapsible() {
-
-    var coll = document.getElementsByClassName("collapsible-toggle");
-    var i;
-
-    // Apply exapandable (arrows) to all menuitems with a sibling
-    for (i = 0; i < coll.length; i++) {
-      var sibling = coll[i].nextElementSibling;
-
-      if(sibling!==null){
-          coll[i].style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-          // (top right bottom left)
-          sibling.style.padding = "0px 0px 0px 20px";
-      }
-
-      // Set "click" event listener on all menuitems
-      coll[i].addEventListener("click", function() {
-        var sibling = this.nextElementSibling;
-        // alternate menu open/close states
-        if(sibling!==null){
-          if (sibling.style.display === "block") {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-right-12px.png')";
-            sibling.style.display = "none";
-          } else {
-            this.style.listStyleImage = 
"url('../images/elements/arrow-down-12px.png')";
-            sibling.style.display = "block";
-          }
+            function applyCollapsible() {
+  var coll = document.getElementsByClassName("collapsible-toggle");
+  var i;
+
+  for (i = 0; i < coll.length; i++) {
+    // Set "click" event listener on all menuitems
+    coll[i].querySelector("a").addEventListener("click", function() {
+      var parent = this.parentElement;
+      var sibling = this.nextElementSibling;
+      // alternate menu open/close states
+      if (sibling !== null) {
+        if (parent.classList.contains("collapsible-toggle-toggled")) {
+          parent.classList.remove("collapsible-toggle-toggled");
+        } else {
+          parent.classList.add("collapsible-toggle-toggled");
         }
-      });
-    }
+      }
+    });
+  }
 }
 
-// If sizing of arrows becomes an issue, we can use background approach instead
-// li
-// {
-//     background: url(../images/arrow_icon.gif) no-repeat 4px 4px transparent;
-//     background-image: url("x.png");
-//     list-style-type: none;
-//     margin: 0;
-//     padding: 2px;
-//     vertical-align: middle;
-// }
-
 function openIndex() {
-          console.log("openIndex")
+  console.log("openIndex");
   document.getElementById("index").style.display = "block";
 }
 function closeIndex() {
-            console.log("closeIndex")
+  console.log("closeIndex");
   document.getElementById("index").style.display = "none";
 }
 

Reply via email to