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 f993be1 Automatic Site Publish by Jenkins
f993be1 is described below
commit f993be1996dbaf01731f0eb00096f88cbd73dc10
Author: jenkins <us...@infra.apache.org>
AuthorDate: Tue Aug 7 18:59:08 2018 +0000
Automatic Site Publish by Jenkins
---
community.html | 45 +++++++++++++++++++++++++---------
css/main.css | 2 +-
documentation.html | 42 ++++++++++++++++++++++++-------
downloads.html | 43 ++++++++++++++++++++++++--------
events.html | 26 ++++++++++++++++++--
feed.xml | 2 +-
images/apache-openwhisk-test.png | Bin 7693 -> 0 bytes
images/elements/arrow-down-12px.png | Bin 0 -> 17819 bytes
images/{ => elements}/arrow-down.svg | 0
images/elements/arrow-right-12px.png | Bin 0 -> 18574 bytes
images/{ => elements}/arrow-right.svg | 0
index.html | 26 ++++++++++++++++++--
slack.html | 26 ++++++++++++++++++--
13 files changed, 173 insertions(+), 39 deletions(-)
diff --git a/community.html b/community.html
index c2f9aa9..7d8548d 100644
--- a/community.html
+++ b/community.html
@@ -31,15 +31,26 @@ 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() {
- this.classList.toggle("active");
var sibling = this.nextElementSibling;
- console.log(sibling)
+ // 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";
}
}
@@ -47,6 +58,17 @@ function applyCollapsible() {
}
}
+// 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")
document.getElementById("index").style.display = "block";
@@ -138,16 +160,15 @@ function closeIndex() {
</div>
<section id="whiskNodes">
-
- <div class="content">
- <a class="indexable" id="community"></a>
- <h2>Community</h2>
- <!-- <h2 class="collapsible-toggle">Community</h2> -->
- <div class="collapsible-content">
- <p>The Apache OpenWhisk community attempts to engage its users and
developers in as many channels as we are able. Please find and subscribe to the
ones that are right for you!</p>
- </div>
- </div>
-
+ <main id="doc">
+ <div class="content">
+ <a class="indexable" id="community"></a>
+ <h2>Community</h2>
+ <div>
+ <p>The Apache OpenWhisk community attempts to engage its
users and developers in as many channels as we are able. Please find and
subscribe to the ones that are right for you!</p>
+ </div>
+ </div>
+ </main>
<main id="doc">
<div class="content">
<a class="indexable" id="social"></a>
diff --git a/css/main.css b/css/main.css
index 786d2e2..0274350 100644
--- a/css/main.css
+++ b/css/main.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;font-family:"Roboto",sans-serif;background:none;border:0}body{font-family:"Roboto",sans-serif}h1,h2,h3,h4,h5{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}p,ul,ol,li{font-size:14
[...]
+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;font-family:"Roboto",sans-serif;background:none;border:0}body{font-family:"Roboto",sans-serif}h1,h2,h3,h4,h5{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}p,ul,ol,li{font-size:14
[...]
diff --git a/documentation.html b/documentation.html
index 21b4eb6..5667c84 100644
--- a/documentation.html
+++ b/documentation.html
@@ -31,15 +31,26 @@ 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() {
- this.classList.toggle("active");
var sibling = this.nextElementSibling;
- console.log(sibling)
+ // 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";
}
}
@@ -47,6 +58,17 @@ function applyCollapsible() {
}
}
+// 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")
document.getElementById("index").style.display = "block";
@@ -201,14 +223,15 @@ function closeIndex() {
</div>
<section id="whiskNodes">
-
- <div class="content">
- <a class="indexable" id="documentation"></a>
- <h2>Documentation</h2>
- <div class="collapsible-content">
- <p>There are many resources for learning about OpenWhisk; this page
attempts to organize, describe, index and link to the essential information,
wherever it resides, to help users in getting started. In general, much of the
best information is in the actual project repositories and we encourage you to
seek detailed and in-depth information there.</p>
+ <main id="doc">
+ <div class="content">
+ <a class="indexable" id="documentation"></a>
+ <h2>Documentation</h2>
+ <div>
+ <p>There are many resources for learning about OpenWhisk; this
page attempts to organize, describe, index and link to the essential
information, wherever it resides, to help users in getting started. In
general, much of the best information is in the actual project repositories and
we encourage you to seek detailed and in-depth information there.</p>
+ </div>
</div>
- </div>
+ </main>
<main id="doc">
<div class="content">
@@ -238,6 +261,7 @@ function closeIndex() {
<div class="content">
<a class="indexable" id="openwhisk_deployment"></a>
<h3>OpenWhisk Deployment</h3>
+ </br>
<img width="400px"
src="https://raw.githubusercontent.com/apache/incubator-openwhisk/master/docs/images/OpenWhisk_flow_of_processing.png";
alt="OpenWhisk Architecture"/>
<p>
The above diagram depicts the high-level architecture of
OpenWhisk. From Nginx to Kafka to Docker,
diff --git a/downloads.html b/downloads.html
index e66b9b8..805e766 100644
--- a/downloads.html
+++ b/downloads.html
@@ -31,15 +31,26 @@ 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() {
- this.classList.toggle("active");
var sibling = this.nextElementSibling;
- console.log(sibling)
+ // 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";
}
}
@@ -47,6 +58,17 @@ function applyCollapsible() {
}
}
+// 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")
document.getElementById("index").style.display = "block";
@@ -124,14 +146,15 @@ function closeIndex() {
</div>
<section id="whiskNodes">
-
- <div class="content">
- <a class="indexable" id="downloads"></a>
- <h2>Downloads</h2>
- <div class="collapsible-content">
- <p>This page contains links to the official project source code
downloads by release.</p>
- </div>
- </div>
+ <main id="doc">
+ <div class="content">
+ <a class="indexable" id="downloads"></a>
+ <h2>Downloads</h2>
+ <div class="collapsible-content">
+ <p>This page contains links to the official project source
code downloads by release.</p>
+ </div>
+ </div>
+ </main>
<main id="doc">
<div class="content">
diff --git a/events.html b/events.html
index b0d68d5..2f40ebf 100644
--- a/events.html
+++ b/events.html
@@ -31,15 +31,26 @@ 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() {
- this.classList.toggle("active");
var sibling = this.nextElementSibling;
- console.log(sibling)
+ // 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";
}
}
@@ -47,6 +58,17 @@ function applyCollapsible() {
}
}
+// 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")
document.getElementById("index").style.display = "block";
diff --git a/feed.xml b/feed.xml
index 1a9be38..841687d 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-08-07T18:55:18+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-08-07T18:59:04+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/images/apache-openwhisk-test.png b/images/apache-openwhisk-test.png
deleted file mode 100644
index 121e546..0000000
Binary files a/images/apache-openwhisk-test.png and /dev/null differ
diff --git a/images/elements/arrow-down-12px.png
b/images/elements/arrow-down-12px.png
new file mode 100644
index 0000000..19e6d52
Binary files /dev/null and b/images/elements/arrow-down-12px.png differ
diff --git a/images/arrow-down.svg b/images/elements/arrow-down.svg
similarity index 100%
rename from images/arrow-down.svg
rename to images/elements/arrow-down.svg
diff --git a/images/elements/arrow-right-12px.png
b/images/elements/arrow-right-12px.png
new file mode 100644
index 0000000..b306778
Binary files /dev/null and b/images/elements/arrow-right-12px.png differ
diff --git a/images/arrow-right.svg b/images/elements/arrow-right.svg
similarity index 100%
rename from images/arrow-right.svg
rename to images/elements/arrow-right.svg
diff --git a/index.html b/index.html
index f5193af..59524bc 100644
--- a/index.html
+++ b/index.html
@@ -31,15 +31,26 @@ 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() {
- this.classList.toggle("active");
var sibling = this.nextElementSibling;
- console.log(sibling)
+ // 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";
}
}
@@ -47,6 +58,17 @@ function applyCollapsible() {
}
}
+// 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")
document.getElementById("index").style.display = "block";
diff --git a/slack.html b/slack.html
index 65a8e40..cf4eac7 100644
--- a/slack.html
+++ b/slack.html
@@ -31,15 +31,26 @@ 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() {
- this.classList.toggle("active");
var sibling = this.nextElementSibling;
- console.log(sibling)
+ // 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";
}
}
@@ -47,6 +58,17 @@ function applyCollapsible() {
}
}
+// 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")
document.getElementById("index").style.display = "block";
![https://raw.githubusercontent.com/apache/incubator-openwhisk/master/docs/images/OpenWhisk_flow_of_processing.png"](https://raw.githubusercontent.com/apache/incubator-openwhisk/master/docs/images/OpenWhisk_flow_of_processing.png"){kind=link}