Skip to content

Commit 6aa4563

Browse files
NickersoftNickersoft
committed
Added demo page
1 parent c2a293f commit 6aa4563

4 files changed

Lines changed: 507 additions & 3 deletions

File tree

‎demo.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset='utf-8'>
5+
<meta http-equiv="X-UA-Compatible" content="chrome=1">
6+
<link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
7+
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
8+
<link rel="stylesheet" type="text/css" href="stylesheets/github-dark.css" media="screen">
9+
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
10+
<!--[if lt IE 9]>
11+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
12+
<![endif]-->
13+
<title>Push.js by Nickersoft</title>
14+
</head>
15+
16+
<body>
17+
<div id="container">
18+
<div class="inner">
19+
20+
<header>
21+
<h1><a href="index.html">Push.js</a></h1>
22+
<h2>A compact, cross-browser solution for Javascript desktop notifications</h2>
23+
</header>
24+
25+
<hr>
26+
27+
<section id="main_content">
28+
<h1>
29+
<a id="demo" class="anchor" href="#demo" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>
30+
Demo
31+
</h1>
32+
33+
<p>Click the button below to try it!</p>
34+
35+
<a href="#" id="test_button" class="button" style="float:none; margin:0 auto; text-align: center;">Click me!</a>
36+
37+
</section>
38+
39+
<footer>
40+
Push.js is maintained by <a href="https://github.com/Nickersoft">Nickersoft</a><br>
41+
This page was generated by <a href="https://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.
42+
</footer>
43+
44+
<script type="text/javascript">
45+
document.getElementById('test_button').onclick = function () {
46+
Push.create('Hello world!', {
47+
body: 'This is an example string'
48+
});
49+
};
50+
</script>
51+
52+
<script type="text/javascript">
53+
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
54+
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
55+
</script>
56+
57+
<script type="text/javascript">
58+
try {
59+
var pageTracker = _gat._getTracker("UA-24989915-5");
60+
pageTracker._trackPageview();
61+
} catch(err) {}
62+
</script>
63+
64+
<script type="text/javascript" src="push.js"></script>
65+
66+
</div>
67+
</div>
68+
</body>
69+
</html>

‎index.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
<div class="inner">
1919

2020
<header>
21-
<h1>Push.js</h1>
21+
<h1><a href="index.html">Push.js</a></h1>
2222
<h2>A compact, cross-browser solution for Javascript desktop notifications</h2>
2323
</header>
2424

@@ -43,6 +43,8 @@ <h3>
4343
<pre><code>npm install push.js --save
4444
</code></pre>
4545

46+
<p>You can view a demo of Push in action <a href="demo.html">here</a>.
47+
4648
<h4>
4749
<a id="creating-notifications" class="anchor" href="#creating-notifications" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Creating Notifications</h4>
4850

0 commit comments

Comments
 (0)