{"componentChunkName":"component---src-templates-news-template-js","path":"/news/test","result":{"data":{"markdownRemark":{"html":"

TL;DR👌🏻

\n

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

\n

Emphasis

\n

Emphasis, aka italics, with asterisks or underscores.

\n

Strong emphasis, aka bold, with asterisks or underscores.

\n

Combined emphasis with asterisks and underscores.

\n

Strikethrough uses two tildes. Scratch this.

\n

Lists

\n
    \n
  1. First ordered list item
    2. \n
  2. Another item
    3. \n
  3. Actual numbers don't matter, just that it's a number
    4. \n
  4. Unordered list can use asterisks
    5. \n
  5. Or minuses
    6. \n
  6. Or pluses
    7. \n
\n

Links

\n

I'm an inline-style link

\n

I'm an inline-style link with title

\n

I'm a reference-style link

\n

I'm a relative reference to a repository file

\n

You can use numbers for reference-style link definitions

\n

Or leave it empty and use the link text itself.

\n

URLs and URLs in angle brackets will automatically get turned into links.\nhttp://www.example.com or http://www.example.com and sometimes\nexample.com (but not on Github, for example).

\n

Some text to show that the reference links can follow later.

\n

Images

\n
\n \n \n \n \"Alt\n \n \n
\n

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

\n

Code and Syntax Highlighting

\n
var s = \"JavaScript syntax highlighting\";\nalert(s);
\n
No language indicated, so no syntax highlighting.\nBut let's throw in a <b>tag</b>.
\n

JSX

\n
src/components/BaseLayout.jsx
\n
import React, { ReactNode } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { Button } from \"components/button/Button\";\n\nimport Logo from \"../../assets/svg/kerry-logo.svg\";\nimport Dribbble from \"../../assets/svg/dribbble.svg\";\nimport GitHub from \"../../assets/svg/github.svg\";\nimport Spotify from \"../../assets/svg/spotify.svg\";\nimport Letterboxd from \"../../assets/svg/letterboxd.svg\";\n\nimport { helmet } from \"../../utils/helmet\";\nimport { Header } from \"../header/Header\";\nimport { HeaderLink } from \"../header/HeaderLink\";\nimport { Footer } from \"../footer/Footer\";\nimport { Devtools } from \"../devtools/Devtools\";\n\nimport s from \"./BaseLayout.scss\";\n\ninterface BaseLayoutProps {\n  children: ReactNode;\n}\n\nconst isDev = process.env.NODE_ENV === \"development\";\n\n// tslint:disable no-default-export\nexport default ({ children }: BaseLayoutProps) => (\n  <div className={s.layout}>\n    <Helmet {...helmet} />\n\n    <Header>\n      <HeaderLink to=\"/about\" name=\"About\" />\n      <HeaderLink to=\"/contact\" name=\"Contact\" />\n      <Button href=\"https://kerrytokyo.com/\">Author</Button>\n    </Header>\n\n    {children}\n\n    <Footer\n      logo={<Logo />}\n      social={[\n        { icon: <Dribbble />, to: \"https://dribbble.com/kerry-tokyo\" },\n        { icon: <Letterboxd />, to: \"https://letterboxd.com/vivingston\" },\n        { icon: <GitHub />, to: \"https://github.com/kerry-tokyo\" },\n        {\n          icon: <Spotify />,\n          to:\n            \"https://open.spotify.com/user/v8vi31q8nof0di7jzzsw7vhkd?si=rBHI-m6WQiuji_Ix0NYVow\",\n        },\n      ]}\n    />\n\n    {isDev && <Devtools />}\n  </div>\n);
\n

Blockquotes

\n

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.

\n
\n

Blockquotes are very handy in email to emulate reply text.\nThis line is part of the same quote.

\n
\n

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

\n

Horizontal Rule

\n

Horizontal Rule

\n

Three or more...

\n
\n

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

\n
\n

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

","frontmatter":{"date":"February 20, 2020","slug":"/news/test","title":"Creating a Blog with Gatsby","category":"Engineering","author":{"id":"Stephan Lee","bio":"I am Stephan Lee","avatar":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAeABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIEBQP/xAAWAQEBAQAAAAAAAAAAAAAAAAACAQP/2gAMAwEAAhADEAAAAcpulYmWdRFNRGOsRWXL/8QAHBAAAgIDAQEAAAAAAAAAAAAAAQMAAhESIQQi/9oACAEBAAEFAiDjoraLO1vQMDtosmjXn54IxI3bTaFQn//EABgRAAMBAQAAAAAAAAAAAAAAAAABESEx/9oACAEDAQE/AUsKLhD/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAeEAACAQQDAQAAAAAAAAAAAAAAARECEjFRECFBMv/aAAgBAQAGPwLBueEvS6lYJtKWWz9bIOvBd4E9n//EAB4QAQADAQABBQAAAAAAAAAAAAEAESExcUFRYaHB/9oACAEBAAE/IQXSDsM4Uo2fpKKeIFOvVRhoI2PKqfEE5o8nrv3uKiZvuUPGL+ZuitZexmnFz//aAAwDAQACAAMAAAAQ/N1M/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAQIf/aAAgBAwEBPxB1NxBGGP/EABcRAAMBAAAAAAAAAAAAAAAAAAABESH/2gAIAQIBAT8Qb0o3pT//xAAdEAEBAAIDAQEBAAAAAAAAAAABEQAhMUFRoWHw/9oACAEBAAE/EJBKgCB/OJhVQOHmfDOlUA17yybY6a37jhKzT4/mKMY1axE0u2qOsM60IAE6PXE4KHi412cxw9lyKQzWMBB0UThrxn//2Q==","aspectRatio":0.6688963210702341,"src":"/static/0142066936046aa5d6623bc967ec919c/14b42/stephan-lee.jpg","srcSet":"/static/0142066936046aa5d6623bc967ec919c/f836f/stephan-lee.jpg 200w,\n/static/0142066936046aa5d6623bc967ec919c/2244e/stephan-lee.jpg 400w,\n/static/0142066936046aa5d6623bc967ec919c/14b42/stephan-lee.jpg 800w,\n/static/0142066936046aa5d6623bc967ec919c/47498/stephan-lee.jpg 1200w,\n/static/0142066936046aa5d6623bc967ec919c/0e329/stephan-lee.jpg 1600w,\n/static/0142066936046aa5d6623bc967ec919c/08a4e/stephan-lee.jpg 2090w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQCAwX/xAAVAQEBAAAAAAAAAAAAAAAAAAADAv/aAAwDAQACEAMQAAABzmBRYkUhJ//EABkQAQADAQEAAAAAAAAAAAAAAAEAAhESIv/aAAgBAQABBQKiyxs9ETltZ1Vf/8QAGREAAgMBAAAAAAAAAAAAAAAAAAIDERIh/9oACAEDAQE/AY7Rumz/xAAXEQADAQAAAAAAAAAAAAAAAAAAAhEh/9oACAECAQE/AW1SH//EABcQAAMBAAAAAAAAAAAAAAAAAAABERD/2gAIAQEABj8CJiVyn//EABoQAAMBAQEBAAAAAAAAAAAAAAABESExUbH/2gAIAQEAAT8hRd+mOucIyVjNRvhZd2l0en//2gAMAwEAAgADAAAAEFMP/8QAGBEBAAMBAAAAAAAAAAAAAAAAAQARIZH/2gAIAQMBAT8QSUxF5fZ//8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxQf/aAAgBAgEBPxA4MPt//8QAGxABAAMAAwEAAAAAAAAAAAAAAQARITFBUYH/2gAIAQEAAT8QCfAwGI0eeu6sUAlPRKeBq8T3wb5T1HepzWXP/9k=","aspectRatio":1.5037593984962405,"src":"/static/3f048f0f4be2ccc62235ae09188d1cf3/14b42/test.jpg","srcSet":"/static/3f048f0f4be2ccc62235ae09188d1cf3/f836f/test.jpg 200w,\n/static/3f048f0f4be2ccc62235ae09188d1cf3/2244e/test.jpg 400w,\n/static/3f048f0f4be2ccc62235ae09188d1cf3/14b42/test.jpg 800w,\n/static/3f048f0f4be2ccc62235ae09188d1cf3/47498/test.jpg 1200w,\n/static/3f048f0f4be2ccc62235ae09188d1cf3/0e329/test.jpg 1600w,\n/static/3f048f0f4be2ccc62235ae09188d1cf3/208d9/test.jpg 6720w","sizes":"(max-width: 800px) 100vw, 800px"}}}}}},"pageContext":{"slug":"/news/test"}}}