Moves supporters to a new panel on the right side of community page (#427)
Closes issue #420.
Signed-off-by: Vibhuti Singh <vibhutisingh037@gmail.com>
diff --git a/_layouts/community.html b/_layouts/community.html
index a556565..798f178 100644
--- a/_layouts/community.html
+++ b/_layouts/community.html
@@ -5,6 +5,162 @@
# 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 name="Community">
+
+ <div id="whiskSupporter">
+ <div class="doc">
+ <div class="content">
+ <a class="indexable" id="supporters"></a>
+ <h3>Supporters</h3>
+ <p>The following companies and organizations have acknowledged support of the Apache OpenWhisk project as contributors or users of the technology.</p>
+ <div class="flow-columns">
+ <div class="flow-item-container">
+ <a href="https://www.adobe.io/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/adobe.png"
+ alt="Adobe supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.abilisense.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/abilisense.png"
+ alt="Abilisense supports Apache Openwhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="http://advisorconnect.co/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/advisorconnect.png"
+ alt="Advisor Connect supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.altoros.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/altoros.png"
+ alt="Altoros supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="http://articoolo.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/articoolo.png"
+ alt="Articoolo supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="http://bigvu.tv/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/bigvu.png"
+ alt="BigVU supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.cloudstation.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/cloudstation.png"
+ alt="CloudStation supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://greenq.gq/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/greenq.png"
+ alt="GreenQ supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.ibm.com/cloud/functions" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/ibm-solid.png"
+ alt="IBM supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://jpl.nasa.gov" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/nasajpl.png"
+ alt="NASA JPL supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.mashape.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/kong.png"
+ alt="Kong supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.magentiq.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/magentiq.png"
+ alt="Magentiq Eye supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.naver.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/naver.png"
+ alt="Naver supports Apache OpenWhisk">
+ </a>
+ </div>
+ <!-- REMOVED: domain name is no longer hosted -->
+ <!-- <div class="flow-item-container">
+ <a href="http://www.nepente.io/en/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/nepente.png"
+ alt="Nepente supports Apache OpenWhisk">
+ </a>
+ </div> -->
+ <div class="flow-item-container">
+ <a href="https://www.neuroapplied.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/neuroapplied.png"
+ alt="NeuroApplied supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://nimbella.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/nimbella.png"
+ alt="Nimbella supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://qzcloud.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/qzcloud.png"
+ alt="QZCloud supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://www.redhat.com/en" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/redhat.png"
+ alt="RedHat supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="http://www.sitespirit.nl/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/sitespirit.png"
+ alt="SiteSpirit supports Apache OpenWhisk">
+ </a>
+ </div>
+ <div class="flow-item-container">
+ <a href="https://wso2.com/" target="_blank">
+ <img class="flow-item-image"
+ src="{{ site.github.url }}/images/supporter/wso2.png"
+ alt="WSO2 supports Apache OpenWhisk">
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+
<div id="whiskIndexedLayout">
@@ -38,9 +194,9 @@
</ul>
</div>
-
<section id="whiskNodes">
- <main class="doc">
+
+ <main class="doc">
<div class="content">
<a class="indexable" id="community"></a>
<h2>Community</h2>
@@ -143,161 +299,11 @@
</div>
</main>
- <main class="doc">
- <div class="content">
- <a class="indexable" id="supporters"></a>
- <h3>Supporters</h3>
- <p>The following companies and organizations have acknowledged support of the Apache OpenWhisk project as contributors or users of the technology.</p>
- <div class="flow-columns">
- <div class="flow-item-container">
- <a href="https://www.adobe.io/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/adobe.png"
- alt="Adobe supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.abilisense.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/abilisense.png"
- alt="Abilisense supports Apache Openwhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="http://advisorconnect.co/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/advisorconnect.png"
- alt="Advisor Connect supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.altoros.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/altoros.png"
- alt="Altoros supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="http://articoolo.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/articoolo.png"
- alt="Articoolo supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="http://bigvu.tv/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/bigvu.png"
- alt="BigVU supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.cloudstation.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/cloudstation.png"
- alt="CloudStation supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://greenq.gq/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/greenq.png"
- alt="GreenQ supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.ibm.com/cloud/functions" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/ibm-solid.png"
- alt="IBM supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://jpl.nasa.gov" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/nasajpl.png"
- alt="NASA JPL supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.mashape.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/kong.png"
- alt="Kong supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.magentiq.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/magentiq.png"
- alt="Magentiq Eye supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.naver.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/naver.png"
- alt="Naver supports Apache OpenWhisk">
- </a>
- </div>
- <!-- REMOVED: domain name is no longer hosted -->
- <!-- <div class="flow-item-container">
- <a href="http://www.nepente.io/en/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/nepente.png"
- alt="Nepente supports Apache OpenWhisk">
- </a>
- </div> -->
- <div class="flow-item-container">
- <a href="https://www.neuroapplied.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/neuroapplied.png"
- alt="NeuroApplied supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://nimbella.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/nimbella.png"
- alt="Nimbella supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://qzcloud.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/qzcloud.png"
- alt="QZCloud supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://www.redhat.com/en" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/redhat.png"
- alt="RedHat supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="http://www.sitespirit.nl/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/sitespirit.png"
- alt="SiteSpirit supports Apache OpenWhisk">
- </a>
- </div>
- <div class="flow-item-container">
- <a href="https://wso2.com/" target="_blank">
- <img class="flow-item-image"
- src="{{ site.github.url }}/images/supporter/wso2.png"
- alt="WSO2 supports Apache OpenWhisk">
- </a>
- </div>
- </div>
- </div>
- </main>
-
</section>
</div>
-<!-- contact us to let us know of events, blah
+</div>
+<!--
<p>The Apache Software Foundation does not endorse listed events. Get in touch with us to suggest event listings. See social media https://openwhisk.apache.org/social</p>
-->
diff --git a/_scss/_base.scss b/_scss/_base.scss
index 6d7d29e..9e26e8c 100644
--- a/_scss/_base.scss
+++ b/_scss/_base.scss
@@ -195,8 +195,7 @@
.content {
background: $color-bg-base-content;
// Provide for space around content's text
- padding: $whisk-nodes-main-content-padding-base;
-
+ padding: 20px;
// Provide a space between image and content when vertical
margin-top: 20px;
}
@@ -221,6 +220,9 @@
margin: auto; // allows centering in all layouts
}
}
+ #whiskSupporter{
+
+ }
}
/*
@@ -236,14 +238,14 @@
.flow-item-container {
background: $color-white;
- width: 260px;
- margin: 10px;
+ width: 100px;
+ margin: 5px;
}
.flow-item-image {
border-image-width: 0px;
- max-width: 240px;
- width: 240px;
+ max-width: 90px;
+ width: 90px;
}
/*
@@ -578,3 +580,41 @@
}
}
}
+#whiskSupporter {
+ background-color: $color-index-bg;
+ position: sticky !important; /* added to make toc scroll with page */
+ float: right !important; /* added to make toc scroll with page */
+ top: 0;
+ right: 0;
+ width: 300px;
+ padding: 20px;
+ margin-top: 80px;
+ margin-bottom: 40px;
+ margin-right: 2%;
+
+ .flow-columns {
+ background-color: $color-index-bg;
+ }
+ .flow-item-container {
+ padding: 10px;
+ margin: 5px;
+ }
+}
+@media screen and (max-width: 999px) {
+ #whiskSupporter {
+ margin-top: $header-single-row-height + 90px;
+ margin-right: 2%;
+ }
+}
+
+@media screen and (max-width: 919px) {
+ #whiskSupporter {
+ float: none;
+ position: relative;
+ margin-right: 5%;
+ margin-bottom: 0px;
+ margin-top: $header-single-row-height + 120px;
+ width: 90%;
+ }
+}
+
