Commit 71627bf3 authored by Martin Schoeler's avatar Martin Schoeler

Add image

parent c88a30d6
......@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/
paginate: 8
# bump if alterting styles
version: 53
version: 56
# read speed
wpm: 160
......
......@@ -495,6 +495,23 @@ body.index .featherlight .featherlight-content {
#youtube-link{
display: none;
}
.youtube-image-link {
width: 100%;
height: 100%;
background: url("/images/default/video-placeholder.png");
background-size: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.youtube-play {
width: 64px;
margin: auto;
}
.featherlight-content > #youtube-link {
display: block;
width: 70vw;
......
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M371.7 238l-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256z"/></svg>
\ No newline at end of file
This diff is collapsed.
......@@ -84,14 +84,14 @@ redirect_from:
<div class="container home-landingpage">
<div class="flex-grid grid--justify-around grid--reverse">
<div class="col--fourth">
<div class="col--third">
<h2 class="display theme_type--dark">What is Rocket.Chat?</h2>
<p class="theme_type--grey">Communicate and collaborate with your team, share files, chat in real time or switch to video/audio conferencing.</p>
<p class="theme_type--grey"> Watch the video to see how Rocket.Chat provides the ideal platform for your team or business needs.</p>
</div>
<div class="col--third">
<a class="youtube-image-link" data-featherlight="#youtube-link">Open element in lightbox</a>
<div class="col">
<a class="youtube-image-link" data-featherlight="#youtube-link"><img class="youtube-play" src="/images/default/play-circle.svg" alt="play"></a>
<div id="youtube-link"><iframe class="youtube-video"src="https://www.youtube.com/embed/IzJ11kvM-P8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment