This is an automated email from the ASF dual-hosted git repository.
damccorm pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/beam.git
The following commit(s) were added to refs/heads/master by this push:
new ed699f4504f Add banner highlighting beam ml (#25306)
ed699f4504f is described below
commit ed699f4504f4cc1094df21013d2b0baf27cae5b2
Author: Danny McCormick <[email protected]>
AuthorDate: Fri Feb 3 16:19:25 2023 -0500
Add banner highlighting beam ml (#25306)
* Add banner highlighting beam ml
* Add ml inference video to videos and podcasts
* Attribute video
---
website/www/site/assets/scss/_banner.sass | 43 +++++++++++++++++++++
website/www/site/assets/scss/_hero.scss | 3 +-
website/www/site/assets/scss/_navbar-desktop.scss | 3 +-
website/www/site/assets/scss/main.scss | 1 +
.../get-started/resources/videos-and-podcasts.md | 7 ++++
website/www/site/layouts/partials/header.html | 6 +++
website/www/site/static/images/banner_desktop.jpg | Bin 0 -> 111671 bytes
website/www/site/static/images/banner_mobile.jpg | Bin 0 -> 59518 bytes
8 files changed, 61 insertions(+), 2 deletions(-)
diff --git a/website/www/site/assets/scss/_banner.sass
b/website/www/site/assets/scss/_banner.sass
new file mode 100644
index 00000000000..162f6638be6
--- /dev/null
+++ b/website/www/site/assets/scss/_banner.sass
@@ -0,0 +1,43 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.banner-container
+ height: 96px
+ background-color: #000954
+ margin-top: 0
+ padding-top: 5px
+ display: flex
+ justify-content: center
+ align-items: center
+ @media (max-width: $ak-breakpoint-lg)
+ height: 176px
+ margin-top: 64px
+ padding-top: 0
+
+ .banner-img-desktop
+ display: block
+ width: 100%
+ @media (max-width: $ak-breakpoint-lg)
+ display: none
+
+ .banner-img-mobile
+ display: none
+ width: auto
+ @media (max-width: $ak-breakpoint-lg)
+ display: block
+ @media (max-width: $ak-breakpoint-sm)
+ width: 100%
\ No newline at end of file
diff --git a/website/www/site/assets/scss/_hero.scss
b/website/www/site/assets/scss/_hero.scss
index a8f6d1ac473..6e9318e2d1d 100644
--- a/website/www/site/assets/scss/_hero.scss
+++ b/website/www/site/assets/scss/_hero.scss
@@ -24,7 +24,8 @@
width: 100%;
height: 100%;
display: inherit;
- margin-top: -30px;
+ // TODO - revert margin-top to -30px after summit is over when removing
banner
+ margin-top: 0;
min-height: 361px;
.hero-content {
position: absolute;
diff --git a/website/www/site/assets/scss/_navbar-desktop.scss
b/website/www/site/assets/scss/_navbar-desktop.scss
index 4df67c9507b..1a6f090ddcc 100644
--- a/website/www/site/assets/scss/_navbar-desktop.scss
+++ b/website/www/site/assets/scss/_navbar-desktop.scss
@@ -33,7 +33,8 @@
height: 96px;
width: 100%;
align-items: center;
- margin-bottom: 30px;
+ // TODO - revert margin-bottom to 30px after summit is over when removing
banner
+ margin-bottom: 0;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
background-color: $color-white;
z-index: 10000; // just to make sure that navbar always on top of other
elements
diff --git a/website/www/site/assets/scss/main.scss
b/website/www/site/assets/scss/main.scss
index 0c924e47eb6..9fc1d0f36bd 100644
--- a/website/www/site/assets/scss/main.scss
+++ b/website/www/site/assets/scss/main.scss
@@ -57,3 +57,4 @@
@import "_pipelines.scss";
@import "_about.sass";
@import "_local.scss";
+@import "_banner.sass";
diff --git
a/website/www/site/content/en/get-started/resources/videos-and-podcasts.md
b/website/www/site/content/en/get-started/resources/videos-and-podcasts.md
index 2db4405271d..61f83123d49 100644
--- a/website/www/site/content/en/get-started/resources/videos-and-podcasts.md
+++ b/website/www/site/content/en/get-started/resources/videos-and-podcasts.md
@@ -67,6 +67,13 @@ Presented by Frances Perry, *Apache Beam PPMC member*
<a
href="https://www.se-radio.net/2016/10/se-radio-episode-272-frances-perry-on-apache-beam/";
target="_blank"></a>
<br>
+### How to run ML Inference with Apache Beam
+
+Video by Cassie Kozyrkov
+
+<iframe class="video video--medium-size" width="560" height="315"
src="https://www.youtube.com/embed/ga2TNdrFRoU"; frameborder="0"
allowfullscreen></iframe>
+<br>
+
## Beam & Friends
The following resources present Apache Beam partnerships.
diff --git a/website/www/site/layouts/partials/header.html
b/website/www/site/layouts/partials/header.html
index 76735af60da..6e93edeb088 100644
--- a/website/www/site/layouts/partials/header.html
+++ b/website/www/site/layouts/partials/header.html
@@ -202,6 +202,12 @@
</div>
</div>
</nav>
+<div class="banner-container">
+ <a href="https://beam.apache.org/documentation/ml/overview/";>
+ <img class="banner-img-desktop" src="/images/banner_desktop.jpg"
alt="banner-desktop">
+ <img class="banner-img-mobile" src="/images/banner_mobile.jpg"
alt="banner-mobile">
+ </a>
+</div>
<script>
function showSearch() {
addPlaceholder();
diff --git a/website/www/site/static/images/banner_desktop.jpg
b/website/www/site/static/images/banner_desktop.jpg
new file mode 100644
index 00000000000..74c522bbe8b
Binary files /dev/null and b/website/www/site/static/images/banner_desktop.jpg
differ
diff --git a/website/www/site/static/images/banner_mobile.jpg
b/website/www/site/static/images/banner_mobile.jpg
new file mode 100644
index 00000000000..a9dc0f13669
Binary files /dev/null and b/website/www/site/static/images/banner_mobile.jpg
differ
