kafka-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From guozh...@apache.org
Subject kafka-site git commit: Correcting video pause & clicks
Date Mon, 09 Oct 2017 19:28:55 GMT
Repository: kafka-site
Updated Branches:
  refs/heads/asf-site 863f436ef -> da6b2aa7f


Correcting video pause & clicks

Author: Manjula K <manjula@kafka-summit.org>

Reviewers: Guozhang Wang <wangguoz@gmail.com>

Closes #94 from manjuapu/asf-site


Project: http://git-wip-us.apache.org/repos/asf/kafka-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/kafka-site/commit/da6b2aa7
Tree: http://git-wip-us.apache.org/repos/asf/kafka-site/tree/da6b2aa7
Diff: http://git-wip-us.apache.org/repos/asf/kafka-site/diff/da6b2aa7

Branch: refs/heads/asf-site
Commit: da6b2aa7fe823e0e6259feaa31ff1bc6512e4c7f
Parents: 863f436
Author: Manjula K <manjula@kafka-summit.org>
Authored: Mon Oct 9 12:28:52 2017 -0700
Committer: Guozhang Wang <wangguoz@gmail.com>
Committed: Mon Oct 9 12:28:52 2017 -0700

----------------------------------------------------------------------
 0110/streams/index.html | 46 ++++++++++++++++++++++++++++++++++----------
 includes/_header.htm    |  2 +-
 2 files changed, 37 insertions(+), 11 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/kafka-site/blob/da6b2aa7/0110/streams/index.html
----------------------------------------------------------------------
diff --git a/0110/streams/index.html b/0110/streams/index.html
index 20e162d..15e966d 100644
--- a/0110/streams/index.html
+++ b/0110/streams/index.html
@@ -34,25 +34,25 @@
        <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?&modestbranding=1&controls=2&showinfo=1"
frameborder="0" allowfullscreen></iframe>
-                <iframe  class="yt_series video_2" src="https://www.youtube.com/embed/LxxeXI1mPKo?&modestbranding=1&controls=2&showinfo=1"
frameborder="0" allowfullscreen></iframe>
-                <iframe  class="yt_series video_3" src="https://www.youtube.com/embed/7JYEEx7SBuE?&modestbranding=1&controls=2&showinfo=1"
frameborder="0" allowfullscreen></iframe>
-                <iframe  class="yt_series video_4" src="https://www.youtube.com/embed/3kJgYIkAeHs?&modestbranding=1&controls=2&showinfo=1"
frameborder="0" allowfullscreen></iframe>
+                <iframe  class="yt_series video_1 active" style="display:block" src="https://www.youtube.com/embed/Z3JKCLG3VP4?&modestbranding=1&controls=2&showinfo=1&end=602"
frameborder="0" allowfullscreen></iframe>
+                <iframe  class="yt_series video_2" src="https://www.youtube.com/embed/LxxeXI1mPKo?&modestbranding=1&controls=2&showinfo=1&end=623"
frameborder="0" allowfullscreen></iframe>
+                <iframe  class="yt_series video_3" src="https://www.youtube.com/embed/7JYEEx7SBuE?&modestbranding=1&controls=2&showinfo=1&end=557"
frameborder="0" allowfullscreen></iframe>
+                <iframe  class="yt_series video_4" src="https://www.youtube.com/embed/3kJgYIkAeHs?&modestbranding=1&controls=2&showinfo=1&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 active" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_1').show();">
+                <p class="video__item video_list_1 active" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_1').show();">
                     <span class="number">1</span><span class="video__text">Intro
to Streams</span>
                 </p>
-                <p class="video__item" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_2').show();">
+                <p class="video__item video_list_2" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_2').show();">
                     <span class="number">2</span><span class="video__text">Creating
a Streams Application</span>
                 </p>
-                <p class="video__item" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_3').show();">
+                <p class="video__item video_list_3" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_3').show();">
                     <span class="number">3</span><span class="video__text">Transforming
Data Pt. 1</span>
                 </p>
-                <p class="video__item" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_4').show();">
+                <p class="video__item video_list_4" onclick="$('.video__item').removeClass('active');
$(this).addClass('active');$('.yt_series').hide();$('.video_4').show();">
                     <span class="number">4</span><span class="video__text">Transforming
Data Pt. 11</span>
                 </p>
             </div>
@@ -114,7 +114,7 @@
                <a href="https://www.rabobank.com" target="_blank" class="grid__logo__link">
                  <span class="grid__item__logo" style="background-image: url('/images/powered-by/rabobank.jpg');"></span>
                </a>
-               <p class="grid__item__customer__description">Rabobank is one of the
3 largest banks in the Netherlands. Its digital nervous system, the Business Event Bus, is
powered by Apache Kafka. It is used by an increasing amount of financial processes and services,
one which is Rabo Alerts. This service alerts customers in real-time upon financial events
and is built using Kafka Streams.</p>
+               <p class="grid__item__customer__description">Rabobank is one of the
3 largest banks in the Netherlands. Its digital nervous system, the Business Event Bus, is
powered by Apache Kafka. It is used by an increasing amount of financial processes and services,
one of which is Rabo Alerts. This service alerts customers in real-time upon financial events
and is built using Kafka Streams.</p>
              </div>
            </div>
          </div>
@@ -283,7 +283,33 @@
          // Show selected style on nav item
          $('.b-nav__streams').addClass('selected');
     
-    
+         $('.video_list_1').click(function(){    
+             $('.video_2').attr('src', $('.video_2').attr('src'));
+             $('.video_3').attr('src', $('.video_3').attr('src'));
+             $('.video_4').attr('src', $('.video_4').attr('src'));
+
+           });
+
+         $('.video_list_2').click(function(){    
+               $('.video_1').attr('src', $('.video_1').attr('src'));
+               $('.video_3').attr('src', $('.video_3').attr('src'));
+               $('.video_4').attr('src', $('.video_4').attr('src'));
+
+           });
+
+         $('.video_list_3').click(function(){    
+              $('.video_1').attr('src', $('.video_1').attr('src'));
+              $('.video_2').attr('src', $('.video_2').attr('src'));
+              $('.video_4').attr('src', $('.video_4').attr('src'));
+           });
+
+         $('.video_list_4').click(function(){    
+              $('.video_1').attr('src', $('.video_1').attr('src'));
+              $('.video_2').attr('src', $('.video_2').attr('src'));
+              $('.video_3').attr('src', $('.video_3').attr('src'));
+           });
+           
+
           //sticky secondary nav
           var $navbar = $(".sub-nav-sticky"),
                y_pos = $navbar.offset().top,

http://git-wip-us.apache.org/repos/asf/kafka-site/blob/da6b2aa7/includes/_header.htm
----------------------------------------------------------------------
diff --git a/includes/_header.htm b/includes/_header.htm
index 7732e6e..aab98a1 100644
--- a/includes/_header.htm
+++ b/includes/_header.htm
@@ -12,7 +12,7 @@
 		<meta http-equiv='Content-Type' content='text/html;charset=utf-8' />
 		<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
 		<meta property="og:title" content="Apache Kafka" />
-		<meta property="og:image" content="/images/apache-kafka.png" />
+		<meta property="og:image" content="http://apache-kafka.org/images/apache-kafka.png"
/>
 		<meta property="og:description" content="Apache Kafka: A Distributed Streaming Platform."
/>
 		<meta property="og:site_name" content="Apache Kafka" />
 		<meta property="og:type" content="website" />


Mime
View raw message