Skip to content

Commit 422e660

Browse files
committed
minor design polish
1 parent 9e71fe6 commit 422e660

File tree

2 files changed

+21
-9
lines changed

2 files changed

+21
-9
lines changed

site/_css/index.less

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@ body.index {
149149
.body-font(22px);
150150
text-align: center;
151151
max-width: 760px;
152-
padding-top: 4em;
152+
padding-top: 6em;
153153
padding-bottom: 2em;
154154
}
155155

@@ -310,6 +310,17 @@ body.index {
310310
}
311311
}
312312

313+
section.point3 {
314+
padding-bottom: 4em;
315+
padding-top: 4em;
316+
text-align: center;
317+
318+
.prose {
319+
max-width: 630px;
320+
margin: auto;
321+
}
322+
}
323+
313324
.home-divider {
314325
border-top-color: #bbb;
315326
margin: 3em auto;

site/index.html.js

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ var index = React.createClass({
138138
showResponse(2);
139139
setTimeout(type, 1500);
140140
} else {
141-
setTimeout(type, Math.random() * 140 + 70);
141+
setTimeout(type, Math.random() * 180 + 70);
142142
}
143143
} else {
144144
i--;
@@ -215,17 +215,18 @@ var index = React.createClass({
215215
</section>
216216
</div>
217217

218-
<section>
219-
<h2>Describe what&rsquo;s possible with a type system</h2>
218+
<section className="point3">
219+
<div className="prose">
220+
<h2>Describe what&rsquo;s possible<br />with a type system</h2>
220221
{/*Illustration of a type IDL following a query by line]*/}
221222
{/*Under: a server <-> client (Capabilities, Requirements)]?*/}
222223
<p>
223-
GraphQL presents an API organized in terms of objects, types, and
224-
fields, not endpoints. GraphQL APIs provide a complete description
225-
of your data, exposing the full set of capabilities available from a
226-
single endpoint. APIs use these types to ensure Apps only ask for
224+
GraphQL APIs are organized in terms of types and fields,
225+
not endpoints. Access the full capabilities of your data from a
226+
single endpoint. GraphQL uses types to ensure Apps only ask for
227227
what&rsquo;s possible and provide clear and helpful errors. Apps can
228-
use these types to avoid writing manual parsing and model&nbsp;code.</p>
228+
use types to avoid writing manual parsing and model&nbsp;code.</p>
229+
</div>
229230
</section>
230231

231232
<section>

0 commit comments

Comments
 (0)