Skip to content
Permalink
Browse files
add loading
  • Loading branch information
pissang committed Jan 24, 2022
1 parent 3ef7df9 commit 616cbac968bb1c7911ee2b811838aeff0dcf8058
Showing 4 changed files with 31 additions and 4 deletions.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -33,6 +33,8 @@ block content
include ../components/svg/entry-pie.svg
#play-landing-animation
include ../components/svg/play.svg
.loading
include ../components/svg/loading.svg
#home-landing-animation-container
#home-landing-animation-viewport
#home-landing-animation-close-btn
@@ -175,7 +175,7 @@ body {
margin-left: -20px;
border-radius: 100%;

color: $clr-text;
color: $clr-contrast;

cursor: pointer;
z-index: 100;
@@ -187,9 +187,9 @@ body {

&:before {
animation: fx-plyr-play-button 1.5s ease-out infinite;
border: 4px solid $clr-text;
border: 4px solid $clr-contrast;
border-radius: 150%;
box-shadow: 0 0 10px $clr-text;
box-shadow: 0 0 10px $clr-contrast;
box-sizing: border-box;
content: "";
height: 120%;
@@ -198,6 +198,16 @@ body {
top: -10%;
width: 120%;
}

.loading {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transform: scale(1.3);
display: none;
}
}
}
#new-version-section {
@@ -157,7 +157,10 @@ window.lazyLoadOptions = {

// Index animation
window.startMagic = function () {
$('#play-landing-animation .loading').show();
function start() {
$('#play-landing-animation .loading').hide();

var svgBoundingRect = document.querySelector('.home-landing-animation-cover svg').getBoundingClientRect();
var rect = {
left: svgBoundingRect.left,
@@ -200,5 +203,5 @@ window.lazyLoadOptions = {
});
}

document.getElementById('play-landing-animation').onclick = startMagic;
$('#play-landing-animation').on('click', startMagic);
})();

0 comments on commit 616cbac

Please sign in to comment.