Merge pull request #56 from phuoc-ng/fix-export

react-snap can't export correct font family

README.md

@@ -28,12 +28,13 @@ The entire website is powered by
 ~~~ javascript
 this
     .madeWith([react,typescript])
+    .then(r => lint(tslint))
     .then(r => lazyLoad(@loadable/component))
     .then(r => optimizeAndBundle(webpack))
     .then(r => exportHtml(react-snap))
     .then(r => deploy(Netlify))
     .assert([scalableCode, superFastWebsite, seoFriendly])
-    .done(/* Give me 1 star */) 🎉
+    .finally(/* Give me 1 star */) 🎉
 ~~~
 
 ## Running it on local

client/Home.tsx

@@ -60,7 +60,6 @@ const Home = () => {
                         style={{
                             alignItems: 'center',
                             display: 'flex',
-                            fontFamily: '\'Source Code Pro\'',
                             fontSize: '16px',
                             justifyContent: 'center',
                             lineHeight: 1.5,

client/index.css

@@ -1,7 +1,9 @@
 body {
     -webkit-font-smoothing: antialiased;
 }
-code {
+.hljs, code {
     font-family: 'Source Code Pro', monospace;
+}
+code {
     font-size: 14px;
 }

client/layouts/Footer.tsx

@@ -47,6 +47,12 @@ const Footer: React.FC<{}> = () => {
                         &#123;
                     </li>
                     <ul style={{ listStyleType: 'none', margin: 0, padding: '0 32px' }}>
+                        <li>
+                            css-layout,
+                            <span style={{ color: 'rgba(0, 0, 0, 0.3)', marginLeft: '16px' }}>
+                                /&#42; You are here &#42;/
+                            </span>
+                        </li>
                         <li>
                             <a
                                 href="https://formvalidation.io"

client/layouts/Layout.tsx

@@ -27,6 +27,13 @@ const Layout: React.FC<{}> = ({ children }) => {
                         <a href="https://www.typescriptlang.org" style={{ textDecoration: 'none' }}>typescript</a>
                     ])
                 </li>
+                <li style={{ marginLeft: '16px' }}>
+                    .then(r => lint(
+                        <a href="https://github.com/palantir/tslint" style={{ textDecoration: 'none' }}>
+                            tslint
+                        </a>
+                    ))
+                </li>
                 <li style={{ marginLeft: '16px' }}>
                     .then(r => lazyLoad(
                         <a href="https://github.com/smooth-code/loadable-components" style={{ textDecoration: 'none' }}>
@@ -53,7 +60,7 @@ const Layout: React.FC<{}> = ({ children }) => {
                 </li>
                 <li style={{ marginLeft: '16px' }}>.assert([scalableCode, superFastWebsite, seoFriendly])</li>
                 <li style={{ marginLeft: '16px' }}>
-                    .done(
+                    .finally(
                         <a href="https://github.com/phuoc-ng/csslayout" style={{ textDecoration: 'none' }}>
                             /&#42; Give me 1 star &#42;/
                         </a>