Skip to content

Commit ff1aeda

Browse files
rstacruzrstacruz
committed
Use cdn.jsdelivr.net, and run the site through prettier
1 parent 343a1d0 commit ff1aeda

File tree

3 files changed

+366
-73
lines changed

3 files changed

+366
-73
lines changed

‎.prettierrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{}

‎index.html

Lines changed: 150 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,161 @@
11
<!DOCTYPE html>
2-
<html lang='en'>
3-
<head>
4-
<meta charset='utf-8'>
5-
<title>NProgress: slim progress bars in JavaScript</title>
6-
<link href='support/style.css' rel='stylesheet' />
7-
<link href='nprogress.css' rel='stylesheet' />
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>NProgress: slim progress bars in JavaScript</title>
6+
<link href="./style.css" rel="stylesheet" />
7+
<link
8+
href="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.css"
9+
rel="stylesheet"
10+
/>
811

9-
<meta name="viewport" content="width=device-width">
10-
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,400italic' rel='stylesheet' type='text/css'>
11-
12-
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
13-
<script src='nprogress.js'></script>
12+
<meta name="viewport" content="width=device-width" />
13+
<link
14+
href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,400italic"
15+
rel="stylesheet"
16+
type="text/css"
17+
/>
1418

15-
<script>if(location.hostname.match(/ricostacruz\.com$/)){var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-20473929-1"]),_gaq.push(["_trackPageview"]),function(){var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)}()}</script>
16-
</head>
19+
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
20+
<script src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.js"></script>
1721

18-
<body style='display: none'>
19-
<header class='page-header'>
20-
<span class='nprogress-logo fade out'></span>
21-
<h1>NProgress<i>.js</i></h1>
22-
<p class='fade out brief big'>A nanoscopic progress bar. Featuring realistic
23-
trickle animations to convince your users that something is happening!</p>
24-
</header>
22+
<script>
23+
if (location.hostname.match(/ricostacruz\.com$/)) {
24+
var _gaq = _gaq || [];
25+
_gaq.push(["_setAccount", "UA-20473929-1"]),
26+
_gaq.push(["_trackPageview"]),
27+
(function () {
28+
var a = document.createElement("script");
29+
(a.type = "text/javascript"),
30+
(a.async = !0),
31+
(a.src =
32+
("https:" == document.location.protocol
33+
? "https://ssl"
34+
: "http://www") + ".google-analytics.com/ga.js");
35+
var b = document.getElementsByTagName("script")[0];
36+
b.parentNode.insertBefore(a, b);
37+
})();
38+
}
39+
</script>
40+
</head>
2541

26-
<div class='contents fade out'>
27-
<div class='controls'>
28-
<p>
29-
<button class='button play' id='b-0'></button>
30-
<i>NProgress</i><b>.start()</b>
31-
&mdash;
32-
shows the progress bar
42+
<body style="display: none;">
43+
<header class="page-header">
44+
<span class="nprogress-logo fade out"></span>
45+
<h1>NProgress<i>.js</i></h1>
46+
<p class="fade out brief big">
47+
A nanoscopic progress bar. Featuring realistic trickle animations to
48+
convince your users that something is happening!
3349
</p>
34-
<p>
35-
<button class='button play' id='b-40'></button>
36-
<i>NProgress</i><b>.set(0.4)</b>
37-
&mdash;
38-
sets a percentage
39-
</p>
40-
<p>
41-
<button class='button play' id='b-inc'></button>
42-
<i>NProgress</i><b>.inc()</b>
43-
&mdash;
44-
increments by a little
45-
</p>
46-
<p>
47-
<button class='button play' id='b-100'></button>
48-
<i>NProgress</i><b>.done()</b>
49-
&mdash;
50-
completes the progress
51-
</p>
52-
</div>
53-
<div class='actions'>
54-
<a href='https://github.com/rstacruz/nprogress' class='button primary big'>
55-
Download
56-
v<span class='version'></span>
57-
</a>
58-
<p class='brief'>Perfect for Turbolinks, Pjax, and other Ajax-heavy apps.</p>
59-
</div>
60-
<div class='hr-rule'></div>
61-
<div class='share-buttons'>
62-
<iframe src="http://ghbtns.com/github-btn.html?user=rstacruz&repo=nprogress&type=watch&count=true"
63-
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
64-
<iframe src="http://ghbtns.com/github-btn.html?user=rstacruz&type=follow&count=true"
65-
allowtransparency="true" frameborder="0" scrolling="0" width="175" height="20"></iframe>
66-
<a href="https://news.ycombinator.com/submit" class="hn-button" data-title="NProgress" data-url="http://ricostacruz.com/nprogress/" data-count="horizontal" data-style="twitter">HN</a>
50+
</header>
51+
52+
<div class="contents fade out">
53+
<div class="controls">
54+
<p>
55+
<button class="button play" id="b-0"></button>
56+
<i>NProgress</i><b>.start()</b>
57+
&mdash; shows the progress bar
58+
</p>
59+
<p>
60+
<button class="button play" id="b-40"></button>
61+
<i>NProgress</i><b>.set(0.4)</b>
62+
&mdash; sets a percentage
63+
</p>
64+
<p>
65+
<button class="button play" id="b-inc"></button>
66+
<i>NProgress</i><b>.inc()</b>
67+
&mdash; increments by a little
68+
</p>
69+
<p>
70+
<button class="button play" id="b-100"></button>
71+
<i>NProgress</i><b>.done()</b>
72+
&mdash; completes the progress
73+
</p>
74+
</div>
75+
<div class="actions">
76+
<a
77+
href="https://github.com/rstacruz/nprogress"
78+
class="button primary big"
79+
>
80+
Download v<span class="version"></span>
81+
</a>
82+
<p class="brief">
83+
Perfect for Turbolinks, Pjax, and other Ajax-heavy apps.
84+
</p>
85+
</div>
86+
<div class="hr-rule"></div>
87+
<div class="share-buttons">
88+
<iframe
89+
src="http://ghbtns.com/github-btn.html?user=rstacruz&repo=nprogress&type=watch&count=true"
90+
allowtransparency="true"
91+
frameborder="0"
92+
scrolling="0"
93+
width="100"
94+
height="20"
95+
></iframe>
96+
<iframe
97+
src="http://ghbtns.com/github-btn.html?user=rstacruz&type=follow&count=true"
98+
allowtransparency="true"
99+
frameborder="0"
100+
scrolling="0"
101+
width="175"
102+
height="20"
103+
></iframe>
104+
<a
105+
href="https://news.ycombinator.com/submit"
106+
class="hn-button"
107+
data-title="NProgress"
108+
data-url="http://ricostacruz.com/nprogress/"
109+
data-count="horizontal"
110+
data-style="twitter"
111+
>HN</a
112+
>
113+
</div>
67114
</div>
68-
</div>
69115

70-
<script>
71-
$('body').show();
72-
$('.version').text(NProgress.version);
73-
NProgress.start();
74-
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
116+
<script>
117+
$("body").show();
118+
$(".version").text(NProgress.version);
119+
NProgress.start();
120+
setTimeout(function () {
121+
NProgress.done();
122+
$(".fade").removeClass("out");
123+
}, 1000);
75124

76-
$("#b-0").click(function() { NProgress.start(); });
77-
$("#b-40").click(function() { NProgress.set(0.4); });
78-
$("#b-inc").click(function() { NProgress.inc(); });
79-
$("#b-100").click(function() { NProgress.done(); });
80-
</script>
125+
$("#b-0").click(function () {
126+
NProgress.start();
127+
});
128+
$("#b-40").click(function () {
129+
NProgress.set(0.4);
130+
});
131+
$("#b-inc").click(function () {
132+
NProgress.inc();
133+
});
134+
$("#b-100").click(function () {
135+
NProgress.done();
136+
});
137+
</script>
81138

82-
<script>var HN=[];HN.factory=function(e){return function(){HN.push([e].concat(Array.prototype.slice.call(arguments,0)))};},HN.on=HN.factory("on"),HN.once=HN.factory("once"),HN.off=HN.factory("off"),HN.emit=HN.factory("emit"),HN.load=function(){var e="hn-button.js";if(document.getElementById(e))return;var t=document.createElement("script");t.id=e,t.src="//hn-button.herokuapp.com/hn-button.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)},HN.load();</script>
83-
</body>
139+
<script>
140+
var HN = [];
141+
(HN.factory = function (e) {
142+
return function () {
143+
HN.push([e].concat(Array.prototype.slice.call(arguments, 0)));
144+
};
145+
}),
146+
(HN.on = HN.factory("on")),
147+
(HN.once = HN.factory("once")),
148+
(HN.off = HN.factory("off")),
149+
(HN.emit = HN.factory("emit")),
150+
(HN.load = function () {
151+
var e = "hn-button.js";
152+
if (document.getElementById(e)) return;
153+
var t = document.createElement("script");
154+
(t.id = e), (t.src = "//hn-button.herokuapp.com/hn-button.js");
155+
var n = document.getElementsByTagName("script")[0];
156+
n.parentNode.insertBefore(t, n);
157+
}),
158+
HN.load();
159+
</script>
160+
</body>
84161
</html>

0 commit comments

Comments
 (0)