This is an automated email from the ASF dual-hosted git repository.
mimaison pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/kafka-site.git
The following commit(s) were added to refs/heads/asf-site by this push:
new 23cb80f3 KAFKA-13868: Replace embedded YouTube links with hyperlinks
on streams page (#429)
23cb80f3 is described below
commit 23cb80f3d1550cd4cb32e29a2bda573b52dd8fe2
Author: Divij Vaidya <[email protected]>
AuthorDate: Wed Jul 27 16:10:08 2022 +0200
KAFKA-13868: Replace embedded YouTube links with hyperlinks on streams page
(#429)
Reviewers: Mickael Maison <[email protected]>, Luke Chen
<[email protected]>
---
32/streams/index.html | 43 ++++++++++++++++++-------------------------
1 file changed, 18 insertions(+), 25 deletions(-)
diff --git a/32/streams/index.html b/32/streams/index.html
index e38b3890..c24af4c2 100644
--- a/32/streams/index.html
+++ b/32/streams/index.html
@@ -35,32 +35,25 @@
</div>
<h3 class="streams_intro">The easiest way to write mission-critical
real-time applications and microservices</h3>
<p class="streams__description">Kafka Streams is a client library for
building applications and microservices, where the input and output data are
stored in Kafka clusters. It combines the simplicity of writing and deploying
standard Java and Scala applications on the client side with the benefits of
Kafka's server-side cluster technology.</p>
+ <hr class="separator">
+ <h3>VIDEO TOUR OF THE STREAMS API</h3>
<div class="video__series__grid">
- <div class="yt__video__block">
- <div class="yt__video__inner__block">
- <iframe class="yt_series video_1 active"
style="display:block"
src="https://www.youtube.com/embed/Z3JKCLG3VP4?rel=0&showinfo=0&end=602";
frameborder="0" allowfullscreen></iframe>
- <iframe class="yt_series video_2"
src="https://www.youtube.com/embed/LxxeXI1mPKo?rel=0&showinfo=0&end=622";
frameborder="0" allowfullscreen></iframe>
- <iframe class="yt_series video_3"
src="https://www.youtube.com/embed/7JYEEx7SBuE?rel=0&showinfo=0end=557";
frameborder="0" allowfullscreen></iframe>
- <iframe class="yt_series video_4"
src="https://www.youtube.com/embed/3kJgYIkAeHs?rel=0&showinfo=0&end=564";
frameborder="0" allowfullscreen></iframe>
- </div>
- </div>
- <div class="video__block">
- <h3>TOUR OF THE STREAMS API</h3>
- <div class="video__list">
- <p class="video__item video_list_1 active"
onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_1').show();">
- <span class="video-number">1</span><span
class="video__text">Intro to Streams</span>
- </p>
- <p class="video__item video_list_2"
onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_2').show();">
- <span class="video-number">2</span><span
class="video__text">Creating a Streams Application</span>
- </p>
- <p class="video__item video_list_3"
onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_3').show();">
- <span class="video-number">3</span><span
class="video__text">Transforming Data Pt. 1</span>
- </p>
- <p class="video__item video_list_4"
onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_4').show();">
- <span class="video-number">4</span><span
class="video__text">Transforming Data Pt. 11</span>
- </p>
- </div>
- </div>
+ <div class="video__block">
+ <div class="video__list">
+ <p class="video__item video_list_1 active">
+ <span class="video-number">1</span><a
href="https://www.youtube.com/embed/Z3JKCLG3VP4";><span
class="video__text">Intro to Streams</span></a>
+ </p>
+ <p class="video__item video_list_2 active">
+ <span class="video-number">2</span><a
href="https://www.youtube.com/embed/LxxeXI1mPKo";><span
class="video__text">Creating a Streams Application</span></a>
+ </p>
+ <p class="video__item video_list_3 active">
+ <span class="video-number">3</span><a
href="https://www.youtube.com/embed/7JYEEx7SBuE";><span
class="video__text">Transforming Data Pt. 1</span></a>
+ </p>
+ <p class="video__item video_list_4 active">
+ <span class="video-number">4</span><a
href="https://www.youtube.com/embed/3kJgYIkAeHs";><span
class="video__text">Transforming Data Pt. 2</span></a>
+ </p>
+ </div>
+ </div>
</div>
<hr class="separator">
<div class="use-item-section">
