openwhisk-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From git-site-r...@apache.org
Subject [incubator-openwhisk-website] branch asf-site updated: Automatic Site Publish by Jenkins
Date Wed, 05 Sep 2018 21:33:08 GMT
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 ca08004  Automatic Site Publish by Jenkins
ca08004 is described below

commit ca0800420d20a47622325ff6b5b7e091665b12f4
Author: jenkins <users@infra.apache.org>
AuthorDate: Wed Sep 5 21:33:05 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, 352 insertions(+), 239 deletions(-)

diff --git a/community.html b/community.html
index 711af3a..9757314 100644
--- a/community.html
+++ b/community.html
@@ -25,33 +25,56 @@
         <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;
+            
+function applyCollapsible() {
 
-  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");
-        }
+    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";
+          }
+        }
+      });
+    }
 }
 
+// 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";
 }
 
@@ -103,25 +126,23 @@ function closeIndex() {
 # license agreements; and to You under the Apache License, Version 2.0.
 -->
 
-<div class="whiskIndexedLayout">
+<div id="whiskIndexedLayout">
 
   <!-- Community Index -->
-  <div class="whiskIndex">
+  <div id="whiskIndex">
     <ul>
       <li><a href="#community">Community</a></li>
 
       <!-- Social Media -->
-      <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>
+      <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>
 
       <!-- Mailing lists -->
       <li><a href="#mailing-lists">Mailing Lists</a></li>
diff --git a/css/main-v1.css b/css/main-v1.css
index d42124e..2c6ea04 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 8d11b55..523c6f1 100644
--- a/documentation.html
+++ b/documentation.html
@@ -25,33 +25,56 @@
         <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;
-
-  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");
-        }
+            
+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";
+          }
+        }
+      });
+    }
 }
 
+// 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";
 }
 
@@ -103,115 +126,94 @@ function closeIndex() {
 # license agreements; and to You under the Apache License, Version 2.0.
 -->
 
-<div class="whiskIndexedLayout">
+<div id="whiskIndexedLayout">
     <!-- Documentation Index -->
-    <div class="whiskIndex">
+    <div id="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 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>
                 <ul class="collapse-content">
-                    <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>
+                    <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>
 
             <!-- Developers -->
-            <li class="collapsible-toggle">
-                <a href="#developers">Developers</a>
+            <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>
                 <ul class="collapse-content">
-                    <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>
+                    <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-->
                 </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>
 
             <!-- Contributors -->
             <li><a href="#contributors">Contributors</a></li>
diff --git a/downloads.html b/downloads.html
index 5e38109..7858158 100644
--- a/downloads.html
+++ b/downloads.html
@@ -25,33 +25,56 @@
         <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;
+            
+function applyCollapsible() {
 
-  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");
-        }
+    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";
+          }
+        }
+      });
+    }
 }
 
+// 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";
 }
 
@@ -102,10 +125,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 class="whiskIndexedLayout">
+<div id="whiskIndexedLayout">
 
     <!-- Community Index -->
-    <div class="whiskIndex">
+    <div id="whiskIndex">
         <ul>
             <li><a href="#downloads">Downloads</a></li>
 
@@ -113,14 +136,12 @@ function closeIndex() {
             <li><a href="#versioning">Versioning</a></li>
 
             <!-- Downloads -->
-            <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>
+            <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>
         </ul>
     </div>
 
diff --git a/events.html b/events.html
index 3168696..6267332 100644
--- a/events.html
+++ b/events.html
@@ -25,33 +25,56 @@
         <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;
-
-  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");
-        }
+            
+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";
+          }
+        }
+      });
+    }
 }
 
+// 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 baee4c0..5fa28eb 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-05T20:26:16+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-05T21:33:01+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 f3ddc83..cb00dd3 100644
--- a/index.html
+++ b/index.html
@@ -25,33 +25,56 @@
         <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;
+            
+function applyCollapsible() {
 
-  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");
-        }
+    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";
+          }
+        }
+      });
+    }
 }
 
+// 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 8b31507..9108645 100644
--- a/slack.html
+++ b/slack.html
@@ -25,33 +25,56 @@
         <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;
-
-  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");
-        }
+            
+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";
+          }
+        }
+      });
+    }
 }
 
+// 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";
 }
 


Mime
View raw message