You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@kafka.apache.org by mi...@apache.org on 2022/07/26 14:59:30 UTC

[kafka] branch trunk updated: KAFKA-13868: Replace YouTube embedded video with links on streams page (#12438)

This is an automated email from the ASF dual-hosted git repository.

mimaison pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/kafka.git


The following commit(s) were added to refs/heads/trunk by this push:
     new a63f464f5e KAFKA-13868: Replace YouTube embedded video with links on streams page (#12438)
a63f464f5e is described below

commit a63f464f5ec28cc4891b1b356355f4a0f08bb991
Author: Divij Vaidya <di...@amazon.com>
AuthorDate: Tue Jul 26 16:59:19 2022 +0200

    KAFKA-13868: Replace YouTube embedded video with links on streams page (#12438)
    
    
    Reviewers: Mickael Maison <mi...@gmail.com>
---
 docs/streams/index.html | 43 ++++++++++++++++++-------------------------
 1 file changed, 18 insertions(+), 25 deletions(-)

diff --git a/docs/streams/index.html b/docs/streams/index.html
index 0b14339a6f..c24af4c2a3 100644
--- a/docs/streams/index.html
+++ b/docs/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. 2</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">