Repository: kafka-site Updated Branches: refs/heads/asf-site 863f436ef -> da6b2aa7f
Correcting video pause & clicks Author: Manjula K <manj...@kafka-summit.org> Reviewers: Guozhang Wang <wangg...@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 <manj...@kafka-summit.org> Authored: Mon Oct 9 12:28:52 2017 -0700 Committer: Guozhang Wang <wangg...@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" />