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 003fe56 added Ignite Summit banner on the homepage (#82)
003fe56 is described below
commit 003fe5693fbff7f181725a97f540f4391a4ef09c
Author: Mauricio Stekl <[email protected]>
AuthorDate: Mon Mar 8 11:28:31 2021 -0300
added Ignite Summit banner on the homepage (#82)
---
css/ignite-redesign.css | 2 +-
images/bg-ignite-summit.svg | 13 ++++
images/ignite-summit-logo.svg | 1 +
index.html | 143 +++++++++++++++++++++++-------------------
scss/homepage.scss | 107 ++++++++++++++++++++++++++++++-
5 files changed, 198 insertions(+), 68 deletions(-)
diff --git a/css/ignite-redesign.css b/css/ignite-redesign.css
index afc31bb..26f689d 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/bg-ignite-summit.svg b/images/bg-ignite-summit.svg
new file mode 100644
index 0000000..262257b
--- /dev/null
+++ b/images/bg-ignite-summit.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="391" height="250" viewBox="0
0 391 250">
+ <defs>
+ <clipPath id="clip-path">
+ <rect id="Rectangle_53" data-name="Rectangle 53" width="391"
height="250" transform="translate(1199 1649)" fill="#e6f0fa"/>
+ </clipPath>
+ </defs>
+ <g id="img-banner-summit1" transform="translate(-1199 -1649)"
clip-path="url(#clip-path)">
+ <g id="ico-is" transform="translate(441.798 1433.83)" opacity="0.5">
+ <path id="Path_233" data-name="Path 233"
d="M-2892.485-1076.23l62.648-40.7v-.805l-62.648-40.7v-16.113l77.891,50.764v12.894l-77.891,50.768ZM-3206-1110.882v-12.894l77.891-50.764v16.113l-62.646,40.7v.805l62.646,40.7v16.116Z"
transform="translate(3963.203 1507.619)" fill="#b1bfdd" stroke="rgba(0,0,0,0)"
stroke-width="1" opacity="0.498"/>
+ <path id="Path_232" data-name="Path 232"
d="M-3223.953-756.987c-4.862-4.089-10.59-6.755-16.521-9.031a159.333,159.333,0,0,0-26-7.284c-6.148-1.214-12.34-2.316-18.531-3.308-4.456-.71-8.97-1.1-13.44-1.7a121.035,121.035,0,0,1-14.8-2.9,69.655,69.655,0,0,1-19.6-8.122c-8.2-5.192-13.83-12.127-15.755-21.576a37.732,37.732,0,0,1-.347-11.89c1.026-8.958,4.355-17.138,8.94-24.9.16-.28.319-.545.507-.809a2.1,2.1,0,0,1,.39-.307c.159.489.346.934.463,1.4,2.054,8.178,6.872,14.5,13.874,19.4a87.764,87.764
[...]
+ </g>
+ </g>
+</svg>
diff --git a/images/ignite-summit-logo.svg b/images/ignite-summit-logo.svg
new file mode 100644
index 0000000..e755e86
--- /dev/null
+++ b/images/ignite-summit-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 397.67
156.69"><defs><style>.cls-1{fill:#e5282a;}</style></defs><g id="Capa_2"
data-name="Capa 2"><g id="Capa_1-2" data-name="Capa 1"><path class="cls-1"
d="M96.14,140.62v-4.09l24.66-16.07v5.1L101,138.45v.25l19.83,12.89v5.1Z"/><path
class="cls-1"
d="M132.58,151.46l2.51-3.51A23.49,23.49,0,0,0,149,152.16c5.42,0,8.07-2.17,8.07-4.78,0-2.36-1.26-4-10-5.74-8.4-1.66-12.56-4.4-12.56-9.06,0-5,4.56-8.8,13.36-8.8a24.8,24.8,0,0,1,13,4l-2.65,3.38a1
[...]
\ No newline at end of file
diff --git a/index.html b/index.html
index db84d2b..ca559e8 100644
--- a/index.html
+++ b/index.html
@@ -153,76 +153,20 @@ under the License.
</div>
</section>
-
- <section id="intro-text" class="section-block ">
+ <section id="ignite-summit-banner" class="section-block">
+
<div class="container">
-
- <div class="row poweredby-logos">
-
- <img src="/images/users-logos/resized/120x60/microsoft.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/microsoft.jpg 120w,
/images/users-logos/resized/76x38/microsoft.jpg 76w" alt="Microsoft logo"/>
-
- <img src="/images/users-logos/resized/120x60/netflix.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/netflix.jpg 120w,
/images/users-logos/resized/76x38/netflix.jpg 76w" alt="Netflix logo"/>
-
- <img src="/images/users-logos/resized/120x60/apple.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/apple.jpg 120w,
/images/users-logos/resized/76x38/apple.jpg 76w" alt="Apple logo"
style="opacity: 0.6;"/>
-
- <img src="/images/users-logos/resized/120x60/dreamworks.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/dreamworks.jpg
120w, /images/users-logos/resized/76x38/dreamworks.jpg 76w" alt="Dreamworks
logo"/>
-
- <img src="/images/users-logos/resized/120x60/yahoo_japan.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/yahoo_japan.jpg
120w, /images/users-logos/resized/76x38/yahoo_japan.jpg 76w" alt="Yahoo Japan
logo"/>
-
- <img src="/images/users-logos/resized/120x60/bloomberg.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/bloomberg.jpg 120w,
/images/users-logos/resized/76x38/bloomberg.jpg 76w" alt="Bloomberg logo"
style="opacity: 0.5;" />
-
- <img src="/images/users-logos/resized/120x60/sber_bank.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/sber_bank.jpg 120w,
/images/users-logos/resized/76x38/sber_bank.jpg 76w" alt="SberBank logo"
style="opacity: 0.9;"/>
-
- <img src="/images/users-logos/resized/120x60/paypal.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/paypal.jpg 120w,
/images/users-logos/resized/76x38/paypal.jpg 76w" alt="PayPal logo"/>
-
- <img
src="/images/users-logos/resized/120x60/banco_do_brasil.jpg" width="120"
height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/banco_do_brasil.jpg
120w, /images/users-logos/resized/76x38/banco_do_brasil.jpg 76w" alt="Banco do
Brasil logo"/>
-
- <img
src="/images/users-logos/resized/120x60/dutchrailways.jpg" width="120"
height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/dutchrailways.jpg
120w, /images/users-logos/resized/76x38/dutchrailways.jpg 76w" alt="Dutch
Railways logo" />
-
- <img src="/images/users-logos/resized/120x60/Vrbo.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/Vrbo.jpg 120w,
/images/users-logos/resized/76x38/Vrbo.jpg 76w" alt="Vrbo logo" style="opacity:
0.9;"/>
-
- <img src="/images/users-logos/resized/120x60/teradata.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/teradata.jpg 120w,
/images/users-logos/resized/76x38/teradata.jpg 76w" alt="Teradata logo"
style="opacity: 0.7;"/>
-
- <img src="/images/users-logos/resized/120x60/ups.jpg"
width="120" height="60"
- sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
- srcset="/images/users-logos/resized/120x60/ups.jpg 120w,
/images/users-logos/resized/76x38/ups.jpg 76w" alt="UPS logo"/>
- </div>
-
- <div class="cta-link">
- <a href="/use-cases/provenusecases.html"
- onclick="gtag('event', 'homepage_click',
{'event_category':'logos', 'event_label': 'told_ignite_stories'});">
- View Ignite Stories...
- </a>
+ <div class="wrapper">
+ <div class="is-logo"><img src="/images/ignite-summit-logo.svg"
width="398" height="157" alt="Ignite Summit logo" /></div>
+ <div class="content">
+ <p><strong>May 25, 2021</strong><br />Virtual Event</p>
+ <a href="https://ignite-summit.org"; class="btn"
target="_blank" rel="noopener">Learn More</a>
+ </div>
+ </div>
</div>
- </div>
</section>
-
<section id="home-features" class="section-block bg-gray-shadow">
<div class="wrapper">
<div class="container">
@@ -766,6 +710,74 @@ under the License.
</div>
</section>
+ <section id="intro-text" class="section-block ">
+ <div class="container">
+
+ <div class="row poweredby-logos">
+
+ <img src="/images/users-logos/resized/120x60/microsoft.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/microsoft.jpg 120w,
/images/users-logos/resized/76x38/microsoft.jpg 76w" alt="Microsoft logo"/>
+
+ <img src="/images/users-logos/resized/120x60/netflix.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/netflix.jpg 120w,
/images/users-logos/resized/76x38/netflix.jpg 76w" alt="Netflix logo"/>
+
+ <img src="/images/users-logos/resized/120x60/apple.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/apple.jpg 120w,
/images/users-logos/resized/76x38/apple.jpg 76w" alt="Apple logo"
style="opacity: 0.6;"/>
+
+ <img src="/images/users-logos/resized/120x60/dreamworks.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/dreamworks.jpg
120w, /images/users-logos/resized/76x38/dreamworks.jpg 76w" alt="Dreamworks
logo"/>
+
+ <img src="/images/users-logos/resized/120x60/yahoo_japan.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/yahoo_japan.jpg
120w, /images/users-logos/resized/76x38/yahoo_japan.jpg 76w" alt="Yahoo Japan
logo"/>
+
+ <img src="/images/users-logos/resized/120x60/bloomberg.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/bloomberg.jpg 120w,
/images/users-logos/resized/76x38/bloomberg.jpg 76w" alt="Bloomberg logo"
style="opacity: 0.5;" />
+
+ <img src="/images/users-logos/resized/120x60/sber_bank.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/sber_bank.jpg 120w,
/images/users-logos/resized/76x38/sber_bank.jpg 76w" alt="SberBank logo"
style="opacity: 0.9;"/>
+
+ <img src="/images/users-logos/resized/120x60/paypal.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/paypal.jpg 120w,
/images/users-logos/resized/76x38/paypal.jpg 76w" alt="PayPal logo"/>
+
+ <img
src="/images/users-logos/resized/120x60/banco_do_brasil.jpg" width="120"
height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/banco_do_brasil.jpg
120w, /images/users-logos/resized/76x38/banco_do_brasil.jpg 76w" alt="Banco do
Brasil logo"/>
+
+ <img
src="/images/users-logos/resized/120x60/dutchrailways.jpg" width="120"
height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/dutchrailways.jpg
120w, /images/users-logos/resized/76x38/dutchrailways.jpg 76w" alt="Dutch
Railways logo" />
+
+ <img src="/images/users-logos/resized/120x60/Vrbo.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/Vrbo.jpg 120w,
/images/users-logos/resized/76x38/Vrbo.jpg 76w" alt="Vrbo logo" style="opacity:
0.9;"/>
+
+ <img src="/images/users-logos/resized/120x60/teradata.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/teradata.jpg 120w,
/images/users-logos/resized/76x38/teradata.jpg 76w" alt="Teradata logo"
style="opacity: 0.7;"/>
+
+ <img src="/images/users-logos/resized/120x60/ups.jpg"
width="120" height="60"
+ sizes="(max-width: 767px) 76px, (min-width: 768px) 120px"
+ srcset="/images/users-logos/resized/120x60/ups.jpg 120w,
/images/users-logos/resized/76x38/ups.jpg 76w" alt="UPS logo"/>
+ </div>
+
+ <div class="cta-link">
+ <a href="/use-cases/provenusecases.html"
+ onclick="gtag('event', 'homepage_click',
{'event_category':'logos', 'event_label': 'told_ignite_stories'});">
+ View Ignite Stories...
+ </a>
+ </div>
+
+ </div>
+ </section>
+
<section id="home-use-cases" class="section-block">
@@ -859,6 +871,7 @@ under the License.
</main>
+
<!--#include virtual="/includes/footer.html" -->
<!--#include virtual="/includes/scripts.html" -->
diff --git a/scss/homepage.scss b/scss/homepage.scss
index 459f925..b707dc4 100644
--- a/scss/homepage.scss
+++ b/scss/homepage.scss
@@ -134,7 +134,8 @@
#intro-text {
// margin-bottom: 3rem;
padding: 2rem 0 2rem;
- // box-shadow: inset 0 11px 10px -10px #c5c5c5;
+ box-shadow: inset 0 -11px 10px -10px #c5c5c5;
+
h2 {
font-size: 18px;
@@ -182,7 +183,50 @@
}
}
+#ignite-summit-banner {
+ background-color: #E6F0FA;
+
+ .container {
+ height: 200px;
+ background: url('/images/bg-ignite-summit.svg') no-repeat right bottom;
+ .wrapper {
+ display: flex;
+ flex-wrap: nowrap;
+ height: 100%;
+ align-items: center;
+
+ .is-logo {
+ width: 314px;
+ img {
+ width: 100%;
+ }
+ }
+
+ .content {
+ width: 44%;
+ text-align: center;
+
+ p {
+ font-weight: 500;
+ font-size: 32px;
+ line-height: 1.5em;
+ color: #011769;
+ }
+
+ .btn {
+ background-color: #E5282A;
+ border-radius: 4px;
+ font-size: 16px;
+ line-height: 22px;
+ color: #FFFFFF;
+ padding: .7em 2.5em;
+
+ }
+ }
+ }
+ }
+}
#home-use-cases {
@@ -477,6 +521,26 @@ section.section-block {
}
}
}
+
+ #ignite-summit-banner {
+
+ .container {
+
+ .wrapper {
+
+ .is-logo {
+ width: 275px;
+
+ }
+
+ .content {
+ width: 40%;
+
+
+ }
+ }
+ }
+ }
}
@@ -542,7 +606,21 @@ section.section-block {
}
}
-
+ #ignite-summit-banner {
+
+ .container {
+
+ .wrapper {
+
+ .is-logo {
+ width: 210px;
+
+ }
+
+
+ }
+ }
+ }
}
@@ -569,6 +647,8 @@ section.section-block {
}
}
}
+
+
}
@@ -659,6 +739,29 @@ 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%;
+
+
+ }
+ }
+ }
+ }
+
#intro-text {
.poweredby-logos {
img {
