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 { ...@@ -497,19 +497,38 @@ body.index .featherlight .featherlight-content {
} }
.youtube-image-link { .youtube-image-link {
width: 100%; width: 576px;
height: 100%; height: 360px;
margin: auto;
background: url("/images/default/video-placeholder.png"); background: url("/images/default/video-placeholder.png");
background-size: 100%; background-size: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@media (max-width: $tablet) {
width: 426px;
height: 310px;
}
@media (max-width: $mobile) {
display: none;
}
} }
.youtube-play { .youtube-play {
width: 64px; width: 104px;
height: 104px;
margin: auto; margin: auto;
background-color: #fff;
border-radius: 100px;
transition: filter 1s;
cursor: pointer;
&:hover {
filter: invert(1);
}
} }
.featherlight-content > #youtube-link { .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> <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 \ No newline at end of file
...@@ -88,6 +88,7 @@ redirect_from: ...@@ -88,6 +88,7 @@ redirect_from:
<h2 class="display theme_type--dark">What is Rocket.Chat?</h2> <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">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 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>
<div class="col"> <div class="col">
......
...@@ -396,7 +396,7 @@ $('.switch').on('click', function () { ...@@ -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(){ setTimeout(function(){
$(".featherlight .youtube-video")[0].src += "?autoplay=1"; $(".featherlight .youtube-video")[0].src += "?autoplay=1";
}, 1000); }, 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