Skip to content

Commit 65bd2f5

Browse files
committed
Updated demo layout
1 parent cc59963 commit 65bd2f5

3 files changed

Lines changed: 86 additions & 480 deletions

File tree

demo.html

Lines changed: 49 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -3,67 +3,67 @@
33
<head>
44
<meta charset='utf-8'>
55
<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">
6+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
107
<!--[if lt IE 9]>
118
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
129
<![endif]-->
1310
<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>
2411

25-
<hr>
12+
<style type="text/css">
13+
html {
14+
display: block;
15+
width: 100%;
16+
height: 100%;
17+
}
2618

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>
19+
body {
20+
font-family: 'Open Sans';
21+
display: block;
22+
padding: 0;
23+
margin: 0;
24+
width: 100%;
25+
height: 100%;
26+
}
3227

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>
28+
.button {
29+
background: #e74c3c;
30+
color: white;
31+
text-decoration: none;
32+
width: 100%;
33+
height: 100%;
34+
display: block;
35+
font-size: 5em;
36+
line-height: 500px;
37+
}
38+
</style>
39+
</head>
3840

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>
41+
<body>
42+
<a href="#" id="test_button" class="button" style="float:none; margin:0 auto; text-align: center;">
43+
Click anywhere!
44+
</a>
4345

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>
46+
<script type="text/javascript">
47+
document.getElementById('test_button').onclick = function () {
48+
Push.create('Hello world!', {
49+
body: 'This is an example string'
50+
});
51+
};
52+
</script>
5153

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>
54+
<script type="text/javascript" src="push.min.js"></script>
5655

57-
<script type="text/javascript">
58-
try {
59-
var pageTracker = _gat._getTracker("UA-24989915-5");
60-
pageTracker._trackPageview();
61-
} catch(err) {}
62-
</script>
56+
<script type="text/javascript">
57+
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
58+
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
59+
</script>
6360

64-
<script type="text/javascript" src="push.js"></script>
61+
<script type="text/javascript">
62+
try {
63+
var pageTracker = _gat._getTracker("UA-24989915-5");
64+
pageTracker._trackPageview();
65+
} catch(err) {}
66+
</script>
6567

66-
</div>
67-
</div>
6868
</body>
6969
</html>

0 commit comments

Comments
 (0)