diff --git a/.gitignore b/.gitignore index 0c72f08..4d8dc1a 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,8 @@ # Icon must end with two \r Icon +# Sass-specific +.sass-cache # Thumbnails ._* diff --git a/assets/css/3-modules/_player.sass b/assets/css/3-modules/_player.sass index d4a5cdd..30d95e2 100755 --- a/assets/css/3-modules/_player.sass +++ b/assets/css/3-modules/_player.sass @@ -66,7 +66,7 @@ article pointer-events: none .playing & - +animation(spin-ccw 5s linear infinite) + +animation(spin-cw 5s linear infinite reverse) .play-sprite +position(absolute, 50% null null 50%) @@ -88,12 +88,6 @@ article to +transform(rotate(360deg)) -+keyframes(spin-ccw) - from - +transform(rotate(360deg)) - to - +transform(rotate(0deg)) - +keyframes(pulse) from +transform(scale(1.3)) diff --git a/assets/css/main.css b/assets/css/main.css index 48321ae..6deae0c 100755 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -185,7 +185,7 @@ td, th { .gigantic, .huge, .large, .bigger, .big, h1, h2, h3, h4, h5, h6 { - color: #bd5248; + color: #BD5248; font-weight: bold; } @@ -234,7 +234,7 @@ strong { } hr { - border: solid #dddddd; + border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; @@ -242,7 +242,7 @@ hr { } a { - color: #bd5248; + color: #BD5248; text-decoration: none; outline: 0; } @@ -252,11 +252,11 @@ a:hover, a:focus { } ::selection { - background: #fff498; + background: #FFF498; } ::-moz-selection { - background: #fff498; + background: #FFF498; } img::selection { @@ -268,15 +268,15 @@ img::-moz-selection { } body { - -webkit-tap-highlight-color: #fff498; + -webkit-tap-highlight-color: #FFF498; } body { - background: #f6f6f8; + background: #F6F6F8; font-size: 14px; line-height: 1.6; font-family: "Oswald" sans-serif; - color: #2e2d33; + color: #2E2D33; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } @@ -356,9 +356,9 @@ article { pointer-events: none; } .playing .spinner-center { - -webkit-animation: spin-ccw 5s linear infinite; - -moz-animation: spin-ccw 5s linear infinite; - animation: spin-ccw 5s linear infinite; + -webkit-animation: spin-cw 5s linear infinite reverse; + -moz-animation: spin-cw 5s linear infinite reverse; + animation: spin-cw 5s linear infinite reverse; } .play-sprite { @@ -378,7 +378,6 @@ article { from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(360deg); } @@ -387,7 +386,6 @@ article { from { -moz-transform: rotate(0deg); } - to { -moz-transform: rotate(360deg); } @@ -400,7 +398,6 @@ article { -o-transform: rotate(0deg); transform: rotate(0deg); } - to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); @@ -409,46 +406,10 @@ article { transform: rotate(360deg); } } -@-webkit-keyframes spin-ccw { - from { - -webkit-transform: rotate(360deg); - } - - to { - -webkit-transform: rotate(0deg); - } -} -@-moz-keyframes spin-ccw { - from { - -moz-transform: rotate(360deg); - } - - to { - -moz-transform: rotate(0deg); - } -} -@keyframes spin-ccw { - from { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); - } - - to { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - } -} @-webkit-keyframes pulse { from { -webkit-transform: scale(1.3); } - to { -webkit-transform: scale(1); } @@ -457,7 +418,6 @@ article { from { -moz-transform: scale(1.3); } - to { -moz-transform: scale(1); } @@ -470,7 +430,6 @@ article { -o-transform: scale(1.3); transform: scale(1.3); } - to { -webkit-transform: scale(1); -moz-transform: scale(1); @@ -479,3 +438,5 @@ article { transform: scale(1); } } + +/*# sourceMappingURL=main.css.map */ diff --git a/assets/js/min/functions.min.js b/assets/js/min/functions.min.js index f2d1c6d..51ab55f 100644 --- a/assets/js/min/functions.min.js +++ b/assets/js/min/functions.min.js @@ -1 +1 @@ -$(document).ready(function(){$(".spinner-wrap").click(function(){function e(){s.addClass("pulse"),setTimeout(function(){s.removeClass("pulse")},pulse-100)}var s=$(this),a=s.siblings("audio")[0],n=Number(s.siblings("audio").data("bpm"));pulse=60/n*1e3,a.paused===!1?(a.pause(),a.currentTime=0,s.removeClass("playing"),clearInterval(intervals)):(a.play(),s.addClass("playing"),e(),intervals=setInterval(function(){e()},pulse))})}); \ No newline at end of file +$(document).ready(function(){$(".spinner-wrap").click(function(){function r(){e.addClass("pulse");setTimeout(function(){e.removeClass("pulse")},pulse-100)}var e=$(this),t=e.siblings("audio")[0],n=Number(e.siblings("audio").data("bpm"));pulse=60/n*1e3;if(t.paused===false){t.pause();t.currentTime=0;e.removeClass("playing");clearInterval(intervals)}else{t.play();e.addClass("playing");r();intervals=setInterval(function(){r()},pulse)}})}) \ No newline at end of file