From f6e724b127891bc950499fd7a6876e500ba78de3 Mon Sep 17 00:00:00 2001 From: Manjula K Date: Wed, 11 Oct 2017 15:16:12 -0700 Subject: [PATCH] MINOR: Redesign of Streams page to include video & logos guozhangwang Please review. Author: Manjula K Reviewers: Guozhang Wang Closes #4059 from manjuapu/redesign-streams-page --- docs/streams/index.html | 594 ++++++++++++++++++++++------------------ 1 file changed, 328 insertions(+), 266 deletions(-) diff --git a/docs/streams/index.html b/docs/streams/index.html index 112e30462f1..be2f5cc08fa 100644 --- a/docs/streams/index.html +++ b/docs/streams/index.html @@ -1,276 +1,338 @@ - - - - + -
- -
- - -
-
+ +
+ + +
+
- + $('.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, + height = $navbar.height(); + + $(window).scroll(function() { + var scrollTop = $(window).scrollTop(); + + if (scrollTop > y_pos - height) { + $navbar.addClass("navbar-fixed") + } else if (scrollTop <= y_pos) { + $navbar.removeClass("navbar-fixed") + } + }); + + // Display docs subnav items + $('.b-nav__docs').parent().toggleClass('nav__item__with__subs--expanded'); + // Show selected code example + $('.btn-group a').click(function(){ + var targetClass = '.b-' + $(this).data().section; + $('.code-example__snippet, .btn-group a').removeClass('selected'); + $(targetClass).addClass('selected'); + }); + }); + \ No newline at end of file