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 204fd03 Automatic Site Publish by Jenkins
204fd03 is described below
commit 204fd034e65673ab8d078f2dbf645466b1fec503
Author: jenkins <[email protected]>
AuthorDate: Wed Sep 12 00:54:28 2018 +0000
Automatic Site Publish by Jenkins
---
community.html | 112 +++++++++++++++------
css/main-v1.css | 2 +-
documentation.html | 156 +++++++++++++++++++----------
downloads.html | 123 ++++++++++++++++-------
events.html | 108 ++++++++++++++------
feed.xml | 2 +-
images/elements/circle-minus.png | Bin 0 -> 19863 bytes
images/elements/circle-plus.png | Bin 0 -> 19937 bytes
images/elements/expand-collapse-circle.psd | Bin 0 -> 26136 bytes
index.html | 108 ++++++++++++++------
slack.html | 108 ++++++++++++++------
11 files changed, 506 insertions(+), 213 deletions(-)
diff --git a/community.html b/community.html
index c781095..24d9847 100644
--- a/community.html
+++ b/community.html
@@ -27,47 +27,95 @@
<script type="text/javascript">
function applyCollapsible() {
+ addListenersToIndex();
+ addListenersToSections();
+}
+
+function addListenersToIndex()
+{
+ var coll = document.getElementsByClassName("index-menu-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;
- // 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)
+ // make room on left for image/icon
+ sibling.style.padding = "0px 0px 0px 20px";
+ }
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
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";
+ 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";
+ }
}
- // Set "click" event listener on all menuitems
- coll[i].addEventListener("click", function() {
- var sibling = this.nextElementSibling;
- // toggle 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 addListenersToSections()
+{
+ var coll = document.getElementsByClassName("section-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){
+ sibling.setAttribute('data-display', sibling.style.display);
+ if(coll[i].classList.contains("section-toggle-start-open")){
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ } else {
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ }
}
-}
-function openIndex() {
- console.log("openIndex")
- document.getElementById("index").style.display = "block";
-}
-function closeIndex() {
- console.log("closeIndex")
- document.getElementById("index").style.display = "none";
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
+ if(sibling!==null){
+ console.log("sibling.style.display: ["+sibling.style.display+"]");
+ if (sibling.style.display !== "none") {
+ console.log("collapsing");
+ sibling.style.display = "none";
+ this.style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ } else {
+ console.log("expanding");
+ sibling.style.display = "block";
+ this.style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ }
+ }
+
+ });
+ }
}
+/*
+ * Debug
+ */
+// function dumpCSSText(element){
+// var s = '';
+// var o = getComputedStyle(element);
+// for(var i = 0; i < o.length; i++){
+// s+= ">> " + o[i] + ':' + o.getPropertyValue(o[i])+';\n';
+// }
+// return s;
+// }
+
</script>
</head>
<!-- Once all page elements are included, register event hooks -->
@@ -124,8 +172,8 @@ function closeIndex() {
<li><a href="#community">Community</a></li>
<!-- Social Media -->
- <li class="collapsible-toggle"><a href="#social">Media</a></li>
- <ul class="collapse-content">
+ <li class="index-menu-toggle"><a href="#social">Media</a></li>
+ <ul class="index-menuitems">
<li><a href="#github">GitHub</a></li>
<li><a href="#slack">Slack</a></li>
<li><a href="#twitter">Twitter</a></li>
diff --git a/css/main-v1.css b/css/main-v1.css
index 6f0a2d6..0f6b6e5 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:24px}h6{font-size:14px;font-style:italic;line-height:24px
[...]
+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:24px}h6{font-size:14px;font-style:italic;line-height:24px
[...]
diff --git a/documentation.html b/documentation.html
index 3e691d4..2f77b2b 100644
--- a/documentation.html
+++ b/documentation.html
@@ -27,47 +27,95 @@
<script type="text/javascript">
function applyCollapsible() {
+ addListenersToIndex();
+ addListenersToSections();
+}
+
+function addListenersToIndex()
+{
+ var coll = document.getElementsByClassName("index-menu-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;
- // 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)
+ // make room on left for image/icon
+ sibling.style.padding = "0px 0px 0px 20px";
+ }
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
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";
+ 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";
+ }
}
- // Set "click" event listener on all menuitems
- coll[i].addEventListener("click", function() {
- var sibling = this.nextElementSibling;
- // toggle 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 addListenersToSections()
+{
+ var coll = document.getElementsByClassName("section-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){
+ sibling.setAttribute('data-display', sibling.style.display);
+ if(coll[i].classList.contains("section-toggle-start-open")){
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ } else {
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ }
}
-}
-function openIndex() {
- console.log("openIndex")
- document.getElementById("index").style.display = "block";
-}
-function closeIndex() {
- console.log("closeIndex")
- document.getElementById("index").style.display = "none";
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
+ if(sibling!==null){
+ console.log("sibling.style.display: ["+sibling.style.display+"]");
+ if (sibling.style.display !== "none") {
+ console.log("collapsing");
+ sibling.style.display = "none";
+ this.style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ } else {
+ console.log("expanding");
+ sibling.style.display = "block";
+ this.style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ }
+ }
+
+ });
+ }
}
+/*
+ * Debug
+ */
+// function dumpCSSText(element){
+// var s = '';
+// var o = getComputedStyle(element);
+// for(var i = 0; i < o.length; i++){
+// s+= ">> " + o[i] + ':' + o.getPropertyValue(o[i])+';\n';
+// }
+// return s;
+// }
+
</script>
</head>
<!-- Once all page elements are included, register event hooks -->
@@ -124,11 +172,11 @@ function closeIndex() {
<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="index-menu-toggle"><a
href="#operators">Operators</a></li>
+ <ul class="index-menuitems">
<li><a href="#openwhisk_architecture">OpenWhisk
Architecture</a></li>
- <li class="collapsible-toggle"><a
href="#openwhisk_deployment">OpenWhisk Deployment</a></li>
- <ul class="collapse-content">
+ <li class="index-menu-toggle"><a
href="#openwhisk_deployment">OpenWhisk Deployment</a></li>
+ <ul class="index-menuitems">
<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>
@@ -141,13 +189,13 @@ function closeIndex() {
</ul>
<!-- Developers -->
- <li class="collapsible-toggle"><a
href="#developers">Developers</a></li>
- <ul class="collapse-content">
+ <li class="index-menu-toggle"><a
href="#developers">Developers</a></li>
+ <ul class="index-menuitems">
<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 class="collapsible-toggle"><a
href="#wsk-cli">OpenWhisk CLI (wsk)</a></li>
- <ul class="collapse-content">
+ <li class="index-menu-toggle"><a href="#using-openwhisk">Using
OpenWhisk</a></li>
+ <ul class="index-menuitems">
+ <li class="index-menu-toggle"><a href="#wsk-cli">OpenWhisk
CLI (wsk)</a></li>
+ <ul class="index-menuitems">
<li><a href="#wsk-cli-install">Installing</a></li>
<li><a href="#wsk-cli-configure">Configuring</a></li>
</ul>
@@ -155,16 +203,16 @@ function closeIndex() {
<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 class="index-menu-toggle"><a
href="#actions">Actions</a></li>
+ <ul class="index-menuitems">
+ <li class="index-menu-toggle"><a
href="#nodejs">NodeJS</a></li>
+ <ul class="index-menuitems">
<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 class="index-menu-toggle"><a
href="#python">Python</a></li>
+ <ul class="index-menuitems">
<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>
@@ -175,26 +223,26 @@ function closeIndex() {
<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 class="index-menu-toggle"><a href="#go">Go</a></li>
+ <ul class="index-menuitems">
<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 class="index-menu-toggle"><a href="#java">Java</a></li>
+ <ul class="index-menuitems">
<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 class="index-menu-toggle"><a href="#php">PHP</a></li>
+ <ul class="index-menuitems">
<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 class="index-menu-toggle"><a
href="#swift">Swift</a></li>
+ <ul class="index-menuitems">
<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>
diff --git a/downloads.html b/downloads.html
index c32ff6f..ee702c8 100644
--- a/downloads.html
+++ b/downloads.html
@@ -27,47 +27,95 @@
<script type="text/javascript">
function applyCollapsible() {
+ addListenersToIndex();
+ addListenersToSections();
+}
+
+function addListenersToIndex()
+{
+ var coll = document.getElementsByClassName("index-menu-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;
- // 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)
+ // make room on left for image/icon
+ sibling.style.padding = "0px 0px 0px 20px";
+ }
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
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";
+ 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";
+ }
}
- // Set "click" event listener on all menuitems
- coll[i].addEventListener("click", function() {
- var sibling = this.nextElementSibling;
- // toggle 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 addListenersToSections()
+{
+ var coll = document.getElementsByClassName("section-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){
+ sibling.setAttribute('data-display', sibling.style.display);
+ if(coll[i].classList.contains("section-toggle-start-open")){
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ } else {
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ }
}
-}
-function openIndex() {
- console.log("openIndex")
- document.getElementById("index").style.display = "block";
-}
-function closeIndex() {
- console.log("closeIndex")
- document.getElementById("index").style.display = "none";
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
+ if(sibling!==null){
+ console.log("sibling.style.display: ["+sibling.style.display+"]");
+ if (sibling.style.display !== "none") {
+ console.log("collapsing");
+ sibling.style.display = "none";
+ this.style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ } else {
+ console.log("expanding");
+ sibling.style.display = "block";
+ this.style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ }
+ }
+
+ });
+ }
}
+/*
+ * Debug
+ */
+// function dumpCSSText(element){
+// var s = '';
+// var o = getComputedStyle(element);
+// for(var i = 0; i < o.length; i++){
+// s+= ">> " + o[i] + ':' + o.getPropertyValue(o[i])+';\n';
+// }
+// return s;
+// }
+
</script>
</head>
<!-- Once all page elements are included, register event hooks -->
@@ -126,8 +174,8 @@ 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 class="index-menu-toggle"><a href="#releases">Releases</a></li>
+ <ul class="index-menuitems">
<li><a href="#verifying">Verifying</a></li>
<li><a href="#keys">Keys</a></li>
<li><a href="#versions">Versions</a></li>
@@ -164,6 +212,8 @@ function closeIndex() {
<div class="content">
<a class="indexable" id="releases"></a>
<h3>Releases</h3>
+ <p>The Apache OpenWhisk project provides releases of source
code, by component groupings, as TAR compressed archives files denoted by the
<em>.tar.gz</em> extension.)
+ </p>
<a class="indexable" id="verifying"></a>
<h4>Verifying</h4>
<p>As an Apache project, all downloaded files are signed by a
project Release Manager and can be verified following these instructions:</p>
@@ -177,9 +227,11 @@ function closeIndex() {
<a class="indexable" id="versions"></a>
<h4>Versions</h4>
- <p>The following release versions are available:</p>
- <h5>0.9.x-incubating (2018-07-17)</h5>
- <div class="content">
+ <p>The following release versions are available.</p>
+ <p>Please click on the version name to see its downloadable
components:</p>
+ <h5 class="section-toggle section-toggle-start-open
">0.9.x-incubating (2018-07-17)</h5>
+ <div class="section-start-open">
+ <div class="content">
<div class="flow-columns">
<div class="project-structure-repo
theme-deeper-sea-green">
<h4>OpenWhisk</h4>
@@ -274,6 +326,7 @@ function closeIndex() {
</div>
</div>
</div>
+ </div>
</div>
</main>
diff --git a/events.html b/events.html
index 24ac9d3..0b758b3 100644
--- a/events.html
+++ b/events.html
@@ -27,47 +27,95 @@
<script type="text/javascript">
function applyCollapsible() {
+ addListenersToIndex();
+ addListenersToSections();
+}
+
+function addListenersToIndex()
+{
+ var coll = document.getElementsByClassName("index-menu-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;
- // 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)
+ // make room on left for image/icon
+ sibling.style.padding = "0px 0px 0px 20px";
+ }
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
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";
+ 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";
+ }
}
- // Set "click" event listener on all menuitems
- coll[i].addEventListener("click", function() {
- var sibling = this.nextElementSibling;
- // toggle 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 addListenersToSections()
+{
+ var coll = document.getElementsByClassName("section-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){
+ sibling.setAttribute('data-display', sibling.style.display);
+ if(coll[i].classList.contains("section-toggle-start-open")){
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ } else {
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ }
}
-}
-function openIndex() {
- console.log("openIndex")
- document.getElementById("index").style.display = "block";
-}
-function closeIndex() {
- console.log("closeIndex")
- document.getElementById("index").style.display = "none";
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
+ if(sibling!==null){
+ console.log("sibling.style.display: ["+sibling.style.display+"]");
+ if (sibling.style.display !== "none") {
+ console.log("collapsing");
+ sibling.style.display = "none";
+ this.style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ } else {
+ console.log("expanding");
+ sibling.style.display = "block";
+ this.style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ }
+ }
+
+ });
+ }
}
+/*
+ * Debug
+ */
+// function dumpCSSText(element){
+// var s = '';
+// var o = getComputedStyle(element);
+// for(var i = 0; i < o.length; i++){
+// s+= ">> " + o[i] + ':' + o.getPropertyValue(o[i])+';\n';
+// }
+// return s;
+// }
+
</script>
</head>
<!-- Once all page elements are included, register event hooks -->
diff --git a/feed.xml b/feed.xml
index fb3d933..798df8b 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-10T17:43:43+00:00</updated><id>/feed.xml</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 [...]
+<?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-12T00:54:24+00:00</updated><id>/feed.xml</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 [...]
</subtitle></feed>
\ No newline at end of file
diff --git a/images/elements/circle-minus.png b/images/elements/circle-minus.png
new file mode 100644
index 0000000..50ad590
Binary files /dev/null and b/images/elements/circle-minus.png differ
diff --git a/images/elements/circle-plus.png b/images/elements/circle-plus.png
new file mode 100644
index 0000000..e1e83dd
Binary files /dev/null and b/images/elements/circle-plus.png differ
diff --git a/images/elements/expand-collapse-circle.psd
b/images/elements/expand-collapse-circle.psd
new file mode 100644
index 0000000..7fd7667
Binary files /dev/null and b/images/elements/expand-collapse-circle.psd differ
diff --git a/index.html b/index.html
index 2e12fac..c152e5e 100644
--- a/index.html
+++ b/index.html
@@ -27,47 +27,95 @@
<script type="text/javascript">
function applyCollapsible() {
+ addListenersToIndex();
+ addListenersToSections();
+}
+
+function addListenersToIndex()
+{
+ var coll = document.getElementsByClassName("index-menu-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;
- // 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)
+ // make room on left for image/icon
+ sibling.style.padding = "0px 0px 0px 20px";
+ }
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
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";
+ 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";
+ }
}
- // Set "click" event listener on all menuitems
- coll[i].addEventListener("click", function() {
- var sibling = this.nextElementSibling;
- // toggle 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 addListenersToSections()
+{
+ var coll = document.getElementsByClassName("section-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){
+ sibling.setAttribute('data-display', sibling.style.display);
+ if(coll[i].classList.contains("section-toggle-start-open")){
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ } else {
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ }
}
-}
-function openIndex() {
- console.log("openIndex")
- document.getElementById("index").style.display = "block";
-}
-function closeIndex() {
- console.log("closeIndex")
- document.getElementById("index").style.display = "none";
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
+ if(sibling!==null){
+ console.log("sibling.style.display: ["+sibling.style.display+"]");
+ if (sibling.style.display !== "none") {
+ console.log("collapsing");
+ sibling.style.display = "none";
+ this.style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ } else {
+ console.log("expanding");
+ sibling.style.display = "block";
+ this.style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ }
+ }
+
+ });
+ }
}
+/*
+ * Debug
+ */
+// function dumpCSSText(element){
+// var s = '';
+// var o = getComputedStyle(element);
+// for(var i = 0; i < o.length; i++){
+// s+= ">> " + o[i] + ':' + o.getPropertyValue(o[i])+';\n';
+// }
+// return s;
+// }
+
</script>
</head>
<!-- Once all page elements are included, register event hooks -->
diff --git a/slack.html b/slack.html
index fa045cd..aa71d8a 100644
--- a/slack.html
+++ b/slack.html
@@ -27,47 +27,95 @@
<script type="text/javascript">
function applyCollapsible() {
+ addListenersToIndex();
+ addListenersToSections();
+}
+
+function addListenersToIndex()
+{
+ var coll = document.getElementsByClassName("index-menu-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;
- // 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)
+ // make room on left for image/icon
+ sibling.style.padding = "0px 0px 0px 20px";
+ }
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
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";
+ 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";
+ }
}
- // Set "click" event listener on all menuitems
- coll[i].addEventListener("click", function() {
- var sibling = this.nextElementSibling;
- // toggle 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 addListenersToSections()
+{
+ var coll = document.getElementsByClassName("section-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){
+ sibling.setAttribute('data-display', sibling.style.display);
+ if(coll[i].classList.contains("section-toggle-start-open")){
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ } else {
+ coll[i].style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ }
}
-}
-function openIndex() {
- console.log("openIndex")
- document.getElementById("index").style.display = "block";
-}
-function closeIndex() {
- console.log("closeIndex")
- document.getElementById("index").style.display = "none";
+ // Set "click" event listener on all menuitems
+ coll[i].addEventListener("click", function() {
+ var sibling = this.nextElementSibling;
+ // toggle menu open/close states
+ if(sibling!==null){
+ console.log("sibling.style.display: ["+sibling.style.display+"]");
+ if (sibling.style.display !== "none") {
+ console.log("collapsing");
+ sibling.style.display = "none";
+ this.style.backgroundImage =
"url('../images/elements/circle-plus.png')";
+ } else {
+ console.log("expanding");
+ sibling.style.display = "block";
+ this.style.backgroundImage =
"url('../images/elements/circle-minus.png')";
+ }
+ }
+
+ });
+ }
}
+/*
+ * Debug
+ */
+// function dumpCSSText(element){
+// var s = '';
+// var o = getComputedStyle(element);
+// for(var i = 0; i < o.length; i++){
+// s+= ">> " + o[i] + ':' + o.getPropertyValue(o[i])+';\n';
+// }
+// return s;
+// }
+
</script>
</head>
<!-- Once all page elements are included, register event hooks -->
