You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ri...@apache.org on 2020/05/22 17:56:40 UTC
[incubator-streampipes-website] 01/02: Fix some layout issues on
website
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 <ri...@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>