|
3 | 3 | <head> |
4 | 4 | <meta charset='utf-8'> |
5 | 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"> |
| 6 | + <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> |
10 | 7 | <!--[if lt IE 9]> |
11 | 8 | <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
12 | 9 | <![endif]--> |
13 | 10 | <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 | 11 |
|
25 | | - <hr> |
| 12 | + <style type="text/css"> |
| 13 | + html { |
| 14 | + display: block; |
| 15 | + width: 100%; |
| 16 | + height: 100%; |
| 17 | + } |
26 | 18 |
|
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 | + } |
32 | 27 |
|
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> |
38 | 40 |
|
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> |
43 | 45 |
|
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> |
51 | 53 |
|
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> |
56 | 55 |
|
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> |
63 | 60 |
|
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> |
65 | 67 |
|
66 | | - </div> |
67 | | - </div> |
68 | 68 | </body> |
69 | 69 | </html> |
0 commit comments