gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Inlined Getting Started video

Browse Source
This commit is contained in:
Lennart Ziburski 2018-02-27 00:27:12 +01:00
parent 65324ecf9f
commit 52ba3232be
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
website/site/layouts/index.html
View File

@ -18,8 +18,7 @@
</div> </div>
<div class="hero-graphic"> <div class="hero-graphic">
<img src="/img/screenshot-editor.jpg" class="responsive"/> <img src="/img/screenshot-editor.jpg" class="responsive"/>
<a class="hero-videolink" href="https://www.youtube.com/watch?v=p6h-rYSVX90">&#x25b6; Watch how to get started in just over 2 minutes</a> <a class="hero-videolink" href="#">&#x25b6; Watch how to get started in just over 2 minutes</a>
<p>
</div> </div>
</div> </div>

3
website/src/css/imports/hero.css
View File

@ -74,7 +74,8 @@
margin: 0; margin: 0;
} }
img { img, iframe {
width: 100%;
border-radius: $largeBorderRadius; border-radius: $largeBorderRadius;
box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15), 0 3px 9px 0 rgba(0,0,0,0.30); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15), 0 3px 9px 0 rgba(0,0,0,0.30);
} }

9
website/src/js/app.js
View File

@ -122,3 +122,12 @@ var eventInfoLoad = function() {
} }
eventInfoLoad(); eventInfoLoad();
// Load inline YouTube video
var embedcode = '<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/p6h-rYSVX90?rel=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
$('.hero-videolink').click(function() {
$('.hero-graphic img').replaceWith(embedcode);
$(this).remove();
});