Commit 1c565fd835e560d9649f1839715e501895e84f77
Includes to best practices
Rômulo Alves committed on 5/5/2018, 10:30:29 PMParent: 0266257daf1eb551b1e0492b10ca0ff98040a895
Files changed
| components/page.js | changed |
| components/post-link.js | changed |
| components/section.js | changed |
| components/social.js | changed |
| package.json | changed |
| pages/index.js | changed |
| pages/_document.js | added |
| components/page.js | ||
|---|---|---|
| @@ -36,9 +36,8 @@ | ||
| 36 | 36 … | } |
| 37 | 37 … | |
| 38 | 38 … | a { |
| 39 | 39 … | color: #000; |
| 40 | - font-size: 10pt; | |
| 41 | 40 … | } |
| 42 | 41 … | a:hover { |
| 43 | 42 … | color: #81D4FA; |
| 44 | 43 … | } |
| components/post-link.js | ||
|---|---|---|
| @@ -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/section.js | ||
|---|---|---|
| @@ -25,9 +25,9 @@ | ||
| 25 | 25 … | margin-bottom: 15px; |
| 26 | 26 … | } |
| 27 | 27 … | .section h1, |
| 28 | 28 … | .section h1 a { |
| 29 | - font-size: 30px; | |
| 29 … | + font-size: 26px; | |
| 30 | 30 … | } |
| 31 | 31 … | `}</style> |
| 32 | 32 … | </section> |
| 33 | 33 … | ); |
| components/social.js | |||
|---|---|---|---|
| @@ -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 … | ); | |