This is an automated email from the ASF dual-hosted git repository. rabbah pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/openwhisk-website.git
The following commit(s) were added to refs/heads/master by this push: new 334ecf6 Moves supporters to a new panel on the right side of community page (#427) 334ecf6 is described below commit 334ecf6475785f6184b7a251cca7c9cb5296ac96 Author: Vibhuti Singh <vibhutisingh...@gmail.com> AuthorDate: Tue Mar 3 13:24:47 2020 +0000 Moves supporters to a new panel on the right side of community page (#427) Closes issue #420. Signed-off-by: Vibhuti Singh <vibhutisingh...@gmail.com> --- _layouts/community.html | 314 ++++++++++++++++++++++++------------------------ _scss/_base.scss | 52 +++++++- 2 files changed, 206 insertions(+), 160 deletions(-) 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 @@ layout: default # 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 @@ layout: default </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 @@ layout: default </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 @@ spacer { .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 @@ spacer { margin: auto; // allows centering in all layouts } } + #whiskSupporter{ + + } } /* @@ -236,14 +238,14 @@ spacer { .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 @@ a.indexable { } } } +#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%; + } +} +