You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@kafka.apache.org by gu...@apache.org on 2017/10/09 19:28:55 UTC
kafka-site git commit: Correcting video pause & clicks
Repository: kafka-site
Updated Branches:
refs/heads/asf-site 863f436ef -> da6b2aa7f
Correcting video pause & clicks
Author: Manjula K <ma...@kafka-summit.org>
Reviewers: Guozhang Wang <wa...@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 <ma...@kafka-summit.org>
Authored: Mon Oct 9 12:28:52 2017 -0700
Committer: Guozhang Wang <wa...@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" />