This is an automated email from the ASF dual-hosted git repository. riemer pushed a commit to branch dev in repository https://gitbox.apache.org/repos/asf/incubator-streampipes-website.git
commit 7a0cc78a50ad52ddbb7298899723cbbd9f13f7ef Author: Dominik Riemer <rie...@fzi.de> AuthorDate: Thu May 21 14:00:44 2020 +0200 Fix some layout issues on website --- website/css/buttons.css | 6 ++++++ website/css/custom.css | 2 +- website/partials/_index-teaser.ejs | 26 ++++++++++++++++---------- 3 files changed, 23 insertions(+), 11 deletions(-) diff --git a/website/css/buttons.css b/website/css/buttons.css index 3444877..38e7580 100644 --- a/website/css/buttons.css +++ b/website/css/buttons.css @@ -39,6 +39,12 @@ padding: 1em 1.0em; } +.sp-button-medium { + font-size: 1.0em; + padding: 0.75em 0.75em; +} + + .sp-button.sp-button-blue:hover { background: rgb(59, 92, 149); -webkit-transition: all 0.75s ease; diff --git a/website/css/custom.css b/website/css/custom.css index a60d452..2dfa0bb 100644 --- a/website/css/custom.css +++ b/website/css/custom.css @@ -271,7 +271,7 @@ img { } .sp-button-margin { - margin-bottom:20px; + margin-bottom:10px; } .container-header { diff --git a/website/partials/_index-teaser.ejs b/website/partials/_index-teaser.ejs index 07c6fb1..08a1014 100644 --- a/website/partials/_index-teaser.ejs +++ b/website/partials/_index-teaser.ejs @@ -1,8 +1,12 @@ <section class="elements-area section-padding-50"> <div style="height:100px;"></div> <div class="container-header" style="background-image:url('/img/bg-img/bg-index.jpg');background-size:cover;"> - <div class="row" style="align-items:center;"> - <div class="col-12 col-lg-5"></div> + <div class="row" > + <div class="col-12 col-lg-5"> + <a href="https://www.apache.org/events/current-event.html"> + <img src="https://www.apache.org/events/current-event-125x125.png" style="position:absolute;bottom:50px;float:right;margin-left:20px;margin-right:-10px;margin-top:50px;"/> + </a> + </div> <div class="col-12 col-lg-7" style="display:flex;justify-content: center"> <div style="background:rgba(255, 255, 255, 0.95);margin-top:50px;margin-bottom:50px;padding:35px;border-radius:15px;display:inline-block;max-width:750px;"> <div class="row" style="margin-left:0px;margin-right:0px;"> @@ -12,7 +16,7 @@ <div class="apache-teaser">A self-service (Industrial) IoT toolbox to enable non-technical users to connect, analyze and explore IoT data streams.</div> </div> <div class="row" style="margin-left:0px;margin-right:0px;"> - <div class="feature-highlights-section"> + <div class="feature-highlights-section" style="margin-bottom:20px;"> <div class="feature-highlights"> <span class="feature-highlights-icon"> <i class="fas fa-tools"></i> @@ -39,22 +43,24 @@ </div> </div> <div class="row"> - <div class="d-flex col-12 justify-content-center"> + <div class="d-flex col-12"> <a href="/download.html" class="sp-button sp-button-large sp-button-blue sp-button-margin"><i class="fas fa-rocket"></i> Get started </a> - <a href="/docs/index.html" class="sp-button sp-button-large sp-button-gray sp-button-margin"><i class="fas fa-book"></i> Docs + </div> + </div> + <div class="row"> + <div class="d-flex col-12"> + <a href="/docs/index.html" class="sp-button sp-button-medium sp-button-gray sp-button-margin"><i class="fas fa-book"></i> Docs </a> - <a href="https://www.github.com/apache/incubator-streampipes" class="sp-button sp-button-large sp-button-gray sp-button-margin"><i class="fab fa-github"></i> Github + <a href="https://www.github.com/apache/incubator-streampipes" class="sp-button sp-button-medium sp-button-gray sp-button-margin"><i class="fab fa-github"></i> Github </a> - <a href="/mailinglists.html" class="sp-button sp-button-large sp-button-gray sp-button-margin"><i class="fas fa-envelope"></i> Mailing Lists + <a href="/mailinglists.html" class="sp-button sp-button-medium sp-button-gray sp-button-margin"><i class="fas fa-envelope"></i> Mailing Lists </a> </div> </div> </div> - <a href="https://www.apache.org/events/current-event.html"> - <img src="https://www.apache.org/events/current-event-125x125.png" style="float:right;margin-left:20px;margin-right:-30px;"/> - </a> + </div> </div> </div>