forked from heroku/node-js-sample
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
658 lines (618 loc) · 26.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Crowdfunder | Hyve.me</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fjquery.js"></script>
<link rel="stylesheet" href="https://s3-eu-west-1.amazonaws.com/hyve/bootplus.css">
<link rel="stylesheet" href="https://s3-eu-west-1.amazonaws.com/hyve/bootplus-responsive.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css">
<link rel="stylesheet" href="https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fsocial-buttons.css">
<script src="https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap.js"></script>
<link href="http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700,800" rel="stylesheet" type="text/css">
<style type="text/css">
/* Large desktop */
@media (min-width: 980px) {
body {
padding-top: 60px;
}
.linediv-l {
border-right: 1px white solid;
}
.linediv-r {
border-left: 1px white solid;
}
.carousel .item {
height: 500px;
}
.carousel img {
width: auto;
height: 500px;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.copy {
padding: 2.5% 10%;
}
.linediv-l {
border-bottom: 1px white solid;
}
.linediv-r {
border-top: 1px white solid;
}
.carousel {
margin-left: -20px;
margin-right: -20px;
}
.carousel .container {
}
.carousel .item {
height: 300px;
}
.carousel img {
height: 300px;
}
.carousel-caption {
width: 65%;
padding: 0 70px;
margin-top: 10px;
}
.carousel-caption-center {
width: 100%
padding: 0 70px;
margin-top: 10px;
}
.carousel-caption-center h1,
.carousel-caption h1 {
font-size: 20px;
}
.carousel-caption-center .lead,
.carousel-caption-center .btn,
.carousel-caption .lead,
.carousel-caption .btn {
font-size: 18px;
}
}
/* All form factors */
/* Main body and headings */
body{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.heading, .subheading {
font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
text-align: center;
}
p.lead {
padding-top: 1.5%;
font-size: 24px;
line-height: 30px;
}
p {
font-size: 18px;
line-height: 24px;
}
/* Video pitch and Action */
.pitch {
padding: 2.5% 0%;
}
.order {
padding: 2% 0%;
}
.actions {
background-color: #343434;
padding: 3% 0%;
}
.video, .thermometer, .order, .social, .statistics {
text-align: center;
}
.statistics h3, .statistics p {
color: white;
}
/* Marketing Copy and Footer */
.copy {
padding-top: 2.5%;
padding-bottom: 2.5%;
text-align: justify;
}
.asset {
padding: 2.5% 0%;
}
.footer {
color: #cccccc;
text-align: center;
}
.footer p {
font-size: 11px;
}
.footer a {
color: #ccccff;
}
/* Carousel */
.carousel {
margin-bottom: 60px;
}
.carousel .container {
position: relative;
z-index: 9;
}
.carousel-control {
height: 80px;
margin-top: 0;
font-size: 120px;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
background-color: transparent;
border: 0;
z-index: 10;
}
.carousel .item {
height: 500px;
}
.carousel img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
}
.carousel-caption {
background-color: transparent;
position: static;
max-width: 550px;
padding: 0 10%;
margin-top: 60px;
}
.carousel-caption-center {
background-color: transparent;
position: static;
padding: 0 10%;
margin-top: 60px;
}
.carousel-caption-center h1,
.carousel-caption-center .lead,
.carousel-caption h1,
.carousel-caption .lead {
margin: 0;
line-height: 1.25;
color: #fefefe;
text-shadow: -1px 0 rgba(0,0,0,.6), 0 1px rgba(0,0,0,.6), 1px 0 rgba(0,0,0,.6), 0 -1px rgba(0,0,0,.6);
}
.carousel-caption-center .btn,
.carousel-caption .btn {
margin-top: 10px;
}
/* http://support.addthis.com/customer/portal/questions/1136093-share-buttons-in-center-position */
div.addthis_toolbox {
width:180px;
margin: 0 auto;
}
</style>
<script>
function scrollTo(tag) {
$('html,body').animate({scrollTop: $(tag)[0].offsetTop-100}, 1000);
}
$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
e.stopPropagation();
});
</script>
<script>
$(function() {
$('.carousel').each(function(){
$(this).carousel({
interval: false
});
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-42807662-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<!-- Mobile-friendly navbar adapted from example. -->
<!-- http://twitter.github.io/bootstrap/examples/starter-template.html -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar"
data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="http://hyve.me">Hyve.me</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="http://hyve.me/en/about">About</a></li>
<li><a href="http://hyve.me/en/imprint">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="row-fluid heading">
<div class="span12">
<h1>Hyve.me</h1>
</div>
</div>
<div class="row-fluid subheading">
<div class="span12">
<p class="lead">Optimize your projects!</p>
</div>
</div>
<div id="carousel-1" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="https://s3-eu-west-1.amazonaws.com/hyve/page1.jpg" alt="Digital Age">
<div class="container">
<div class="carousel-caption">
<h1>Digital Age</h1>
<p class="lead">Everyone of us generates an enormous amount of data: However, the main beneficiaries of this information are corporations and governments.</p>
<a class="btn btn-large btn-primary pull-right" onclick="scrollTo('#background')">Read more</a>
</div>
</div>
</div>
<div class="item">
<img src="https://s3-eu-west-1.amazonaws.com/hyve/page2.jpg" alt="It's Your Data">
<div class="container">
<div class="carousel-caption">
<h1>It's Your Data</h1>
<p class="lead">Start collecting your data for your own benefit:<br>Hyve.me enables you to import your data into a secure storage.</p>
<a class="btn btn-large btn-primary pull-right" onclick="scrollTo('#datacollection')">Learn how</a>
</div>
</div>
</div>
<div class="item">
<img src="https://s3-eu-west-1.amazonaws.com/hyve/page3.jpg" alt="Analyze and Compare">
<div class="container">
<div class="carousel-caption">
<h1>Analyze and Compare</h1>
<p class="lead">Process your data and match against others:<br>Hyve.me provides data analysis tools and allows you to compare results anonymously.</p>
<a class="btn btn-large btn-primary pull-right" onclick="scrollTo('#analysis')">Show me</a>
</div>
</div>
</div>
<div class="item">
<img src="https://s3-eu-west-1.amazonaws.com/hyve/page4.jpg" alt="Visualize and Learn">
<div class="container">
<div class="carousel-caption-center">
<h1 style="margin-top: 120px;" align="center">Visualize and Learn</h1>
<p class="lead" align="center">
Get insight and make well informed decisions:<br>
With Hyve.me you identify pivotal elements<br>
in your projects to head for success.</p>
<p class="text-center"><a class="btn btn-large btn-primary" href="http://hyve.me">Sign up!</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-1" data-slide="prev">‹</a>
<a class="right carousel-control" href="#carousel-1" data-slide="next">›</a>
</div>
<div class="row-fluid pitch">
<div class="span5 offset1 copy copy-right">
<p>This page tests the market potential of <a href="http://hyve.me">Hyve.me</a>: We have set the goal to reach 600 mentions in social forums by October 31st, 2013. The dashboard on the right shows our progress.</p>
<p>For a detailed description of Hyve.me read about <a href="/usecases">examples from our user's perspective</a>. There is also specific information available for <a href="/developers">developers</a> and <a href="/investors">investors</a>.</p>
</div>
<script type="text/javascript">
$(function(){
var likes;
var tweets;
var shares;
var users;
// days left
jQuery(document).ready(function($) {
today = new Date();
deadline = new Date("October 31, 2013");
msPerDay = 24 * 60 * 60 * 1000 ;
timeLeft = (deadline.getTime() - today.getTime());
$("#countdown").text(Math.floor(timeLeft / msPerDay));
});
// Facebook Likes
$.ajax({
async: false,
type: 'GET',
url: 'https://graph.facebook.com/?ids=hyve.me',
dataType: 'json',
success: function (response) {
likes = parseInt(response["hyve.me"].likes);
}
});
// Hyve Users
$.ajax({
async: false,
type: 'GET',
url: 'http://www.hyve.me/usercount',
dataType: 'json',
success: function (response) {
users = parseInt(response);
},
error: function (a,b,c) {
users = 0;
}
});
// Tweets
$.ajax({
type: 'GET',
url: 'http://urls.api.twitter.com/1/urls/count.json?url=www.hyve.me',
dataType: 'jsonp',
success: function (response) {
tweets = parseInt(response["count"]);
// Shares from AddThis
$.ajax({
type: 'GET',
url: 'https://api-public.addthis.com/url/shares.json?url=http%3A%2F%2Fwww.hyve.me%2Fcrowdfunder%2F',
dataType: 'jsonp',
success: function (response) {
shares = parseInt(response["shares"]);
// write values
var mentions = likes + tweets + shares + users;
var show = Math.floor(Math.random()*3);
if (show == 0) {
$("#socialnumber").text(likes);
document.getElementById('socialtext').innerHTML = "FB <i class='icon-thumbs-up'></i>";
} else if (show == 1) {
$("#socialnumber").text(tweets);
document.getElementById('socialtext').innerHTML = "<i class='icon-twitter'></i> Tweets";
} else {
$("#socialnumber").text(shares);
document.getElementById('socialtext').innerHTML = "<i class='icon-heart'></i> Shares";
}
$("#usercount").text(users);
$("#myProgressBar_Success").css({ width: (mentions / 6) + "%" });
$("#myProgressBar_Warning").css({ width: ((600 - mentions) / 6) + "%" });
} }); //AddThis
} }); // Tweets
});
</script>
<!-- We define a new 'actions' div to contain statistics, order, and share buttons.-->
<div class="span5 actions">
<div class="row-fluid">
<div class="span8 offset2">
<div class="row-fluid statistics">
<div class="span4"><div class="linediv-l"><h3 id="socialnumber">0</h3><p id="socialtext">social</p></div></div>
<div class="span4"><div class="linediv-c"><h3 id="usercount">0</h3><p>Hyve-Users</p></div></div>
<div class="span4"><div class="linediv-r"><h3 id="countdown">0</h3><p>days left</p></div></div>
</div>
</div>
<div class="row-fluid">
<div class="span10 offset1">
<div class="thermometer progress active">
<div class="bar bar-success" style="width: 50%;" id="myProgressBar_Success"></div>
<div class="bar bar-warning" style="width: 50%;" id="myProgressBar_Warning"></div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 offset3 order">
<a class="coinbase-button" data-code="e734396cec86588da58c653d412ff327" data-button-style="custom_small" href="https://coinbase.com/checkouts/e734396cec86588da58c653d412ff327">Donate Bitcoins</a><script src="https://coinbase.com/assets/button.js" type="text/javascript"></script>
</div>
</div>
<div class="row-fluid">
<div class="span8 offset2 social">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52000b4460799017"></script>
<!-- AddThis Button END -->
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid section1" id="background">
<div class="span5 offset1 video">
<div class="img-polaroid">
<iframe width="100%" height="282" src="//www.youtube.com/embed/1evqxQM83z4" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="span5 copy">
<h2>Background</h2>
<p>Have you ever wondered how corporations and the government know more about you than you know about yourself? They use your data and algorithms for their benefit. Hyve.me will allow you to get the same insight to optimize your decision making.</p>
</div>
</div>
<div class="row-fluid section2" id="datacollection">
<div class="span5 offset1 copy">
<h2>Data Import and Storage</h2>
<p>We assume that data improves decision quality. The tricky question is: What data is relevant and where does it come from? Hyve.me will assist you in identifying relevant information and provide import mechanisms, data scraping, and other tools embedded in your daily workflow to gather that data.</p>
</div>
<div class="span5 asset text-center">
<img class="img-polaroid" width="480" height="350" src="https://s3-eu-west-1.amazonaws.com/hyve/import.png" alt="data import">
</div>
</div>
<div class="row-fluid section3" id="analysis">
<div class="span5 offset1 asset text-center">
<img class="img-polaroid" width="480" height="320" src="https://s3-eu-west-1.amazonaws.com/hyve/analyze.jpg" alt="data analysis">
</div>
<div class="span5 copy">
<h2>Analyze and Exchange</h2>
<p>Hyve.me challenges today's assumption that it requires a group of experts and lots of money to make sense out of a large data pool. Based on your project field and available data Hyve.me recommends analysis and visualization tools. To compare results within a group you can anonymously exchange data.</p>
</div>
</div>
<div class="row-fluid section4">
<div class="hero-unit span10 offset1 copy">
<p class="lead text-center">If you are interested, visit our <a href="http://hyve.me">preview of Hyve.me</a> and <a href="https://www.facebook.com/Hyve.me">like</a> / <a href="https://plus.google.com/115523021927594181806">+1</a> / <a href="https://twitter.com/HyveInfo">tweet</a> it. <i class="icon-flag icon-large"></i></p>
<p class="lead text-center"><i class="icon-lightbulb icon-large"></i> Reaching 600 mentions by October 31st, 2013 will give us the confidence to push Hyve.me forward into a public beta.</p>
</div>
</div>
<!-- For the FAQ, we introduce a little bit of JS, using the accordion. -->
<!-- This brings in jquery.js and bootstrap.js as dependencies. -->
<!-- http://twitter.github.io/bootstrap/javascript.html#collapse -->
<div class="row-fluid faq">
<div class="span10 offset1">
<h3>FAQ</h3>
<p><small>There are a number of challenges to deal with when working on <em>Big Data for Individuals</em> and here are answers to some questions you might have:</small></p>
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseOne">
Why should I use Hyve.me?
</a>
</div>
<div id="collapseOne" class="accordion-body collapse">
<div class="accordion-inner">
There is a huge potential in data you generate every day. Leverage this information to optimize your decisions and gain new insight about yourself!
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseTwo">
Is my data safe from unauthorized access?
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
Hyve.me provides 3 different ways to store your data and you choose the safest, most comfortable, and reliable solution for your needs:
<ul>
<li>using Hyve.me online storage, or</li>
<li>use any other trusted storage provider through an open API, or</li>
<li>store your data on your local computer.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseThree">
What is Big Data?
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
"Big Data is any data that is expensive to manage and hard to extract value from." by Michael Franklin; read more about Big Data on <a href="http://en.wikipedia.org/wiki/Big_data">Wikipedia</a>.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseFour">
Why is <em>Big Data for Individuals</em> different to <em>Big Data</em>?
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
There are 3 main differences between Big Data commonly used in corporations and Big Data for Individuals:
<ol>
<li>Initially, individuals don't have much data or don't know how to access their data - Hyve.me helps you identify your data sources and how they may be accessed.</li>
<li>It is difficult for a private person to store and manage large amounts of data - Hyve.me offers mechanisms to store and manage your data in a secure and easy way.</li>
<li>Big Data processing and visualization of results are performed by a team of expert data analysts usually not available to a single person - Hyve.me provides a market to give you access to available algorithms and visualization tools.</li>
</ol>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseFive">
How are projects optimized with Hyve.me?
</a>
</div>
<div id="collapseFive" class="accordion-body collapse">
<div class="accordion-inner">
Hyve.me proposes specific data to be collect for valuable metrics on your project based on similar projects. This data can then be processed with tools on a Big Data market place also hosted by Hyve.me.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseSix">
How does Hyve.me aggregate data while maintaining full privacy for users?
</a>
</div>
<div id="collapseSix" class="accordion-body collapse">
<div class="accordion-inner">
Hyve.me proposes an architecture and a protocol for secure and anonymous data exchange between users. This will enable every user to run statistical analysis without disclosing his or her own data.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseSeven">
Which algorithms and data visualization tools are available?
</a>
</div>
<div id="collapseSeven" class="accordion-body collapse">
<div class="accordion-inner">
While Hyve.me will provide a basic set of analysis and visualization tools, it will also provide an open market for algorithms and statistical analysis. There, data analysis experts can upload various implementations for specific fields, and users can choose from the available offerings.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseEight">
How to assess the value of data in case I want to buy, sell, or trade data?
</a>
</div>
<div id="collapseEight" class="accordion-body collapse">
<div class="accordion-inner">
Eventually, it is the goal of Hyve.me to provide a platform for trading personal data. Even if you don't plan to sell some of your data, this is the place to find the market value of information you possess.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="#collapseNine">
What is the meaning of the word <em>Hyve</em>?
</a>
</div>
<div id="collapseNine" class="accordion-body collapse">
<div class="accordion-inner">
Hyve is an artifical word combining Hive and Hype:
<ul>
<li><em>Hive:</em> a place where a lot of work takes place</li>
<li><em>Hype:</em> a time when there is a lot of talking</li>
</ul>
Both are necessary ingredients for a successful project.
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Not crucial, but we put this under a CC By-SA 3.0 license. -->
<!-- http://creativecommons.org/licenses/ -->
<div class="row-fluid footer">
<div class="span12">
<p>This work is licensed under
the <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC
By-SA 3.0
</a>, without all the cruft that would otherwise be
put at the bottom of the page.</p>
</div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42807662-1', 'hyve.me');
ga('send', 'pageview');
</script>
</body>
</html>