git ssb - Includes to best practices · Rômulo Alves/website@1c565fd8

Rômulo Alves committed on 5/5/2018, 10:30:29 PM
Parent: 0266257daf1eb551b1e0492b10ca0ff98040a895

components/post-link.jsView
		@@ -14,9 +14,9 @@
14	14 …	`${ta.ago(date)} (${date})`
15	15 …	}</span>
16	16 …	)
17	17 …	}
18		- <a href={ href } title={ children } download={ download }>
	18 …	+ <a href={ href } title={ children } download={ download } className="post-title">
19	19 …	{
20	20 …	lang && `(${lang}) `
21	21 …	}
22	22 …	{ children }
		@@ -25,11 +25,14 @@
25	25 …	<style jsx global>{`
26	26 …	.post-date {
27	27 …	color: #757575;
28	28 …	display: block;
29		- font-size: 12px;
	29 …	+ font-size: 16px;
30	30 …	margin-bottom: 2px;
31	31 …	}
	32 …	+ .post-title {
	33 …	+ font-size: 17px;
	34 …	+ }
32	35 …	`}</style>
33	36 …	</div>
34	37 …	);
35	38 …

components/social.jsView
		@@ -6,21 +6,21 @@
6	6 …	<link rel="prefetch" href="/static/images/twitter.svg" />
7	7 …	<link rel="prefetch" href="/static/images/github.svg" />
8	8 …	</Head>
9	9 …	<a href="https://twitter.com/romuloalves" title="Twitter">
10		- <img src="/static/images/twitter.svg" width="20" height="20" />
	10 …	+ <img src="/static/images/twitter.svg" alt="Twitter" width="20" height="20" />
11	11 …	</a>
12	12 …	<a href="https://github.com/romuloalves" title="GitHub">
13		- <img src="/static/images/github.svg" width="20" height="20" />
	13 …	+ <img src="/static/images/github.svg" alt="GitHub" width="20" height="20" />
14	14 …	</a>
15	15 …
16	16 …	<style jsx>{`
17	17 …	.socials {
18	18 …	overflow: auto;
19	19 …	text-align: center;
20	20 …	}
21	21 …	.socials a {
22		- margin: 0 5px;
	22 …	+ margin: 0 10px;
23	23 …	}
24	24 …	`}</style>
25	25 …	</div>
26	26 …	);

pages/index.jsView
		@@ -11,9 +11,9 @@
11	11 …	<Page>
12	12 …	<Header />
13	13 …	<Container>
14	14 …	<h2>
15		- Software engineer at <a href="https://github.com/plingbr" title="PLING" target="_blank">PLING</a>.
	15 …	+ Software engineer at <a href="https://github.com/plingbr" title="PLING" target="_blank" rel="noopener">PLING</a>.
16	16 …	JavaScript hacker.
17	17 …	Decentralization enthusiast.
18	18 …	</h2>
19	19 …
		@@ -33,9 +33,9 @@
33	33 …	</Container>
34	34 …
35	35 …	<style jsx>{`
36	36 …	h2 {
37		- font-size: 15px;
	37 …	+ font-size: 18px;
38	38 …	font-weight: 500;
39	39 …	}
40	40 …
41	41 …	.talk {

pages/_document.jsView
		@@ -1,0 +1,21 @@
	1 …	+import Document, { Head, Main, NextScript } from 'next/document';
	2 …	+
	3 …	+export default class MyDocument extends Document {
	4 …	+ static async getInitialProps(ctx) {
	5 …	+ const initialProps = await Document.getInitialProps(ctx);
	6 …	+
	7 …	+ return { ...initialProps }
	8 …	+ }
	9 …	+
	10 …	+ render() {
	11 …	+ return (
	12 …	+ <html lang="en">
	13 …	+ <Head />
	14 …	+ <body>
	15 …	+ <Main />
	16 …	+ <NextScript />
	17 …	+ </body>
	18 …	+ </html>
	19 …	+ );
	20 …	+ }
	21 …	+}

Rômulo Alves / website