git ssb - Including content · Rômulo Alves/website@994b7b81

Rômulo Alves committed on 10/27/2016, 9:36:54 PM
Parent: 0699ec66f00b3582d31fe6e4bb8bd34beacb7d63

_components/common/Content.js	added
_components/jobs/Content.js	added
pages/index.js	changed
pages/jobs.js	added

_components/common/Content.jsView
		@@ -1,0 +1,13 @@
	1	+// Packages
	2	+import React from 'react';
	3	+import css from 'next/css';
	4	+
	5	+export default ({children}) => (
	6	+ <section className={style}>
	7	+ {children}
	8	+ </section>
	9	+);
	10	+
	11	+const style = css({
	12	+ margin: '30px 0'
	13	+});

_components/jobs/Content.jsView
		@@ -1,0 +1,58 @@
	1	+// Packages
	2	+import React from 'react';
	3	+import css from 'next/css';
	4	+import Link from 'next/link';
	5	+
	6	+// Components
	7	+import Content from '../common/Content';
	8	+import Anchor from '../common/Anchor';
	9	+
	10	+export default () => (
	11	+ <Content>
	12	+ <div className={contentStyle}>
	13	+ <Link href="/jobs">
	14	+ <h1 className={titleStyle}>
	15	+ Jobs
	16	+ </h1>
	17	+ </Link>
	18	+ <ul>
	19	+ <li className={listStyle}>
	20	+ > from 12/2011 to now - Web developer<br />
	21	+ <Anchor href="http://www.cwi.com.br/" title="cwi software">
	22	+ CWI Software
	23	+ </Anchor>
	24	+ </li>
	25	+ <li className={listStyle}>
	26	+ > from 10/2011 to 12/2012 - Web developer<br />
	27	+ <Anchor href="http://www.brivia.com.br/" title="brivia">
	28	+ Brivia
	29	+ </Anchor>
	30	+ </li>
	31	+ <li className={listStyle}>
	32	+ > from 02/2011 to 10/2011 - Intern web developer<br />
	33	+ <Anchor href="http://www.brivia.com.br/" title="brivia">
	34	+ Brivia
	35	+ </Anchor>
	36	+ </li>
	37	+ </ul>
	38	+ </div>
	39	+ </Content>
	40	+);
	41	+
	42	+const titleStyle = css({
	43	+ color: '#000',
	44	+ marginBottom: '10px'
	45	+});
	46	+
	47	+const contentStyle = css({
	48	+ margin: '0 auto',
	49	+ textAlign: 'center',
	50	+ width: '300px'
	51	+});
	52	+
	53	+const listStyle = css({
	54	+ fontSize: '10pt',
	55	+ listStyle: 'none',
	56	+ marginBottom: '20px',
	57	+ textAlign: 'left'
	58	+});

pages/index.jsView
		@@ -1,15 +1,40 @@
1	1	// Packages
2	2	import React from 'react';
	3	+import css from 'next/css';
3	4
4		-// Components
	5	+// Components/Common
5	6	import Head from '../_components/common/Head';
	7	+import Content from '../_components/common/Content';
	8	+import Anchor from '../_components/common/Anchor';
	9	+
	10	+// Components/Page
6	11	import Header from '../_components/index/Header';
7	12	import NavBar from '../_components/index/NavBar';
	13	+import JobsContent from '../_components/jobs/Content';
8	14
9	15	export default () => (
10	16	<div>
11	17	<Head />
12	18	<Header />
13	19	<NavBar />
	20	+ <Content>
	21	+ <div className={contentStyle}>
	22	+ <h1 className={titleStyle}>Where am I?</h1>
	23	+ <Anchor href="https://www.google.com.br/maps/place/Sapiranga,+RS/@-29.6410773,-51.0112617,14z/data=!3m1!4b1!4m5!3m4!1s0x95193f737e8194df:0x571f590faf537198!8m2!3d-29.6353852!4d-51.0069543?hl=en" title="Sapiranga, Rio Grande do Sul, Brazil">
	24	+ Sapiranga, Rio Grande do Sul, Brazil
	25	+ </Anchor>
	26	+ </div>
	27	+ </Content>
	28	+ <JobsContent />
14	29	</div>
15	30	);
	31	+
	32	+const titleStyle = css({
	33	+ marginBottom: '10px'
	34	+});
	35	+
	36	+const contentStyle = css({
	37	+ margin: '0 auto',
	38	+ textAlign: 'center',
	39	+ width: '300px'
	40	+});

pages/jobs.jsView
		@@ -1,0 +1,22 @@
	1	+// Packages
	2	+import React from 'react';
	3	+import css from 'next/css';
	4	+
	5	+// Components/Common
	6	+import Head from '../_components/common/Head';
	7	+import Content from '../_components/common/Content';
	8	+import Anchor from '../_components/common/Anchor';
	9	+
	10	+// Components/Page
	11	+import Header from '../_components/index/Header';
	12	+import NavBar from '../_components/index/NavBar';
	13	+import JobsContent from '../_components/jobs/Content';
	14	+
	15	+export default () => (
	16	+ <div>
	17	+ <Head title="jobs" />
	18	+ <Header />
	19	+ <NavBar />
	20	+ <JobsContent />
	21	+ </div>
	22	+);

Rômulo Alves / website