Skip to content

Commit bb5693c

Browse files
jessecravens-frogjessecravens-frog
committed
added all example files
1 parent e08503e commit bb5693c

File tree

9 files changed

+605
-25
lines changed

9 files changed

+605
-25
lines changed

‎docs/examples/cors.html

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>HTML5 Hacks</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
10+
<!-- Le styles -->
11+
<link href="../assets/css/bootstrap.css" rel="stylesheet">
12+
<style>
13+
body {
14+
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
15+
}
16+
</style>
17+
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
18+
19+
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
20+
<!--[if lt IE 9]>
21+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
22+
<![endif]-->
23+
24+
<!-- Le fav and touch icons -->
25+
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
26+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
27+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
28+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
29+
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
30+
</head>
31+
32+
<body>
33+
34+
<div class="navbar navbar-fixed-top">
35+
<div class="navbar-inner">
36+
<div class="container">
37+
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
38+
<span class="icon-bar"></span>
39+
<span class="icon-bar"></span>
40+
<span class="icon-bar"></span>
41+
</a>
42+
<a class="brand" href="/">HTML5 Hacks: Connectivity</a>
43+
<div class="nav-collapse">
44+
<ul class="nav">
45+
<li><a href="echo.html">WS Echo</a></li>
46+
<li><a href="nodews.html">Node ws</a></li>
47+
<li><a href="pusher.html">Pusher API</a></li>
48+
<li><a href="jWebSocket.html">jWebSocket</a></li>
49+
<li><a href="sse.html">EventSource</a></li>
50+
<li><a class="active" href="cors.html">CORS</a></li>
51+
<li><a href="robodeck.html">Robodeck</a></li>
52+
<li><a href="spdy.html">SPDY</a></li>
53+
</ul>
54+
</div><!--/.nav-collapse -->
55+
</div>
56+
</div>
57+
</div>
58+
59+
<div class="container">
60+
61+
<h2>Hack #75 Configure Amazon S3 for Cross-Origin Resource Sharing to Host a Web Font</h2>
62+
63+
</div> <!-- /container -->
64+
65+
<!-- Le javascript
66+
================================================== -->
67+
<!-- Placed at the end of the document so the pages load faster -->
68+
<script src="../assets/js/jquery.js"></script>
69+
<script src="../assets/js/bootstrap-transition.js"></script>
70+
<script src="../assets/js/bootstrap-alert.js"></script>
71+
<script src="../assets/js/bootstrap-modal.js"></script>
72+
<script src="../assets/js/bootstrap-dropdown.js"></script>
73+
<script src="../assets/js/bootstrap-scrollspy.js"></script>
74+
<script src="../assets/js/bootstrap-tab.js"></script>
75+
<script src="../assets/js/bootstrap-tooltip.js"></script>
76+
<script src="../assets/js/bootstrap-popover.js"></script>
77+
<script src="../assets/js/bootstrap-button.js"></script>
78+
<script src="../assets/js/bootstrap-collapse.js"></script>
79+
<script src="../assets/js/bootstrap-carousel.js"></script>
80+
<script src="../assets/js/bootstrap-typeahead.js"></script>
81+
82+
</body>
83+
</html>

‎docs/examples/echo.html

+9-7
Original file line numberDiff line numberDiff line change
@@ -42,12 +42,14 @@
4242
<a class="brand" href="/">HTML5 Hacks: Connectivity</a>
4343
<div class="nav-collapse">
4444
<ul class="nav">
45-
<li><a class="active" href="docs/examples/echo.html">WS Echo</a></li>
46-
<!-- <li><a href="docs/examples/blob.html">Blobs</a></li>
47-
<li><a href="docs/examples/webstorage.html">Web Storage</a></li>
48-
<li><a href="docs/examples/fileAPI.html">FileAPI</a></li>
49-
<li><a href="docs/examples/indexeddb.html">IndexedDB</a></li>
50-
<li><a href="docs/examples/indexeddbpolyfill.html">IndexedDB polyfill</a></li> -->
45+
<li><a class="active" href="echo.html">WS Echo</a></li>
46+
<li><a href="nodews.html">Node ws</a></li>
47+
<li><a href="pusher.html">Pusher API</a></li>
48+
<li><a href="jWebSocket.html">jWebSocket</a></li>
49+
<li><a href="sse.html">EventSource</a></li>
50+
<li><a href="cors.html">CORS</a></li>
51+
<li><a href="robodeck.html">Robodeck</a></li>
52+
<li><a href="spdy.html">SPDY</a></li>
5153
</ul>
5254
</div><!--/.nav-collapse -->
5355
</div>
@@ -56,7 +58,7 @@
5658

5759
<div class="container">
5860

59-
<h1>Kaazing Web Socket Echo Server</h1>
61+
<h2>Hack #70 Use Kaazing’s Remote WebSocket Server to Echo Simple Messages from a Browser</h2>
6062
<script src="https://gist.github.com/4142531.js"></script>
6163

6264
</div> <!-- /container -->

‎docs/examples/jWebSocket.html

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>HTML5 Hacks</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
10+
<!-- Le styles -->
11+
<link href="../assets/css/bootstrap.css" rel="stylesheet">
12+
<style>
13+
body {
14+
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
15+
}
16+
</style>
17+
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
18+
19+
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
20+
<!--[if lt IE 9]>
21+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
22+
<![endif]-->
23+
24+
<!-- Le fav and touch icons -->
25+
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
26+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
27+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
28+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
29+
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
30+
</head>
31+
32+
<body>
33+
34+
<div class="navbar navbar-fixed-top">
35+
<div class="navbar-inner">
36+
<div class="container">
37+
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
38+
<span class="icon-bar"></span>
39+
<span class="icon-bar"></span>
40+
<span class="icon-bar"></span>
41+
</a>
42+
<a class="brand" href="/">HTML5 Hacks: Connectivity</a>
43+
<div class="nav-collapse">
44+
<ul class="nav">
45+
<li><a href="echo.html">WS Echo</a></li>
46+
<li><a href="nodews.html">Node ws</a></li>
47+
<li><a href="pusher.html">Pusher API</a></li>
48+
<li><a class="active" href="jWebSocket.html">jWebSocket</a></li>
49+
<li><a href="sse.html">EventSource</a></li>
50+
<li><a href="cors.html">CORS</a></li>
51+
<li><a href="robodeck.html">Robodeck</a></li>
52+
<li><a href="spdy.html">SPDY</a></li>
53+
</ul>
54+
</div><!--/.nav-collapse -->
55+
</div>
56+
</div>
57+
</div>
58+
59+
<div class="container">
60+
61+
<h2>Hack #73 Build Plug-Ins for jWebSocket</h2>
62+
63+
</div> <!-- /container -->
64+
65+
<!-- Le javascript
66+
================================================== -->
67+
<!-- Placed at the end of the document so the pages load faster -->
68+
<script src="../assets/js/jquery.js"></script>
69+
<script src="../assets/js/bootstrap-transition.js"></script>
70+
<script src="../assets/js/bootstrap-alert.js"></script>
71+
<script src="../assets/js/bootstrap-modal.js"></script>
72+
<script src="../assets/js/bootstrap-dropdown.js"></script>
73+
<script src="../assets/js/bootstrap-scrollspy.js"></script>
74+
<script src="../assets/js/bootstrap-tab.js"></script>
75+
<script src="../assets/js/bootstrap-tooltip.js"></script>
76+
<script src="../assets/js/bootstrap-popover.js"></script>
77+
<script src="../assets/js/bootstrap-button.js"></script>
78+
<script src="../assets/js/bootstrap-collapse.js"></script>
79+
<script src="../assets/js/bootstrap-carousel.js"></script>
80+
<script src="../assets/js/bootstrap-typeahead.js"></script>
81+
82+
</body>
83+
</html>

‎docs/examples/nodews.html

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>HTML5 Hacks</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
10+
<!-- Le styles -->
11+
<link href="../assets/css/bootstrap.css" rel="stylesheet">
12+
<style>
13+
body {
14+
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
15+
}
16+
</style>
17+
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
18+
19+
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
20+
<!--[if lt IE 9]>
21+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
22+
<![endif]-->
23+
24+
<!-- Le fav and touch icons -->
25+
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
26+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
27+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
28+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
29+
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
30+
</head>
31+
32+
<body>
33+
34+
<div class="navbar navbar-fixed-top">
35+
<div class="navbar-inner">
36+
<div class="container">
37+
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
38+
<span class="icon-bar"></span>
39+
<span class="icon-bar"></span>
40+
<span class="icon-bar"></span>
41+
</a>
42+
<a class="brand" href="/">HTML5 Hacks: Connectivity</a>
43+
<div class="nav-collapse">
44+
<ul class="nav">
45+
<li><a href="echo.html">WS Echo</a></li>
46+
<li><a class="active" href="nodews.html">Node ws</a></li>
47+
<li><a href="pusher.html">Pusher API</a></li>
48+
<li><a href="jWebSocket.html">jWebSocket</a></li>
49+
<li><a href="sse.html">EventSource</a></li>
50+
<li><a href="cors.html">CORS</a></li>
51+
<li><a href="robodeck.html">Robodeck</a></li>
52+
<li><a href="spdy.html">SPDY</a></li>
53+
</ul>
54+
</div><!--/.nav-collapse -->
55+
</div>
56+
</div>
57+
</div>
58+
59+
<div class="container">
60+
61+
<h2>Hack #71 Build a Blazing-Fast WebSocket Server with Node.js and the ws Module</h2>
62+
63+
</div> <!-- /container -->
64+
65+
<!-- Le javascript
66+
================================================== -->
67+
<!-- Placed at the end of the document so the pages load faster -->
68+
<script src="../assets/js/jquery.js"></script>
69+
<script src="../assets/js/bootstrap-transition.js"></script>
70+
<script src="../assets/js/bootstrap-alert.js"></script>
71+
<script src="../assets/js/bootstrap-modal.js"></script>
72+
<script src="../assets/js/bootstrap-dropdown.js"></script>
73+
<script src="../assets/js/bootstrap-scrollspy.js"></script>
74+
<script src="../assets/js/bootstrap-tab.js"></script>
75+
<script src="../assets/js/bootstrap-tooltip.js"></script>
76+
<script src="../assets/js/bootstrap-popover.js"></script>
77+
<script src="../assets/js/bootstrap-button.js"></script>
78+
<script src="../assets/js/bootstrap-collapse.js"></script>
79+
<script src="../assets/js/bootstrap-carousel.js"></script>
80+
<script src="../assets/js/bootstrap-typeahead.js"></script>
81+
82+
</body>
83+
</html>

‎docs/examples/pusher.html

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>HTML5 Hacks</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
10+
<!-- Le styles -->
11+
<link href="../assets/css/bootstrap.css" rel="stylesheet">
12+
<style>
13+
body {
14+
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
15+
}
16+
</style>
17+
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
18+
19+
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
20+
<!--[if lt IE 9]>
21+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
22+
<![endif]-->
23+
24+
<!-- Le fav and touch icons -->
25+
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
26+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
27+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
28+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
29+
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
30+
</head>
31+
32+
<body>
33+
34+
<div class="navbar navbar-fixed-top">
35+
<div class="navbar-inner">
36+
<div class="container">
37+
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
38+
<span class="icon-bar"></span>
39+
<span class="icon-bar"></span>
40+
<span class="icon-bar"></span>
41+
</a>
42+
<a class="brand" href="/">HTML5 Hacks: Connectivity</a>
43+
<div class="nav-collapse">
44+
<ul class="nav">
45+
<li><a href="echo.html">WS Echo</a></li>
46+
<li><a href="nodews.html">Node ws</a></li>
47+
<li><a class="active" href="pusher.html">Pusher API</a></li>
48+
<li><a href="jWebSocket.html">jWebSocket</a></li>
49+
<li><a href="sse.html">EventSource</a></li>
50+
<li><a href="cors.html">CORS</a></li>
51+
<li><a href="robodeck.html">Robodeck</a></li>
52+
<li><a href="spdy.html">SPDY</a></li>
53+
</ul>
54+
</div><!--/.nav-collapse -->
55+
</div>
56+
</div>
57+
</div>
58+
59+
<div class="container">
60+
61+
<h2>Hack #72 Build a Donation Thermometer with Web Sockets, the Pusher API, and PHP</h2>
62+
63+
</div> <!-- /container -->
64+
65+
<!-- Le javascript
66+
================================================== -->
67+
<!-- Placed at the end of the document so the pages load faster -->
68+
<script src="../assets/js/jquery.js"></script>
69+
<script src="../assets/js/bootstrap-transition.js"></script>
70+
<script src="../assets/js/bootstrap-alert.js"></script>
71+
<script src="../assets/js/bootstrap-modal.js"></script>
72+
<script src="../assets/js/bootstrap-dropdown.js"></script>
73+
<script src="../assets/js/bootstrap-scrollspy.js"></script>
74+
<script src="../assets/js/bootstrap-tab.js"></script>
75+
<script src="../assets/js/bootstrap-tooltip.js"></script>
76+
<script src="../assets/js/bootstrap-popover.js"></script>
77+
<script src="../assets/js/bootstrap-button.js"></script>
78+
<script src="../assets/js/bootstrap-collapse.js"></script>
79+
<script src="../assets/js/bootstrap-carousel.js"></script>
80+
<script src="../assets/js/bootstrap-typeahead.js"></script>
81+
82+
</body>
83+
</html>

0 commit comments

Comments
 (0)