File tree 8 files changed +30
-23
lines changed 8 files changed +30
-23
lines changed Original file line number Diff line number Diff line change 26
26
</ head >
27
27
< body >
28
28
< section class ="page-header ">
29
- < img id ="bloc-logo " src ="/assets/img/bloc-logoblock.svg " onerror ="this.onerror=null; this.src='bloc-logoblock.png' ">
29
+ < img id ="bloc-logo " class =" hang-loose delay " src ="/assets/img/bloc-logoblock.svg " onerror ="this.onerror=null; this.src='bloc-logoblock.png' ">
30
30
< div class ="page-header-content ">
31
31
< h1 class ="project-name "> Bouldering Reimagined</ h1 >
32
32
< h2 class ="project-tagline "> —< br > < span id ="tagline "> </ h2 >
@@ -71,7 +71,7 @@ <h2 class="project-tagline">—<br><span id="tagline"></h2>
71
71
<!--End mc_embed_signup-->
72
72
73
73
< footer class ="site-footer ">
74
- < span class ="site-footer-credits "> < span class ="blink "> 🤙 </ span > Bloc Bouldering AS, 2017.</ span >
74
+ < span class ="site-footer-credits "> < span class ="hang-loose "> 🤙</ span > Bloc Bouldering AS, 2017.</ span >
75
75
</ footer >
76
76
</ section >
77
77
@@ -97,7 +97,7 @@ <h2 class="project-tagline">—<br><span id="tagline"></h2>
97
97
setInterval ( function ( ) {
98
98
if ( window . pageYOffset > 0.7 * window . innerHeight )
99
99
document . getElementById ( "bloc-logo" ) . classList . add ( "inverted" )
100
- else
100
+ else
101
101
document . getElementById ( "bloc-logo" ) . classList . remove ( "inverted" )
102
102
} , 100 ) ;
103
103
</ script >
Original file line number Diff line number Diff line change @@ -548,15 +548,21 @@ a {
548
548
}
549
549
}
550
550
551
- @keyframes blink {
552
- 50% { opacity : 0.0 ; }
551
+ @keyframes hangLoose {
552
+ 50% { transform : rotate ( -17 deg ) ; }
553
553
}
554
- @-webkit-keyframes blink {
555
- 50% { opacity : 0.0 ; }
554
+ @-webkit-keyframes hangLoose {
555
+ 50% { -webkit-transform : rotate ( -17 deg ) ; }
556
556
}
557
- .blink {
558
- animation : blink 1.5s step-start 0s infinite ;
559
- -webkit-animation : blink 1.5s step-start 0s infinite ;
560
- }
561
-
557
+ .hang-loose {
558
+ display : inline-block ;
559
+ animation : hangLoose .5s step-start 0s infinite ;
560
+ -webkit-animation : hangLoose .5s step-start 0s infinite ;
562
561
562
+ & .delay {
563
+ animation-delay : 10s ;
564
+ -webkit-animation-delay : 10s ;
565
+ animation-iteration-count : 2 ;
566
+ -webkit-animation-iteration-count : 2 ;
567
+ }
568
+ }
Original file line number Diff line number Diff line change 34
34
< meta name ="description " content ="Bouldering Reimagined "/>
35
35
< meta name ="viewport " content ="width=device-width, initial-scale=1 ">
36
36
< meta name ="theme-color " content ="#00087f ">
37
- < link rel ="stylesheet " href ="/assets/css/style.css?v=029007382265da9421108e2893bd22b39f0e998e ">
37
+ < link rel ="stylesheet " href ="/assets/css/style.css?v=356b51b7bb931bb7731a849f1af888b5291e49be ">
38
38
</ head >
39
39
< body >
40
40
< section class ="page-header ">
41
- < img id ="bloc-logo " src ="/assets/img/bloc-logoblock.svg " onerror ="this.onerror=null; this.src='bloc-logoblock.png' ">
41
+ < img id ="bloc-logo " class =" hang-loose delay " src ="/assets/img/bloc-logoblock.svg " onerror ="this.onerror=null; this.src='bloc-logoblock.png' ">
42
42
< div class ="page-header-content ">
43
43
< h1 class ="project-name "> Bouldering Reimagined</ h1 >
44
44
< h2 class ="project-tagline "> —< br > < span id ="tagline "> </ h2 >
@@ -88,7 +88,7 @@ <h2 id="welcome-to-another-page">Welcome to another page</h2>
88
88
<!--End mc_embed_signup-->
89
89
90
90
< footer class ="site-footer ">
91
- < span class ="site-footer-credits "> < span class ="blink "> 🤙 </ span > Bloc Bouldering AS, 2017.</ span >
91
+ < span class ="site-footer-credits "> < span class ="hang-loose "> 🤙</ span > Bloc Bouldering AS, 2017.</ span >
92
92
</ footer >
93
93
</ section >
94
94
@@ -114,7 +114,7 @@ <h2 id="welcome-to-another-page">Welcome to another page</h2>
114
114
setInterval ( function ( ) {
115
115
if ( window . pageYOffset > 0.7 * window . innerHeight )
116
116
document . getElementById ( "bloc-logo" ) . classList . add ( "inverted" )
117
- else
117
+ else
118
118
document . getElementById ( "bloc-logo" ) . classList . remove ( "inverted" )
119
119
} , 100 ) ;
120
120
</ script >
Original file line number Diff line number Diff line change @@ -364,6 +364,7 @@ a:hover { text-decoration: underline; }
364
364
# signup # mc-embedded-subscribe-form # mc-embedded-subscribe : hover { background : # f8e500 ; border-color : # f8e500 ; color : # 242426 ; }
365
365
# signup # mc-embedded-subscribe-form # mc-embedded-subscribe : focus , # signup # mc-embedded-subscribe-form # mc-embedded-subscribe : active { outline : none; background : # 00087f !important ; border-color : # 00087f !important ; color : white; }
366
366
367
- @keyframes blink { 50% { opacity : 0.0 ; } }
368
- @-webkit-keyframes blink { 50% { opacity : 0.0 ; } }
369
- .blink { animation : blink 1.5s step-start 0s infinite; -webkit-animation : blink 1.5s step-start 0s infinite; }
367
+ @keyframes hangLoose { 50% { transform : rotate (-17deg ); } }
368
+ @-webkit-keyframes hangLoose { 50% { -webkit-transform : rotate (-17deg ); } }
369
+ .hang-loose { display : inline-block; animation : hangLoose .5s step-start 0s infinite; -webkit-animation : hangLoose .5s step-start 0s infinite; }
370
+ .hang-loose .delay { animation-delay : 10s ; -webkit-animation-delay : 10s ; animation-iteration-count : 2 ; -webkit-animation-iteration-count : 2 ; }
Original file line number Diff line number Diff line change 34
34
< meta name ="description " content ="Bouldering Reimagined "/>
35
35
< meta name ="viewport " content ="width=device-width, initial-scale=1 ">
36
36
< meta name ="theme-color " content ="#00087f ">
37
- < link rel ="stylesheet " href ="/assets/css/style.css?v=029007382265da9421108e2893bd22b39f0e998e ">
37
+ < link rel ="stylesheet " href ="/assets/css/style.css?v=356b51b7bb931bb7731a849f1af888b5291e49be ">
38
38
</ head >
39
39
< body >
40
40
< section class ="page-header ">
41
- < img id ="bloc-logo " src ="/assets/img/bloc-logoblock.svg " onerror ="this.onerror=null; this.src='bloc-logoblock.png' ">
41
+ < img id ="bloc-logo " class =" hang-loose delay " src ="/assets/img/bloc-logoblock.svg " onerror ="this.onerror=null; this.src='bloc-logoblock.png' ">
42
42
< div class ="page-header-content ">
43
43
< h1 class ="project-name "> Bouldering Reimagined</ h1 >
44
44
< h2 class ="project-tagline "> —< br > < span id ="tagline "> </ h2 >
@@ -117,7 +117,7 @@ <h1 id="preview-bloc-beta">Preview Bloc Beta</h1>
117
117
<!--End mc_embed_signup-->
118
118
119
119
< footer class ="site-footer ">
120
- < span class ="site-footer-credits "> < span class ="blink "> 🤙 </ span > Bloc Bouldering AS, 2017.</ span >
120
+ < span class ="site-footer-credits "> < span class ="hang-loose "> 🤙</ span > Bloc Bouldering AS, 2017.</ span >
121
121
</ footer >
122
122
</ section >
123
123
@@ -143,7 +143,7 @@ <h1 id="preview-bloc-beta">Preview Bloc Beta</h1>
143
143
setInterval ( function ( ) {
144
144
if ( window . pageYOffset > 0.7 * window . innerHeight )
145
145
document . getElementById ( "bloc-logo" ) . classList . add ( "inverted" )
146
- else
146
+ else
147
147
document . getElementById ( "bloc-logo" ) . classList . remove ( "inverted" )
148
148
} , 100 ) ;
149
149
</ script >
You can’t perform that action at this time.
0 commit comments