Skip to content

Commit 8bae83e

Browse files
pedronauckpedronauck
committed
add some changes at website
1 parent ef443b8 commit 8bae83e

File tree

5 files changed

+64
-12
lines changed

5 files changed

+64
-12
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Installing this component is very easy and it has just one dependency: [React](h
2020
$ bower install --save react-video
2121
```
2222

23-
- Or if you want to [download the lastest release](https://github.com/pedronauck/react-video/archive/v1.0.2.zip) and put in your website, it will work too!
23+
- Or if you want to [download the lastest release](https://github.com/pedronauck/react-video/archive/v1.1.3.zip) and put in your website, it will work too!
2424

2525
**NOTICE:** You need just one thing to make the component work. Put the [base component style](./dist/react-video.css) at the `<header>` tag. If you don't wanna use the `.css` extension, you can get the `.styl` or `.scss` extension at the folder `./lib`.
2626

‎docs/css/react-video.min.css‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/css/style.css‎

Lines changed: 43 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,18 @@ code:not(.hljs) {
2929
}
3030

3131
.header {
32-
width: 960px;
32+
width: 100%;
3333
margin: 0 auto;
3434
color: white;
3535
text-align: center;
3636
}
3737

38+
@media screen and (min-width: 960px) {
39+
.header {
40+
width: 53.33em;
41+
}
42+
};
43+
3844
.header .title {
3945
font-family: 'Montserrat';
4046
font-size: 60px;
@@ -46,7 +52,13 @@ code:not(.hljs) {
4652
font-size: 30px;
4753
font-weight: 300;
4854
color: #999;
49-
padding: 0 150px 70px;
55+
padding: 0 50px 70px;
56+
}
57+
58+
@media screen and (min-width: 960px) {
59+
.header .subtitle {
60+
padding: 0 150px 70px;
61+
}
5062
}
5163

5264
.github-buttons {
@@ -56,9 +68,15 @@ code:not(.hljs) {
5668
list-style: none;
5769
}
5870

59-
.github-buttons li {
60-
float: left;
61-
margin: 0 10px;
71+
.github-buttons li ~ li {
72+
margin-top: 10px;
73+
}
74+
75+
@media screen and (min-width: 420px) {
76+
.github-buttons li {
77+
float: left;
78+
margin: 0 10px;
79+
}
6280
}
6381

6482
.github-buttons li a {
@@ -105,15 +123,26 @@ code:not(.hljs) {
105123
* ---------------------------------------------------------------------------*/
106124

107125
.content-section {
108-
width: 800px;
126+
width: 100%;
109127
margin: 0 auto;
110-
padding: 80px 0;
128+
padding: 40px 0;
111129
}
112130

113131
.content-section ~ .content-section {
114132
padding-top: 0;
115133
}
116134

135+
@media screen and (min-width: 960px) {
136+
.content-section {
137+
width: 44.44em;
138+
padding: 80px 0;
139+
}
140+
};
141+
142+
.content-section ~ .content-section {
143+
padding-top: 0;
144+
}
145+
117146
.section-title {
118147
font-family: "Montserrat";
119148
font-size: 50px;
@@ -125,7 +154,13 @@ code:not(.hljs) {
125154
.content-section p {
126155
text-align: center;
127156
margin-bottom: 30px;
128-
padding: 0 80px;
157+
padding: 0 30px;
158+
}
159+
160+
@media screen and (min-width: 960px) {
161+
.content-section p {
162+
padding: 0 80px;
163+
}
129164
}
130165

131166
.content-section pre {

‎docs/index.html‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,11 @@
33
<head>
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
67
<title>React Video</title>
78

89
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css">
9-
<link rel="stylesheet" href="https://cdn.rawgit.com/pedronauck/react-video/master/dist/react-video.min.css">
10+
<link rel="stylesheet" href="css/react-video.min.css">
1011
<link rel="stylesheet" href="css/github.css">
1112

1213
<link rel="stylesheet" href="css/style.css">
@@ -23,7 +24,7 @@
2324
<h1 class="title">React Video</h1>
2425
<ul class="github-buttons">
2526
<li>
26-
<a href="https://github.com/pedronauck/react-video/archive/v1.0.2.zip">Download v1.0.2</a>
27+
<a href="https://github.com/pedronauck/react-video/archive/v1.1.3.zip">Download v1.1.3</a>
2728
</li>
2829
<li>
2930
<a href="http://github.com/pedronauck/react-video">
@@ -105,7 +106,7 @@ <h2 class="section-title">Usage</h2>
105106

106107
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.11.2/react-with-addons.min.js"></script>
107108
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.11.2/JSXTransformer.js"></script>
108-
<script src="//cdn.rawgit.com/pedronauck/react-video/master/dist/react-video.min.js"></script>
109+
<script src="js/react-video.min.js"></script>
109110
<script src="js/highlight.pack.js"></script>
110111
<script>hljs.initHighlightingOnLoad();</script>
111112
<script src="js/app.js" type="text/jsx"></script>

‎docs/js/react-video.min.js‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)