Skip to content

Commit b4eb085

Browse files
committed
Initial commit
I know.. it does look very much like the express site. It's very simple and clean.
1 parent 54ff041 commit b4eb085

File tree

4 files changed

+368
-0
lines changed

4 files changed

+368
-0
lines changed

webpage/assets/mysql_logo.png

19.6 KB
Loading

webpage/assets/screen.css

Lines changed: 185 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,185 @@
1+
html,
2+
body,
3+
div,
4+
span,
5+
applet,
6+
object,
7+
iframe,
8+
h1,
9+
h2,
10+
h3,
11+
h4,
12+
h5,
13+
h6,
14+
p,
15+
blockquote,
16+
pre,
17+
a,
18+
abbr,
19+
acronym,
20+
address,
21+
big,
22+
cite,
23+
code,
24+
del,
25+
dfn,
26+
em,
27+
img,
28+
ins,
29+
kbd,
30+
q,
31+
s,
32+
samp,
33+
small,
34+
strike,
35+
strong,
36+
sub,
37+
sup,
38+
tt,
39+
var,
40+
dl,
41+
dt,
42+
dd,
43+
ol,
44+
ul,
45+
li,
46+
fieldset,
47+
form,
48+
label,
49+
legend,
50+
table,
51+
caption,
52+
tbody,
53+
tfoot,
54+
thead,
55+
tr,
56+
th,
57+
td {
58+
margin: 0;
59+
padding: 0;
60+
border: 0;
61+
outline: 0;
62+
font-weight: inherit;
63+
font-style: inherit;
64+
font-family: inherit;
65+
font-size: 100%;
66+
vertical-align: baseline;
67+
}
68+
body {
69+
line-height: 1;
70+
}
71+
ol,
72+
ul {
73+
list-style: none;
74+
}
75+
table {
76+
border-collapse: separate;
77+
border-spacing: 0;
78+
vertical-align: middle;
79+
}
80+
caption,
81+
th,
82+
td {
83+
text-align: left;
84+
font-weight: normal;
85+
vertical-align: middle;
86+
}
87+
a img {
88+
border: none;
89+
}
90+
body {
91+
background: #fff;
92+
color: #444;
93+
font: 400 14px/1.6 "Open Sans", sans-serif;
94+
}
95+
nav {
96+
position: fixed;
97+
top: 0;
98+
left: 0;
99+
width: 100%;
100+
font-size: 12px;
101+
background: rgba(255,255,255,0.97);
102+
}
103+
nav ul {
104+
padding: 1em;
105+
text-align: right;
106+
}
107+
nav li {
108+
display: inline-block;
109+
}
110+
nav a {
111+
padding: 0.5em 1em;
112+
color: #777;
113+
text-decoration: none;
114+
}
115+
nav a:hover {
116+
text-decoration: underline;
117+
}
118+
nav a.selected {
119+
font-weight: bold;
120+
color: #222;
121+
}
122+
header {
123+
margin: 2em;
124+
padding: 100px;
125+
padding-right: 300px;
126+
background: url("mysql_logo.png") right center no-repeat;
127+
border-left: 1px solid #eee;
128+
}
129+
nav + header {
130+
margin-top: 15%;
131+
}
132+
section {
133+
padding: 100px;
134+
}
135+
h1 {
136+
font: 400 60px "Helvetica Neue", Helvetica, Arial, sans-serif;
137+
color: #353535;
138+
}
139+
h2 {
140+
font: 100 60px "Helvetica Neue", Helvetica, Arial, sans-serif;
141+
}
142+
h3 {
143+
margin: 2em 0 0.5em;
144+
font: 100 30px "Helvetica Neue", Helvetica, Arial, sans-serif;
145+
letter-spacing: 0.1em;
146+
}
147+
h4 {
148+
margin: 2em 0 0.5em;
149+
font: 400 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
150+
letter-spacing: 0.1em;
151+
}
152+
a {
153+
color: #4183c4;
154+
}
155+
p {
156+
padding: 0.5em 0;
157+
}
158+
pre {
159+
color: #353535;
160+
font-size: 14px;
161+
line-height: 1.4;
162+
margin: 20px 0;
163+
padding: 20px;
164+
background: #fff;
165+
border: 1px solid #e7e7e7;
166+
border-bottom: 1px solid #ddd;
167+
box-shadow: 0 1px 3px 0 #eee;
168+
border-radius: 3px;
169+
}
170+
pre code {
171+
font-family: monaco, monospace;
172+
font-size: 0.8em;
173+
}
174+
code .keyword {
175+
color: #8a6343;
176+
}
177+
code .string {
178+
color: #5890ad;
179+
}
180+
code .number {
181+
color: #2f6fad;
182+
}
183+
code .comment {
184+
color: #888;
185+
}

webpage/assets/screen.styl

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
section-margin = 100px
2+
3+
body-font(size, weight = 100)
4+
font weight size "Helvetica Neue", Helvetica, Arial, sans-serif
5+
6+
html, body, div, span, applet, object, iframe,
7+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8+
a, abbr, acronym, address, big, cite, code,
9+
del, dfn, em, img, ins, kbd, q, s, samp,
10+
small, strike, strong, sub, sup, tt, var,
11+
dl, dt, dd, ol, ul, li,
12+
fieldset, form, label, legend,
13+
table, caption, tbody, tfoot, thead, tr, th, td
14+
margin 0
15+
padding 0
16+
border 0
17+
outline 0
18+
font-weight inherit
19+
font-style inherit
20+
font-family inherit
21+
font-size 100%
22+
vertical-align baseline
23+
body
24+
line-height 1
25+
ol, ul
26+
list-style none
27+
table
28+
border-collapse separate
29+
border-spacing 0
30+
vertical-align middle
31+
caption, th, td
32+
text-align left
33+
font-weight normal
34+
vertical-align middle
35+
a img
36+
border none
37+
38+
body
39+
background #fff
40+
color #444
41+
font 400 14px/1.6 "Open Sans", sans-serif
42+
43+
nav
44+
position fixed
45+
top 0
46+
left 0
47+
width 100%
48+
font-size 12px
49+
background rgba(255, 255, 255, .97)
50+
51+
ul
52+
padding 1em
53+
text-align right
54+
55+
li
56+
display inline-block
57+
58+
a
59+
padding .5em 1em
60+
color #777
61+
text-decoration none
62+
63+
&:hover
64+
text-decoration underline
65+
66+
&.selected
67+
font-weight bold
68+
color #222
69+
70+
header
71+
margin 2em
72+
padding section-margin
73+
padding-right 300px
74+
background url(mysql_logo.png) right center no-repeat
75+
border-left 1px solid #eee
76+
77+
nav + header
78+
margin-top 15%
79+
80+
section
81+
padding section-margin
82+
83+
h1
84+
body-font(60px, 400)
85+
color #353535
86+
87+
h2
88+
body-font(60px)
89+
90+
h3
91+
margin 2em 0 .5em
92+
body-font(30px)
93+
letter-spacing .1em
94+
95+
h4
96+
margin 2em 0 .5em
97+
body-font(18px, 400)
98+
letter-spacing .1em
99+
100+
a
101+
color #4183C4
102+
103+
p
104+
padding .5em 0
105+
106+
pre
107+
color #353535
108+
font-size 14px
109+
line-height 1.4
110+
margin 20px 0
111+
padding 20px
112+
background #fff
113+
border 1px solid #e7e7e7;
114+
border-bottom 1px solid #ddd
115+
box-shadow 0 1px 3px 0 #eee
116+
border-radius 3px
117+
118+
code
119+
font-family monaco, monospace
120+
font-size .8em
121+
122+
code
123+
.keyword
124+
color #8a6343
125+
126+
.string
127+
color #5890ad
128+
129+
.number
130+
color #2f6fad
131+
132+
.comment
133+
color #888

webpage/index.html

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<html>
2+
<head>
3+
<title>node-mysql</title>
4+
<meta name="author" value="Diogo Resende, dresende@thinkdigital.pt" />
5+
<link rel="stylesheet" type="text/css" href="assets/screen.css" />
6+
</head>
7+
<body>
8+
<nav>
9+
<ul>
10+
<li><a href="#" class="selected">Home</a></li>
11+
<li><a href="#docs">Documentation</a></li>
12+
<li><a href="http://github.com/felixge/node-mysql" target="_blank">Community</a></li>
13+
</ul>
14+
</nav>
15+
<header>
16+
<h1>mysql</h1>
17+
<h2>pure node.js client implementation</h2>
18+
</header>
19+
<section name="docs">
20+
<h3>Documentation</h3>
21+
<h4>Establishing connections</h4>
22+
<p>The recommended way to establish a connection is this:</p>
23+
<pre><code><span class="keyword">var</span> mysql = require(<span class="string">'mysql'</span>);
24+
<span class="keyword">var</span> connection = mysql.createConnection({
25+
host : <span class="string">'example.org'</span>,
26+
user : <span class="string">'bob'</span>,
27+
password : <span class="string">'secret'</span>,
28+
});
29+
30+
connection.connect(<span class="keyword">function</span>(err) {
31+
<span class="comment">// connected! (unless `err` is set)</span>
32+
});</code></pre>
33+
<p>However, a connection can also be implicitly established by invoking a query:</p>
34+
<pre><code><span class="keyword">var</span> mysql = require(<span class="string">'mysql'</span>);
35+
<span class="keyword">var</span> connection = mysql.createConnection(...);
36+
37+
connection.query(<span class="string">'SELECT 1'</span>, <span class="keyword">function</span>(err, rows) {
38+
<span class="comment">// connected! (unless `err` is set)</span>
39+
});</code></pre>
40+
<p>Depending on how you like to handle your errors, either method may be appropriate. Any type of connection error (handshake or network) is considered a fatal error, see the <a href="#error-handling">Error Handling</a> section for more information.</p>
41+
<p>...</p>
42+
<p>...</p>
43+
<p>...</p>
44+
<p>...</p>
45+
<p>...</p>
46+
<p>...</p>
47+
<p>...</p>
48+
</section>
49+
</body>
50+
</html>

0 commit comments

Comments
 (0)