Commit 656f0652 authored by Martin Schoeler's avatar Martin Schoeler

fix image, add links and use correct svg

parent 71627bf3
......@@ -497,19 +497,38 @@ body.index .featherlight .featherlight-content {
}
.youtube-image-link {
width: 100%;
height: 100%;
width: 576px;
height: 360px;
margin: auto;
background: url("/images/default/video-placeholder.png");
background-size: 100%;
display: flex;
flex-direction: column;
justify-content: center;
@media (max-width: $tablet) {
width: 426px;
height: 310px;
}
@media (max-width: $mobile) {
display: none;
}
}
.youtube-play {
width: 64px;
width: 104px;
height: 104px;
margin: auto;
background-color: #fff;
border-radius: 100px;
transition: filter 1s;
cursor: pointer;
&:hover {
filter: invert(1);
}
}
.featherlight-content > #youtube-link {
......
<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
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"/></svg>
\ No newline at end of file
......@@ -88,6 +88,7 @@ redirect_from:
<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>
<p class="theme_type--grey"> Watch Now: <br> <a class="button--link" href="https://youtu.be/IzJ11kvM-P8" target="_blank" rel="noopener noreferrer">English</a> or <a class="button--link" href="https://youtu.be/nkzfriX8IlE" target="_blank" rel="noopener noreferrer">Portuguese</a></p>
</div>
<div class="col">
......
......@@ -396,7 +396,7 @@ $('.switch').on('click', function () {
}
})
$('.youtube-image-link').on('click', function (e) {
$('.youtube-image-link').on('click touch', function (e) {
setTimeout(function(){
$(".featherlight .youtube-video")[0].src += "?autoplay=1";
}, 1000);
......
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