1
1
<!DOCTYPE html>
2
2
< html lang ="en-US ">
3
3
< head >
4
+ <!-- Google Analytics Content Experiment code -->
5
+ < script > function utmx_section ( ) { } function utmx ( ) { } ( function ( ) { var
6
+ k = '161969970-0' , d = document , l = d . location , c = d . cookie ;
7
+ if ( l . search . indexOf ( 'utm_expid=' + k ) > 0 ) return ;
8
+ function f ( n ) { if ( c ) { var i = c . indexOf ( n + '=' ) ; if ( i > - 1 ) { var j = c .
9
+ indexOf ( ';' , i ) ; return escape ( c . substring ( i + n . length + 1 , j < 0 ?c .
10
+ length :j ) ) } } } var x = f ( '__utmx' ) , xx = f ( '__utmxx' ) , h = l . hash ; d . write (
11
+ '<sc' + 'ript src="' + 'http' + ( l . protocol == 'https:' ?'s://ssl' :
12
+ '://www' ) + '.google-analytics.com/ga_exp.js?' + 'utmxkey=' + k +
13
+ '&utmx=' + ( x ?x :'' ) + '&utmxx=' + ( xx ?xx :'' ) + '&utmxtime=' + new Date ( ) .
14
+ valueOf ( ) + ( h ?'&utmxhash=' + escape ( h . substr ( 1 ) ) :'' ) +
15
+ '" type="text/javascript" charset="utf-8"><\/sc' + 'ript>' ) } ) ( ) ;
16
+ </ script > < script > utmx ( 'url' , 'A/B' ) ; </ script >
17
+ <!-- End of Google Analytics Content Experiment code -->
18
+
4
19
< meta charset ="UTF-8 ">
5
20
6
21
<!-- Begin Jekyll SEO tag v2.3.0 -->
19
34
< meta name ="description " content ="Bouldering Reimagined "/>
20
35
< meta name ="viewport " content ="width=device-width, initial-scale=1 ">
21
36
< meta name ="theme-color " content ="#00087f ">
22
- < link rel ="stylesheet " href ="/assets/css/style.css?v=76fc92a470efd41b48544006b89bce3f614d7669 ">
37
+ < link rel ="stylesheet " href ="/assets/css/style.css?v=029007382265da9421108e2893bd22b39f0e998e ">
23
38
</ head >
24
39
< body >
25
40
< section class ="page-header ">
26
41
< img id ="bloc-logo " src ="/assets/img/bloc-logoblock.svg " onerror ="this.onerror=null; this.src='bloc-logoblock.png' ">
27
42
< div class ="page-header-content ">
28
43
< h1 class ="project-name "> Bouldering Reimagined</ h1 >
29
- < h2 class ="project-tagline "> —< br > Finally a bouldering companion done right </ h2 >
30
- < a href ="#preview-bloc-beta " class ="btn " id ="cta-button "> Preview the < strong > Bloc </ strong > Beta </ a >
44
+ < h2 class ="project-tagline "> —< br > < span id =" tagline " > </ h2 >
45
+ < a href ="#preview-bloc-beta " class ="btn " id ="cta-button "> </ a >
31
46
</ div >
32
47
</ section >
33
48
@@ -37,25 +52,25 @@ <h2 class="project-tagline">—<br>Finally a bouldering companion done right
37
52
< hr />
38
53
39
54
< h1 id ="team "> Team</ h1 >
40
- < p > Bloc is built by a team of machine learning experts and designers, Club Mate-enthusiasts and boulderers. Hard at work shaping the future.</ p >
55
+ < p > Bloc is built by a team of machine learning experts and designers, Club Mate-enthusiasts and boulderers — hard at work shaping the future.</ p >
41
56
42
57
< div class ="team ">
43
58
< div class ="team-member ">
44
- < img class ="portrait " src ="/assets/img/mats_portrait.jpg " alt ="Portrait of Mats Julian Olsen " />
59
+ < img class ="portrait " src ="/assets/img/mats_portrait.jpg " alt ="Club-Mate Enthusiast Mats Julian Olsen " />
45
60
< h2 > Mats Julian Olsen</ h2 >
46
61
< p class ="role "> Machine Learning Engineer</ p >
47
62
< p class ="mail "> < a href ="mailto:mats@getbloc.xyz "> mats@getbloc.xyz</ a > </ p >
48
63
</ div >
49
64
50
65
< div class ="team-member ">
51
- < img class ="portrait " src ="/assets/img/bjorn_portrait.jpg " alt ="Portrait of Bjorn Rustad " />
66
+ < img class ="portrait " src ="/assets/img/bjorn_portrait.jpg " alt ="Club-Mate Enthusiast Bjorn Rustad " />
52
67
< h2 > Bjørn Rustad</ h2 >
53
68
< p class ="role "> Machine Learning Engineer</ p >
54
69
< p class ="mail "> < a href ="mailto:mats@getbloc.xyz "> bjorn@getbloc.xyz</ a > </ p >
55
70
</ div >
56
71
57
72
< div class ="team-member ">
58
- < img class ="portrait " src ="/assets/img/leon_portrait.jpg " alt ="Portrait of Leon Johannessen " />
73
+ < img class ="portrait " src ="/assets/img/leon_portrait.jpg " alt ="Club-Mate Enthusiast and Chief Astronaut Leon Johannessen " />
59
74
< h2 > Leon Johannessen</ h2 >
60
75
< p class ="role "> Industrial Design Engineer</ p >
61
76
< p class ="mail "> < a href ="mailto:mats@getbloc.xyz "> leon@getbloc.xyz</ a > </ p >
@@ -123,29 +138,20 @@ <h1 id="preview-bloc-beta">Preview Bloc Beta</h1>
123
138
function trackFormSubmission ( ) {
124
139
ga ( 'send' , 'event' , 'subscribe form' , 'submit' , 'clicked get the beta button' ) ;
125
140
}
126
-
127
- /*
128
- // form submission tracker
129
- // Gets a reference to the form element, assuming
130
- // it contains the id attribute "signup-form".
131
- var subscribeForm = document.getElementById('mc-embedded-subscribe-form');
132
-
133
- // Adds a listener for the "submit" event.
134
- subscribeForm.addEventListener('submit', function(event) {
135
-
136
- // Prevents the browser from submitting the form
137
- // and thus unloading the current page.
138
- event.preventDefault();
139
-
140
- // Sends the event to Google Analytics and
141
- // resubmits the form once the hit is done.
142
- ga('send', 'event', 'subscribe form', 'submit', 'clicked get the beta button', {
143
- hitCallback: function() {
144
- subscribeForm.submit();
145
- }
146
- });
147
- });*/
148
-
141
+ </ script >
142
+ < script >
143
+ var params = ( new URL ( document . location ) ) . searchParams ;
144
+ var tagline = "" ;
145
+ var button = "" ;
146
+ if ( params . get ( "variant" ) == 1 ) {
147
+ tagline = "We're hard at work developing our beta" ;
148
+ button = "Get the preview"
149
+ } else {
150
+ tagline = "Finally a bouldering companion done right" ;
151
+ button = "Preview the <strong>Bloc</strong> Beta"
152
+ }
153
+ document . getElementById ( 'tagline' ) . innerHTML = tagline ;
154
+ document . getElementById ( 'cta-button' ) . innerHTML = button ;
149
155
</ script >
150
156
151
157
0 commit comments