-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
77 lines (67 loc) · 3.76 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
<!doctype html>
<html lang="en">
<head>
<meta name="charset" content="utf-8" />
<title>Node Knockout!</title>
<script src="js/modernizer.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton" media="all" />
<link rel="stylesheet" href="styles.css" media="all" />
</head>
<body>
<header>
<h1>Jackalope</h1>
<a class="ko" href="http://nodeknockout.com/teams/jackalope" target="nko" title="Help me win Node.js KO!">Vote for us on NodeKO</a>
</header>
<section>
<h2>Real-time Website Stats</h2>
<article>
<p>You're viewing a demo site created for <a href="http://jackalope.no.de">Jackalope</a>, a real-time web stats viewing application entry for the <a href="http://nodeknockout.com">Node Knockout</a> competition.</p>
<h3>How It Works</h3>
<p>Every movement you make with your mouse is <em>instantly</em> transferred back through our Node.js server to the admin page using <a href="http://dev.w3.org/html5/websockets/">Web Sockets</a>, generating a heatmap in real-time for the admin to view!</p>
<p>Every person mousing over the page will have their data sent back and compiled together with others, allowing you instantly see what areas of your page draw the most attention.</p>
<p class="fauxlink" onclick="javascript:window.open('http://jackalope.no.de');">View the Admin Page in a Separate Window</p>
</article>
<aside>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0" width="560" height="345"><param name="movie" value="http://screenr.com/Content/assets/screenr_1116090935.swf" /><param name="flashvars" value="i=101324" /><param name="allowFullScreen" value="true" /><embed src="http://screenr.com/Content/assets/screenr_1116090935.swf" flashvars="i=101324" allowFullScreen="true" width="560" height="345" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>
</aside>
</section>
<section class="roster">
<h2>Team Roster</h2>
<ul>
<li class="member">
<h3>Paul Armstrong</h3>
<img src="images/paul.jpg" alt="Paul Armstrong" />
<ul>
<li><a href="http://twitter.com/paularmstrong">@paularmstrong</a></li>
<li><a href="http://paularmstrongdesigns.com">paularmstrongdesigns.com</a></li>
</ul>
</li>
<li class="member">
<h3>Andy Atkinson</h3>
<img src="images/andy.jpg" alt="Andy Atkinson" />
<ul>
<li><a href="http://twitter.com/webandy">@webandy</a></li>
<li><a href="http://webandy.com">webandy.com</a></li>
</ul>
</li>
<li class="member">
<h3>Zach Johnson</h3>
<img src="images/zach.jpg" alt="Zach Johnson" />
<ul>
<li><a href="http://twitter.com/zacharyjohnson">@zacharyjohnson</a></li>
<li><a href="http://www.zachstronaut.com">www.zachstronaut.com</a></li>
</ul>
</li>
<li class="member">
<h3>Nate Kadlac</h3>
<img src="images/nate.jpg" alt="Nate Kadlac" />
<ul>
<li><a href="http://twitter.com/kadlac">@kadlac</a></li>
<li><a href="http://www.kadlac.com">www.kadlac.com</a></li>
</ul>
</li>
</ul>
</section>
<script type="text/javascript" src="http://jackalope.no.de/js/statsClient.js?align=center&width=960"></script>
</body>
</html>