Skip to content

Commit 0f7b81f

Browse files
lucassabreulucassabreu
committed
wip
1 parent 14fff44 commit 0f7b81f

File tree

15 files changed

+616
-76
lines changed

15 files changed

+616
-76
lines changed

‎package.json

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,15 @@
55
"dependencies": {
66
"react": "^16.2.0",
77
"react-dom": "^16.2.0",
8-
"react-scripts": "1.1.0"
8+
"react-router": "^4.2.0",
9+
"react-router-dom": "^4.2.2",
10+
"react-scripts": "1.1.0",
11+
"rmwc": "^1.1.2"
912
},
1013
"scripts": {
1114
"start": "yarn install && HOST=cswps.lucassabreu.test react-scripts start",
1215
"build": "react-scripts build && cp _redirects build/_redirects",
1316
"test": "react-scripts test --env=jsdom",
1417
"eject": "react-scripts eject"
1518
}
16-
}
19+
}

‎public/index.html

Lines changed: 26 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,22 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<meta name="theme-color" content="#000000">
7-
<!--
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7+
<meta name="theme-color" content="#000000">
8+
<!--
89
manifest.json provides metadata used when your web app is added to the
910
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
1011
-->
11-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
12-
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
13-
<!--
12+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
13+
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
14+
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
15+
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
16+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
17+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
18+
crossorigin="anonymous">
19+
<!--
1420
Notice the use of %PUBLIC_URL% in the tags above.
1521
It will be replaced with the URL of the `public` folder during the build.
1622
Only files inside the `public` folder can be referenced from the HTML.
@@ -19,14 +25,15 @@
1925
work correctly both with client-side routing and a non-root public URL.
2026
Learn how to configure a non-root public URL by running `npm run build`.
2127
-->
22-
<title>Coderockr Way Project Setup</title>
23-
</head>
24-
<body>
25-
<noscript>
26-
You need to enable JavaScript to run this app.
27-
</noscript>
28-
<div id="root"></div>
29-
<!--
28+
<title>Coderockr Way Project Setup</title>
29+
</head>
30+
31+
<body class="mdc-typography">
32+
<noscript>
33+
You need to enable JavaScript to run this app.
34+
</noscript>
35+
<div id="root"></div>
36+
<!--
3037
This HTML file is a template.
3138
If you open it directly in the browser, you will see an empty page.
3239
@@ -36,5 +43,6 @@
3643
To begin the development, run `npm start` or `yarn start`.
3744
To create a production bundle, use `npm run build` or `yarn build`.
3845
-->
39-
</body>
40-
</html>
46+
</body>
47+
48+
</html>

‎src/App.css

Lines changed: 0 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +0,0 @@
1-
.App {
2-
text-align: center;
3-
}
4-
5-
.App-logo {
6-
animation: App-logo-spin infinite 20s linear;
7-
height: 80px;
8-
}
9-
10-
.App-header {
11-
background-color: #222;
12-
height: 150px;
13-
padding: 20px;
14-
color: white;
15-
}
16-
17-
.App-title {
18-
font-size: 1.5em;
19-
}
20-
21-
.App-intro {
22-
font-size: large;
23-
}
24-
25-
@keyframes App-logo-spin {
26-
from { transform: rotate(0deg); }
27-
to { transform: rotate(360deg); }
28-
}

‎src/App.js

Lines changed: 7 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,12 @@
11
import React, { Component } from 'react';
2-
import logo from './logo.svg';
32
import './App.css';
3+
import Home from './Home'
4+
import { Switch, Route } from 'react-router-dom'
45

5-
class App extends Component {
6-
render() {
7-
return (
8-
<div className="App">
9-
<header className="App-header">
10-
<img src={logo} className="App-logo" alt="logo" />
11-
<h1 className="App-title">Welcome to React</h1>
12-
</header>
13-
<p className="App-intro">
14-
To get started, edit <code>src/App.js</code> and save to reload.
15-
</p>
16-
</div>
17-
);
18-
}
19-
}
6+
const App = () => (
7+
<Switch>
8+
<Route exact path="/" component={Home} />
9+
</Switch>
10+
)
2011

2112
export default App;

‎src/Footer.js

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import React from 'react';
2+
import whiteHand from './assets/images/hand-white.svg';
3+
4+
const Footer = () => (
5+
<footer id="footer">
6+
<div className="container">
7+
<div className="row">
8+
<div className="col-md-12">
9+
<ul className="social">
10+
<li>
11+
<a href="https://www.facebook.com/coderockr" title="Curta a Coderockr no Facebook">
12+
<span className="icon-facebook"></span>
13+
</a>
14+
</li>
15+
<li>
16+
<a href="https://twitter.com/coderockr" title="Siga a Coderockr no Twitter" target="_blank">
17+
<span className="icon-twitter"></span>
18+
</a>
19+
</li>
20+
<li>
21+
<a href="https://www.youtube.com/user/coderockr" title="Acompahe a Coderockr no YouTube" target="_blank">
22+
<span className="icon-youtube"></span>
23+
</a>
24+
</li>
25+
<li>
26+
<a href="https://blog.coderockr.com" title="Leia sore a Coderockr no Medium" target="_blank">
27+
<span className="icon-medium"></span>
28+
</a>
29+
</li>
30+
<li>
31+
<a href="https://plus.google.com/+Coderockr" title="Acompahe a Coderockr no Google+" target="_blank">
32+
<span className="icon-google-plus"></span>
33+
</a>
34+
</li>
35+
<li>
36+
<a href="https://github.com/Coderockr" title="Acompahe a Coderockr no Github" target="_blank">
37+
<span className="icon-github"></span>
38+
</a>
39+
</li>
40+
</ul>
41+
<img src={whiteHand} alt="Coderockr Logo" title="You Rock!" className="pull-right" />
42+
<div className="text">
43+
<p>
44+
+55 47 3227-6359 &nbsp;&nbsp;&nbsp;
45+
[email protected]
46+
</p>
47+
<p className="copyright">© 2018 Coderockr. Todos os direitos reservados. &nbsp; Joinville - SC</p>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
</footer>
53+
);
54+
55+
export default Footer

‎src/Home.css

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
.Home header {
2+
font-family: Oswald, Roboto, sans-serif;
3+
font-size: 120%;
4+
padding: 1rem;
5+
text-align: center;
6+
margin-bottom: 1rem;
7+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
8+
}
9+
10+
@media (min-width: 400px) {
11+
.Home header {
12+
font-size: 150%;
13+
}
14+
}
15+
16+
@media (min-width: 576px) {
17+
.Home header {
18+
font-size: 200%;
19+
}
20+
}
21+
22+
.Home header * {
23+
padding: 0;
24+
margin: 0;
25+
vertical-align: middle;
26+
}
27+
28+
.Home header .text {
29+
font-size: 100%;
30+
margin: .75em;
31+
display: inline-block;
32+
}
33+
34+
.Home header .logo {
35+
height: 2em;
36+
}
37+
38+
.Home .description {
39+
font: 300 140% aller, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
40+
clear: both;
41+
margin-top: 1rem;
42+
text-align: center;
43+
padding: 1rem;
44+
}
45+
46+
.Home section {
47+
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
48+
text-align: center;
49+
}
50+
51+
.Home section h2 {
52+
text-align: center;
53+
margin: 2rem 0;
54+
padding: 0;
55+
text-align: center;
56+
}
57+
58+
.Home .project-handlers-buttons {
59+
list-style: none;
60+
margin: 0;
61+
padding: 0;
62+
}
63+
64+
.Home .project-handlers-buttons button {
65+
padding: 0 3rem;
66+
height: 7rem;
67+
width: 100%;
68+
margin-bottom: 1rem;
69+
}
70+
71+
.Home .project-handlers-buttons button .material-icons {
72+
position: relative;
73+
top: -2px;
74+
width: 3rem;
75+
display: block;
76+
margin: auto;
77+
}

‎src/Home.js

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
import React from 'react';
2+
import Footer from './Footer';
3+
import Button from 'rmwc/Button';
4+
import Icon from 'rmwc/Icon';
5+
6+
import logo from './assets/images/hand-yellow.svg'
7+
import github from './assets/images/github.svg'
8+
import gitlab from './assets/images/gitlab.svg'
9+
import trello from './assets/images/trello.svg'
10+
import './Home.css'
11+
12+
13+
const Home = () => (
14+
<div className="Home">
15+
<header>
16+
<img src={logo} className="logo" />
17+
<h1 className="text">CODEROCKR WAY PROJECT SETUP</h1>
18+
</header>
19+
<div className="container">
20+
<section className="description">
21+
<p>
22+
This web client helps to setup a project at GitHub, GitLab or Trello to use the
23+
Coderockr Way's labels, making easier to bootstrap the basic configuration at
24+
your project.
25+
</p>
26+
</section>
27+
<section className="project-handlers">
28+
<h2>Where is your project?</h2>
29+
<ul className="row project-handlers-buttons justify-content-md-center">
30+
<li className="col-md-4">
31+
<Button raised>
32+
<Icon children={github} />
33+
GitHub
34+
</Button>
35+
</li>
36+
<li className="col-md-4">
37+
<Button raised>
38+
<Icon children={gitlab} />
39+
GitLab
40+
</Button>
41+
</li>
42+
<li className="col-md-4">
43+
<Button raised>
44+
<Icon children={trello} />
45+
Trello
46+
</Button>
47+
</li>
48+
</ul>
49+
</section>
50+
<section className="more-about">
51+
<h2>Wanna know more about?</h2>
52+
<p>Look this links:</p>
53+
<ul>
54+
<li>
55+
<a href="https://blog.coderockr.com/simplificando-o-setup-de-projetos-no-github-f29b76c83194">
56+
Simplificando o Setup de Projetos no GitHub
57+
</a>
58+
</li>
59+
</ul>
60+
</section>
61+
</div>
62+
</div>
63+
);
64+
65+
export default Home;

‎src/assets/images/github.svg

Lines changed: 1 addition & 0 deletions
Loading

‎src/assets/images/gitlab.svg

Lines changed: 5 additions & 0 deletions
Loading

‎src/assets/images/hand-white.svg

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)