Skip to content

Commit 925d2fb

Browse files
committed
enhance the homepage
1 parent 269bd09 commit 925d2fb

File tree

9 files changed

+137
-1
lines changed

9 files changed

+137
-1
lines changed
Loading
Loading
Loading
173 KB
Loading
57.3 KB
Loading
15.4 KB
Loading

app/views/pages/IndexPageView/index.jsx

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,10 @@ export default React.createClass({
4545
dangerouslySetInnerHTML={{__html: index.getIntroduction()}}>
4646
</div>
4747

48+
<div className="index__info">
49+
<pre>npm install jscs -g</pre>
50+
</div>
51+
4852
<ul className="index__badges">
4953
{index.getBadges().map(processBadge)}
5054
</ul>
@@ -55,6 +59,73 @@ export default React.createClass({
5559
</section>
5660

5761
<section className="index__content">
62+
<div className="index__social">
63+
<h2 className="index__feature-title">
64+
JSCS checks your JavaScript
65+
</h2>
66+
<pre className="index__feature-main">
67+
jscs file.js --preset=airbnb
68+
</pre>
69+
<div>
70+
JSCS has built-in presets to check your code against.
71+
Or you can create your own and share them as npm packages.
72+
</div>
73+
<div className="index__feature-container">
74+
<div className="index__file" />
75+
<div className="index__output" />
76+
</div>
77+
</div>
78+
<div className="index__social">
79+
<h2 className="index__feature-title">
80+
Support for ES2015, JSX, Flow, and more
81+
</h2>
82+
<pre className="index__feature-main">
83+
jscs src --esnext
84+
</pre>
85+
<div>
86+
JSCS can lint any valid Babel code.
87+
</div>
88+
<div className="index__feature-container">
89+
<div className="index__esnext" />
90+
</div>
91+
</div>
92+
<div className="index__social">
93+
<h2 className="index__feature-title">
94+
Automatically fix your errors
95+
</h2>
96+
<pre className="index__feature-main">
97+
jscs src --fix
98+
</pre>
99+
<div className="index__feature-container">
100+
<div className="index__autofixbefore" />
101+
<div className="index__autofixafter" />
102+
</div>
103+
</div>
104+
<div className="index__social">
105+
<h2 className="index__feature-title">
106+
Automatically create your configuration file
107+
</h2>
108+
<pre className="index__feature-main">
109+
jscs --auto-configure src
110+
</pre>
111+
<div>
112+
Base your own config off of the closet preset to your own style.
113+
</div>
114+
<div className="index__feature-container">
115+
<div className="index__autoconfigure" />
116+
</div>
117+
</div>
118+
<div className="index__social">
119+
<h2 className="index__feature-title">
120+
Use JSCS with your favorite tools
121+
</h2>
122+
<div>
123+
Support for grunt, gulp, sublime, atom, etc
124+
</div>
125+
<div className="index__feature-container">
126+
<div className="index__editor" />
127+
</div>
128+
</div>
58129
<div className="index__social">
59130
<h2 className="index__users-title">
60131
Who uses JSCS?
44.9 KB
Loading

app/views/pages/IndexPageView/style.styl

Lines changed: 66 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,71 @@
66
text-align: center;
77
}
88

9+
&__feature-main {
10+
font-size: 25px;
11+
}
12+
13+
&__feature-container {
14+
display: flex;
15+
flex-wrap: wrap;
16+
-webkit-justify-content: space-around;
17+
justify-content: space-around;
18+
margin: 10px 0;
19+
}
20+
21+
&__file {
22+
-webkit-align-self: center;
23+
align-self: center;
24+
width: 315px;
25+
height: 110px;
26+
background: url(./file.png);
27+
background-size: cover;
28+
margin-bottom: 10px;
29+
}
30+
31+
&__output {
32+
width: 582px;
33+
height: 290px;
34+
background: url(./jscs-output.png);
35+
background-size: cover;
36+
}
37+
38+
&__autoconfigure {
39+
width: 582px;
40+
height: 330px;
41+
background: url(./autoconfigure.png);
42+
background-size: cover;
43+
}
44+
45+
&__esnext {
46+
width: 735px;
47+
height: 290px;
48+
background: url(./file-esnext.png);
49+
background-size: cover;
50+
}
51+
52+
&__editor {
53+
width: 582px;
54+
height: 330px;
55+
background: url(./editor.png);
56+
background-size: cover;
57+
}
58+
59+
&__autofixbefore {
60+
width: 490px;
61+
height: 260px;
62+
background: url(./autofix-before.png);
63+
background-size: cover;
64+
margin-bottom: 10px;
65+
}
66+
67+
&__autofixafter {
68+
width: 490px;
69+
height: 260px;
70+
background: url(./autofix-after.png);
71+
background-size: cover;
72+
}
73+
974
&__logo {
1075
display: inline-block;
1176
width: 149px;
@@ -58,7 +123,7 @@
58123
box-sizing: border-box;
59124
}
60125

61-
&__users-title, &__maintainers-title {
126+
&__feature-title, &__users-title, &__maintainers-title {
62127
color: #B3A436;
63128
font-weight: normal;
64129
font-size: 32px;

0 commit comments

Comments
 (0)