diff --git a/src/client/site/browse_page/browse_page.jade b/src/client/site/browse_page/browse_page.jade index 6e13350ef..204b54c63 100644 --- a/src/client/site/browse_page/browse_page.jade +++ b/src/client/site/browse_page/browse_page.jade @@ -7,6 +7,7 @@ .content.view__browse_page .left + include ../common/youtube/youtube.jade .right .tile_container diff --git a/src/client/site/common/youtube/youtube.jade b/src/client/site/common/youtube/youtube.jade new file mode 100644 index 000000000..29d1cbf84 --- /dev/null +++ b/src/client/site/common/youtube/youtube.jade @@ -0,0 +1,13 @@ +//- +//- Crafting Guide - youtube.jade +//- +//- Copyright © 2014-2016 by Redwood Labs +//- All rights reserved. +//- + +.view__youtube + script(src="https://apis.google.com/js/platform.js") + + .button.g-ytsubscribe(data-channelid="UC7QqXY8JGtbNMcoFhfhqKeg", data-layout="default", data-count="hidden") + a(href="https://www.youtube.com/watch?v=REo8o_gNMVk&list=PLIJ-OaMPodNxJsKWE93hXH2rM5IxpllfL") + | Check out our instructional Let's Play videos! diff --git a/src/client/site/common/youtube/youtube.scss b/src/client/site/common/youtube/youtube.scss new file mode 100644 index 000000000..d828693b2 --- /dev/null +++ b/src/client/site/common/youtube/youtube.scss @@ -0,0 +1,22 @@ +// +// Crafting Guide - youtube.scss +// +// Copyright © 2014-2016 by Redwood Labs +// All rights reserved. +// + +.view__youtube { + display : flex; + flex-direction : column; + align-items : center; + + a { + display : block; + margin : $size-margin-small $size-margin-large; + margin-bottom : 0; + + font-family : $font-family-text; + font-size : $font-size-medium; + text-align : center; + } +} diff --git a/src/client/site/craft_page/craft_page.jade b/src/client/site/craft_page/craft_page.jade index b7c14052d..66ba51e29 100644 --- a/src/client/site/craft_page/craft_page.jade +++ b/src/client/site/craft_page/craft_page.jade @@ -7,6 +7,7 @@ .content.view__craft_page .left + include ../common/youtube/youtube.jade .right section.instructions diff --git a/src/client/site/item_page/item_page.jade b/src/client/site/item_page/item_page.jade index bd07f6ec1..dfbced5c4 100644 --- a/src/client/site/item_page/item_page.jade +++ b/src/client/site/item_page/item_page.jade @@ -7,6 +7,7 @@ .content.view__item_page .left + include ../common/youtube/youtube.jade .right .about diff --git a/src/client/site/mod_page/mod_page.jade b/src/client/site/mod_page/mod_page.jade index 7faf1a0ea..6451171f5 100644 --- a/src/client/site/mod_page/mod_page.jade +++ b/src/client/site/mod_page/mod_page.jade @@ -7,6 +7,7 @@ .content.view__mod_page .left + include ../common/youtube/youtube.jade .right .about diff --git a/src/client/site/news_page/news_page.jade b/src/client/site/news_page/news_page.jade index 7f0632655..8e6abb5d6 100644 --- a/src/client/site/news_page/news_page.jade +++ b/src/client/site/news_page/news_page.jade @@ -7,6 +7,7 @@ .content.view__news_page .left + include ../common/youtube/youtube.jade .right include ../common/twitter/twitter.jade diff --git a/src/client/site/tutorial_page/tutorial_page.jade b/src/client/site/tutorial_page/tutorial_page.jade index bbc60b9b5..c2cdd1d8c 100644 --- a/src/client/site/tutorial_page/tutorial_page.jade +++ b/src/client/site/tutorial_page/tutorial_page.jade @@ -7,6 +7,7 @@ .view__tutorial_page .left + include ../common/youtube/youtube.jade .right .about