Skip to content

Commit 73d03e6

Browse files
remyremy
committed
chore: update website code
1 parent 9595d94 commit 73d03e6

File tree

2 files changed

+192
-176
lines changed

2 files changed

+192
-176
lines changed

‎website/index.html

+52-176
Original file line numberDiff line numberDiff line change
@@ -1,188 +1,64 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset=utf-8>
5-
<meta name="viewport" content="width=device-width">
6-
<title>nodemon</title>
7-
<style id="jsbin-css">
8-
@font-face {
9-
font-family: 'Roboto';
10-
font-style: normal;
11-
font-weight: 100;
12-
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/vzIUHo9z-oJ4WgkpPOtg13YhjbSpvc47ee6xR_80Hnw.woff) format('woff');
13-
}
14-
@font-face {
15-
font-family: 'Roboto';
16-
font-style: normal;
17-
font-weight: 300;
18-
src: local('Roboto Light'), local('Roboto-Light'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
19-
}
20-
@font-face {
21-
font-family: 'Roboto';
22-
font-style: normal;
23-
font-weight: 500;
24-
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/RxZJdnzeo3R5zSexge8UUbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
25-
}
263

27-
body, html {
28-
margin: 0;
29-
min-height: 100%;
30-
background: #2B2922;
31-
color: #eee;
32-
font-family: 'Roboto', serif;
33-
font-size: 20px;
34-
font-weight: 100;
35-
line-height: 1.5;
36-
}
37-
38-
html {
39-
margin-bottom: 20px;
40-
}
41-
42-
header, footer {
43-
background: #76d04b;
44-
padding: 10px;
45-
position: relative;
46-
/* background: white; */
47-
}
48-
49-
svg {
50-
width: 200px;
51-
height: 200px;
52-
margin: 0 auto;
53-
padding: 80px 0 0;
54-
border: 1px solid #77d04b;
55-
display: block;
56-
fill: #4F4D3F;
57-
}
58-
59-
header, footer a, footer p {
60-
color: #4F4D3F;
61-
}
62-
63-
h1 {
64-
padding: 40px 0 0 0;
65-
font-weight: 300;
66-
}
67-
68-
h2 {
69-
font-weight: 100;
70-
}
71-
72-
header strong {
73-
font-weight: 500;
74-
font-size: 110%;
75-
}
76-
77-
header h1, header h2 {
78-
text-align: center;
79-
}
80-
81-
body > p, h2, ul {
82-
margin: 20px 48px;
83-
}
84-
85-
ul {
86-
padding-left: 23px;
87-
}
88-
89-
code {
90-
font-weight: 100;
91-
font-size: 22px;
92-
font-family: 'courier new';
93-
}
94-
95-
pre code {
96-
font-family: courier;
97-
}
98-
99-
pre {
100-
white-space: pre-wrap;
101-
background: #000;
102-
border-radius: 3px;
103-
padding: 20px 48px;
104-
}
105-
106-
a {
107-
color: #fff;
108-
font-weight: 400;
109-
}
110-
111-
footer {
112-
margin-top: 40px;
113-
padding: 10px 28px;
114-
}
115-
116-
footer p {
117-
font-size: 80%;
118-
margin: 5px 10px;
119-
}
120-
121-
footer a {
122-
padding: 10px;
123-
}
124-
125-
@media screen and (max-width: 500px) {
126-
body > p, h2, ul {
127-
margin: 20px 10px;
128-
}
129-
130-
pre {
131-
padding: 20px 12px;
132-
}
133-
134-
footer {
135-
padding: 10px 12px;
136-
}
137-
138-
pre, pre code {
139-
margin: 10px 0;
140-
}
141-
}
142-
</style>
143-
</head>
144-
<body>
145-
<header>
146-
<svg version="1.1" id="template" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="160" height="180"
147-
viewBox="0 0 160 185" xml:space="preserve">
148-
<path d="M158.156,60.461l-5.326-3.066
4+
<head>
5+
<meta charset=utf-8>
6+
<meta name="viewport" content="width=device-width">
7+
<title>nodemon</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
11+
<body>
12+
<header>
13+
<svg version="1.1" id="template" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"
14+
x="0px" y="0px" width="160" height="180" viewBox="0 0 160 185" xml:space="preserve">
15+
<path d="M158.156,60.461l-5.326-3.066
14916
c8.189-12.08,13.084-30.242,6.947-57.395c0,0-13.82,38.733-41.602,37.449L85.645,18.73c-1.227-0.728-2.602-1.103-3.992-1.159
15017
c-0.125,0-0.648,0-0.75,0c-1.387,0.057-2.76,0.432-4.004,1.159L44.367,37.449C16.586,38.738,2.762,0,2.762,0
15118
c-6.141,27.152-1.238,45.314,6.949,57.395l-5.324,3.066C1.682,62.018,0,64.914,0,68.072l0.16,112.363
15219
c0,1.568,0.812,3.021,2.188,3.783c1.344,0.812,3.008,0.812,4.35,0l43.094-24.676c2.727-1.619,4.385-4.477,4.385-7.6V99.449
15320
c0-3.129,1.658-6.031,4.373-7.582l18.35-10.568c1.367-0.795,2.863-1.182,4.391-1.182c1.492,0,3.027,0.387,4.356,1.182
15421
l18.344,10.568c2.715,1.551,4.379,4.453,4.379,7.582v52.494c0,3.123,1.68,6.002,4.391,7.6l43.082,24.676
15522
c1.352,0.812,3.039,0.812,4.379,0c1.336-0.762,2.176-2.215,2.176-3.783l0.141-112.363
156-
C162.535,64.914,160.879,62.018,158.156,60.461z"/>
157-
</svg>
158-
<h1><strong>nodemon</strong> reload, automatically.</h1>
159-
160-
</header>
161-
162-
<p>Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. Perfect for development. Install it using <a href="https://npmjs.org/package/nodemon">npm</a>.</p>
163-
164-
<p>Just use <code>nodemon</code> instead of <code>node</code> to run your code, and now your process will automatically restart when your code changes. To install, get <a href="https://nodejs.org" target="_blank">node.js</a>, then from your terminal run:</p>
165-
166-
<pre><code>npm install -g nodemon</code></pre>
167-
168-
169-
<h2>Features</h2>
170-
171-
<ul>
172-
<li>Automatic restarting of application.</li>
173-
<li>Detects default file extension to monitor.</li>
174-
<li>Default support for node &amp; coffeescript, but easy to run any executable (such as python, make, etc).</li>
175-
<li>Ignoring specific files or directories.</li>
176-
<li>Watch specific directories.</li>
177-
<li>Works with server applications or one time run utilities and REPLs.</li>
178-
<li>Requirable in node apps.</li>
179-
<li>Open source and available on <a href="https://github.com/remy/nodemon/">github</a>.</li>
180-
</ul>
181-
182-
<p>Read the full <a href="https://github.com/remy/nodemon#nodemon">documentation</a>.</p>
23+
C162.535,64.914,160.879,62.018,158.156,60.461z" />
24+
</svg>
25+
<h1><strong>nodemon</strong> reload, automatically.</h1>
26+
27+
</header>
28+
<main>
29+
<p>Nodemon is a utility <strong>depended on by over 1.5 million projects</strong>, that will monitor for any
30+
changes in your source and automatically restart your server.
31+
Perfect for development.</p>
32+
33+
<p>Swap <strong>nodemon</strong> instead of <strong>node</strong> to run your code, and now your process will
34+
automatically restart when your code changes. To install, get <a href="https://nodejs.org"
35+
target="_blank">node.js</a>, then from your terminal run:</p>
36+
37+
<pre><code>npm install -g nodemon</code></pre>
38+
39+
40+
<h2>Features</h2>
41+
42+
<ul>
43+
<li>Automatic restarting of application.</li>
44+
<li>Detects default file extension to monitor.</li>
45+
<li>Default support for node but easy to run any executable, such as python, ruby, make, etc.
46+
</li>
47+
<li>Ignoring specific files or directories.</li>
48+
<li>Watch specific directories.</li>
49+
<li>Works with server applications or one time run utilities and REPLs.</li>
50+
<li>Scriptable through node require statements.</li>
51+
<li>Open source and available on <a href="https://github.com/remy/nodemon/">github</a>.</li>
52+
</ul>
53+
54+
<p>Read the full <a href="https://github.com/remy/nodemon#nodemon">documentation</a> or visit the <a
55+
href="https://github.com/remy/nodemon/blob/master/faq.md">FAQ</a></p>
56+
</main>
57+
<footer>
58+
<p><a href="https://github.com/remy/nodemon/issues">issues</a> &bull; <a
59+
href="https://github.com/remy/nodemon/">source code</a> &bull; <a href="https://twitter.com/rem">built by
60+
@rem</a></p>
61+
</footer>
62+
</body>
18363

184-
<footer>
185-
<p><a href="https://github.com/remy/nodemon/issues">issues</a> &bull; <a href="https://github.com/remy/nodemon/">source code</a> &bull; <a href="https://twitter.com/rem">built by @rem</a></p>
186-
</footer>
187-
</body>
18864
</html>

‎website/style.css

+140
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
body,
2+
html {
3+
margin: 0;
4+
min-height: 100%;
5+
background: #2b2922;
6+
color: #eee;
7+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
8+
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
9+
font-size: 20px;
10+
font-weight: 200;
11+
line-height: 1.5;
12+
}
13+
14+
html {
15+
margin-bottom: 20px;
16+
}
17+
18+
header,
19+
footer {
20+
background: #76d04b;
21+
padding: 10px;
22+
position: relative;
23+
/* background: white; */
24+
}
25+
26+
svg {
27+
width: 200px;
28+
height: 200px;
29+
margin: 0 auto;
30+
padding: 80px 0 0;
31+
border: 1px solid #77d04b;
32+
display: block;
33+
fill: #4f4d3f;
34+
}
35+
36+
header,
37+
footer a,
38+
footer p {
39+
color: #4f4d3f;
40+
}
41+
42+
h1 {
43+
padding: 40px 0 0 0;
44+
font-weight: 300;
45+
}
46+
47+
h2 {
48+
font-weight: 100;
49+
}
50+
51+
header strong {
52+
font-weight: 500;
53+
font-size: 110%;
54+
}
55+
56+
header h1,
57+
header h2 {
58+
text-align: center;
59+
}
60+
61+
body > p,
62+
h2,
63+
ul {
64+
margin: 20px 48px;
65+
}
66+
67+
main > ul {
68+
padding-left: 60px;
69+
}
70+
71+
code {
72+
font-weight: 100;
73+
font-size: 22px;
74+
font-family: 'courier new';
75+
}
76+
77+
pre code {
78+
font-family: courier;
79+
}
80+
81+
pre {
82+
white-space: pre-wrap;
83+
background: #000;
84+
border-radius: 4px;
85+
padding: 20px 48px;
86+
}
87+
88+
a {
89+
color: #fff;
90+
font-weight: 400;
91+
}
92+
93+
footer {
94+
margin-top: 40px;
95+
padding: 10px 28px;
96+
}
97+
98+
footer p {
99+
font-size: 80%;
100+
margin-top: 4px;
101+
margin-bottom: 4px;
102+
}
103+
104+
footer a {
105+
padding: 10px;
106+
}
107+
108+
main > *,
109+
footer > * {
110+
max-width: 800px;
111+
margin: 20px auto;
112+
padding-left: 20px;
113+
padding-right: 20px;
114+
}
115+
116+
@media screen and (max-width: 840px) {
117+
pre {
118+
border-radius: 0;
119+
}
120+
121+
body > p,
122+
h2,
123+
ul {
124+
margin: 20px 10px;
125+
}
126+
127+
main > ul {
128+
margin-left: 0px;
129+
padding-left: 48px;
130+
}
131+
132+
footer {
133+
padding: 10px 12px;
134+
}
135+
136+
pre,
137+
pre code {
138+
margin: 10px 0;
139+
}
140+
}

0 commit comments

Comments
 (0)