Skip to content

Commit 40a11a5

Browse files
author
Arnaud Levy
committed
styles and responsivity
1 parent c050915 commit 40a11a5

File tree

3 files changed

+139
-138
lines changed

3 files changed

+139
-138
lines changed

‎help.html

Lines changed: 117 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -5,24 +5,31 @@
55
<meta
66
name="description"
77
content="How to use JSLint to reduce the rate of error formation in
8-
JavaScript programs. JSLint recommends using only the good parts of The
9-
ECMAScript Programming Language Standard, Sixth Edition [ES6]."
10-
>
8+
JavaScript programs. JSLint recommends using only the good parts of The
9+
ECMAScript Programming Language Standard, Sixth Edition [ES6]."
10+
/>
1111
<meta
1212
name="author"
1313
content="Douglas Crockford"
14-
>
15-
<meta name="date" content="2018-05-16"
16-
>
14+
/>
15+
<meta
16+
name="date"
17+
content="2018-05-16"
18+
/>
19+
20+
<meta
21+
name="viewport"
22+
content="width=device-width, initial-scale=1"
23+
/>
1724
<link
1825
rel="stylesheet"
1926
type="text/css"
2027
href="https://fonts.googleapis.com/css?family=Patua+One"
21-
>
28+
/>
2229
<link
2330
rel="icon"
2431
href="image/favicon.ico"
25-
>
32+
/>
2633
<title>JSLint: Help</title>
2734
<style>
2835
@font-face {
@@ -31,163 +38,162 @@
3138
src: url('Programma-Bold.woff') format('woff');
3239
}
3340
@font-face {
34-
font-family: 'Daly';
41+
font-family: 'Daley';
3542
font-weight: bold;
36-
src: url('Daly-Bold.woff') format('woff');
43+
src: url('Daley-Bold.woff') format('woff');
3744
}
3845
body {
39-
background-color: seashell;
40-
font-family: Palatino, serif;
41-
font-size: 100%;
42-
margin: 0;
43-
padding: 0;
46+
font-family: Palatino, serif;
47+
font-size: 100%;
48+
margin: 0;
49+
padding: 2em;
4450
}
4551
#JSLINT_TITLE {
4652
color: darkslategray;
47-
float: left;
48-
font-family: "Daly", monospace;
53+
font-family: "Daley", monospace;
4954
font-size: 48pt;
55+
text-align: center;
56+
}
57+
h1 {
58+
color: darkslategray;
59+
font-family: "Daley", serif;
60+
font-size: 120%;
61+
font-style: normal;
62+
font-weight: normal;
63+
margin-bottom: 1em;
5064
margin-left: 12%;
65+
margin-right: 12%;
66+
margin-top: 4em;
67+
padding-bottom: 0.25em;
68+
padding-left: 0;
69+
padding-right: 0;
70+
padding-top: 0.25em;
71+
}
72+
ul.nav {
73+
font-size: 12pt;
74+
list-style: none;
75+
text-align: center;
5176
padding: 0;
77+
font-family: 'Daley', sans-serif;
78+
margin-bottom: 4em;
5279
}
53-
54-
h1 {
55-
background-color: darkslategray;
56-
color: white;
57-
font-family: "Daly", serif;
58-
font-size: 100%;
59-
font-style: normal;
60-
font-weight: normal;
61-
margin-bottom: 1em;
62-
margin-left: 12%;
63-
margin-right: 12%;
64-
margin-top: 1em;
65-
padding-bottom: 0.25em;
66-
padding-left: 0;
67-
padding-right: 0;
68-
padding-top: 0.25em;
69-
text-align: center;
80+
ul.nav li {
81+
padding: 0.5em;
82+
line-height: 100%;
7083
}
7184
th {
72-
background-color: darkslategray;
73-
color: white;
85+
background-color: darkslategray;
86+
color: white;
7487
}
7588
td {
76-
background-color: white;
89+
background-color: white;
7790
}
7891
button {
79-
background-color: lightsteelblue;
80-
border: 0;
81-
color: black;
82-
cursor: pointer;
83-
font-family: "Daly", serif;
84-
font-size: 100%;
85-
font-style: normal;
86-
margin-bottom: 0;
87-
margin-left: 0.25em;
88-
margin-right: 0.25em;
89-
margin-top: 0;
90-
padding-left: 1em;
91-
padding-right: 1em;
92-
text-align: center;
92+
background-color: lightsteelblue;
93+
border: 0;
94+
color: black;
95+
cursor: pointer;
96+
font-family: "Daley", serif;
97+
font-size: 100%;
98+
font-style: normal;
99+
margin-bottom: 0;
100+
margin-left: 0.25em;
101+
margin-right: 0.25em;
102+
margin-top: 0;
103+
padding-left: 1em;
104+
padding-right: 1em;
105+
text-align: center;
93106
}
94107
s {
95-
display: inline-block;
96-
font-family: "Daly", cursive;
97-
font-style: normal;
98-
padding-left: 0.1em;
99-
text-decoration: none;
108+
display: inline-block;
109+
font-family: "Daley", cursive;
110+
font-style: normal;
111+
padding-left: 0.1em;
112+
text-decoration: none;
100113
}
101114
big {
102-
font-size: 50pt;
103-
font-style: normal;
104-
font-weight: normal;
105-
margin-left: 0.125em;
106-
margin-top: -0.2em;
115+
font-size: 50pt;
116+
font-style: normal;
117+
font-weight: normal;
118+
margin-left: 0.125em;
119+
margin-top: -0.2em;
107120
}
108121
code, pre {
109-
font-family: Programma, monospace;
110-
font-size: 100%;
111-
font-style: normal;
112-
font-weight: normal;
122+
font-family: Programma, monospace;
123+
font-size: 100%;
124+
font-style: normal;
125+
font-weight: normal;
113126
}
114127
small {
115-
font-style: italic;
128+
font-style: italic;
129+
}
130+
p, blockquote, li {
131+
line-height: 150%;
116132
}
117133
p {
118-
margin-bottom: 1em;
119-
margin-left: 12%;
120-
margin-right: 12%;
121-
margin-top: 1em;
122-
text-align: justify;
134+
margin-bottom: 1em;
135+
margin-left: 12%;
136+
margin-right: 12%;
137+
margin-top: 1em;
138+
text-align: justify;
123139
}
124140
blockquote {
125-
margin-bottom: 1em;
126-
margin-left: 18%;
127-
margin-right: 18%;
128-
margin-top: 1em;
141+
margin-bottom: 1em;
142+
margin-left: 18%;
143+
margin-right: 18%;
144+
margin-top: 1em;
129145
}
130146
blockquote div {
131-
margin-left: 2.2em;
147+
margin-left: 2.2em;
132148
}
133149
pre {
134-
margin-bottom: 1em;
135-
margin-left: 18%;
136-
margin-right: 12%;
137-
margin-top: 1em;
150+
margin-bottom: 1em;
151+
margin-left: 18%;
152+
margin-right: 12%;
153+
margin-top: 1em;
138154
}
139155
table blockquote {
140-
margin-left: 0;
141-
margin-right: 6%;
156+
margin-left: 0;
157+
margin-right: 6%;
142158
}
143159
ul {
144-
list-style-type: square;
145-
margin-left: 12%;
146-
margin-right: 12%;
160+
list-style-type: square;
161+
margin-left: 12%;
162+
margin-right: 12%;
147163
}
148164
table {
149-
margin: 1em;
150-
border: 0;
165+
margin: 1em;
166+
border: 0;
151167
}
152168
th, td {
153-
border: black solid 1pt;
154-
padding-left: 10px;
155-
padding-right: 10px;
156-
vertical-align: top;
169+
border: black solid 1pt;
170+
padding-left: 10px;
171+
padding-right: 10px;
172+
vertical-align: top;
157173
}
158174
a:link {
159-
color: darkblue;
175+
color: darkblue;
160176
}
161177
a:visited {
162-
color: purple;
178+
color: purple;
163179
}
164180
a:hover {
165-
color: blue;
166-
text-decoration: underline;
181+
color: blue;
182+
text-decoration: underline;
167183
}
168184
a:active {
169-
color: red;
170-
}
171-
#title {
172-
color: gray;
173-
font-family: "Trebuchet MS", sans-serif;
174-
font-size: 200%;
175-
font-weight: bold;
176-
padding-top: 0.75em;
177-
text-align: center;
178-
text-decoration: none;
185+
color: red;
179186
}
180187
</style>
181188
</head>
182189
<body>
183190
<div id="JSLINT_TITLE">JSLint</div>
184-
<ul style="float: right; margin: 1em; padding-right: 12%;">
185-
<li><a href="#try">Try it.</a></li>
191+
<ul class="nav">
192+
<li><a href="#try">Try it</a></li>
193+
<li>Read the instructions</li>
186194
<li><a href="http://www.amazon.com/exec/obidos/ASIN/0596517742/wrrrldwideweb"
187-
target="_blank">Enjoy&nbsp;<i>The&nbsp;Good&nbsp;Parts</i>.</a></li>
195+
target="_blank">Enjoy&nbsp;<i>The&nbsp;Good&nbsp;Parts</i></a></li>
188196
</ul>
189-
<div id=title>Help</div>
190-
<br clear=all>
191197
<blockquote>Il semble que la perfection soit atteinte non quand il n&#8217;y a
192198
plus rien &agrave; ajouter, mais quand il n&#8217;y a plus rien &agrave;
193199
retrancher.</blockquote>
@@ -799,7 +805,7 @@ <h1 id=feedback>Feedback</h1>
799805
forgiving of bad practices. You would only be disappointed.</p>
800806
<p>I intend to continue to adapt JSLint based on your comments.
801807
Keep watching for improvements. Updates are announced at
802-
<a href="https://plus.google.com/communities/104441363299760713736">https://plus.google.com/communities/104441363299760713736</a>.</p>
808+
<a href="https://plus.google.com/communities/104441363299760713736">Google Plus</a>.</p>
803809
<h1 id=try>Try it</h1>
804810
<p><a href="http://www.JSLint.com" target="_blank">Try it.</a> Paste your script
805811
into the window and click the

‎index.html

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,10 @@
2424
name="date"
2525
content="2018-05-16"
2626
/>
27+
<meta
28+
name="viewport"
29+
content="width=device-width, initial-scale=1"
30+
/>
2731
<link
2832
rel="stylesheet"
2933
type="text/css"
@@ -39,11 +43,12 @@
3943
<body><div id="JSLINT_TITLEBOX">
4044
<div>JSLint</div>
4145
<ul>
42-
<li><a href="help.html">Read the instructions.</a></li>
46+
<li>Try it</li>
47+
<li><a href="help.html">Read the instructions</a></li>
4348
<li><a
4449
href="http://www.amazon.com/exec/obidos/ASIN/0596517742/wrrrldwideweb"
4550
target="_blank"
46-
>Read&nbsp;<i>The Good Parts</i>.</a></li>
51+
>Read&nbsp;<i>The Good Parts</i></a></li>
4752
</ul>
4853
</div>
4954
<div id="JSLINT_">

0 commit comments

Comments
 (0)