You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@ignite.apache.org by ma...@apache.org on 2021/05/14 02:01:08 UTC
[ignite-website] branch master updated: IGNITE-14696: added
responsive image for Ignite Summit promo
This is an automated email from the ASF dual-hosted git repository.
mauriciostekl pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ignite-website.git
The following commit(s) were added to refs/heads/master by this push:
new a2ea2bc IGNITE-14696: added responsive image for Ignite Summit promo
a2ea2bc is described below
commit a2ea2bc277965520062e6487f88cd9250782c9ee
Author: Mauricio Stekl <ma...@stekl.org>
AuthorDate: Thu May 13 23:00:48 2021 -0300
IGNITE-14696: added responsive image for Ignite Summit promo
---
css/ignite-redesign.css | 2 +-
images/promos/Ignite-summit-banner-375px@2x.png | Bin 0 -> 52725 bytes
index.html | 9 +++++-
scss/homepage.scss | 39 ++++++++----------------
4 files changed, 21 insertions(+), 29 deletions(-)
diff --git a/css/ignite-redesign.css b/css/ignite-redesign.css
index 8bf9cc7..14c0c5c 100644
--- a/css/ignite-redesign.css
+++ b/css/ignite-redesign.css
@@ -1 +1 @@
-@charset "UTF-8";code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=langu [...]
\ No newline at end of file
+@charset "UTF-8";code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=langu [...]
\ No newline at end of file
diff --git a/images/promos/Ignite-summit-banner-375px@2x.png b/images/promos/Ignite-summit-banner-375px@2x.png
new file mode 100644
index 0000000..12b5962
Binary files /dev/null and b/images/promos/Ignite-summit-banner-375px@2x.png differ
diff --git a/index.html b/index.html
index e84473b..e282a4b 100644
--- a/index.html
+++ b/index.html
@@ -160,7 +160,14 @@ under the License.
<a href="https://ignite-summit.org" class="btn" target="_blank" rel="noopener"
onclick="gtag('event', 'homepage_click', { 'event_category': 'ignite_summit_promotion', 'event_label': 'home-section-click'});"
>
- <img src="/images/promos/Ignite-summit-banner-1140px.png" alt="Ignite Summit promo" width="1140" height="300" />
+ <picture>
+ <source srcset="/images/promos/Ignite-summit-banner-375px@2x.png" media="(max-width: 576px)">
+
+
+ <img src="/images/promos/Ignite-summit-banner-1140px.png" alt="Ignite Summit promo" width="1140" height="300" />
+
+ </picture>
+
</a>
</div>
diff --git a/scss/homepage.scss b/scss/homepage.scss
index b7a4869..1bd6790 100644
--- a/scss/homepage.scss
+++ b/scss/homepage.scss
@@ -500,16 +500,7 @@ section.section-block {
.wrapper {
- .is-logo {
- width: 275px;
-
- }
-
- .content {
- width: 40%;
-
-
- }
+
}
}
}
@@ -584,10 +575,6 @@ section.section-block {
.wrapper {
- .is-logo {
- width: 210px;
-
- }
}
@@ -714,22 +701,9 @@ section.section-block {
#ignite-summit-banner {
.container {
- height: auto;
- padding: 2rem 0;
.wrapper {
- flex-wrap: wrap-reverse;
-
- .is-logo {
- width: 315px;
- margin: 2rem auto 0;
- }
- .content {
- width: 100%;
-
-
- }
}
}
}
@@ -862,6 +836,17 @@ section.section-block {
}
}
+ #ignite-summit-banner {
+
+ .container {
+
+ .wrapper {
+ max-width: 400px;
+ margin: 0 auto;
+ }
+ }
+ }
+
#github-stats-bar {
padding-left: 1rem;
padding-right: 1rem;