Post 1-image

Post 1

Date published: 26-Apr-2020
Date modified: 5-May-2020
1 min read / 65 words
Author: Paul Scanlon
JavaScript
React
GatsbyJs
HTML
CSS
theme-ui

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id enim et mauris elementum lobortis. Donec non tellus justo. Ut sit amet elit mauris. Praesent eleifend cursus luctus. Praesent posuere rhoncus maximus. Donec nec felis nec metus semper pharetra ut ut libero. Ut hendrerit dui ut tincidunt egestas. Donec interdum pharetra arcu, vel egestas turpis ornare a. Phasellus quis euismod diam, sed convallis dolor.

npm install aThing `aThing` 'aThing' "aThing"
<SourceArticle
title={title}
tags={tags}
date={date}
dateModified={dateModified}
author={author}
isPrivate={isPrivate}
featuredImage={featuredImage}
embedded={embedded}
body={body}
timeToRead={timeToRead}
wordCount={wordCount}
/>
Donec nec felis nec metus semper pharetra ut ut libero. Ut hendrerit dui ut tincidunt egestas. Donec interdum pharetra arcu, vel egestas turpis ornare a. Phasellus quis euismod diam, sed convallis dolor.
embedded-image-1

Gatsby

<GatsbyImage alt='...' image={...}/>

{
  "gatsbyImageData": {
    "layout": "fullWidth",
    "placeholder": {
      "fallback": "data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAANABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAECAwX/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAL/2gAMAwEAAhADEAAAAeBmq5gT/8QAGBAAAwEBAAAAAAAAAAAAAAAAAAECEhD/2gAIAQEAAQUCmNKlmhD5/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFxABAAMAAAAAAAAAAAAAAAAAEAARMf/aAAgBAQAGPwKUa//EABkQAQEAAwEAAAAAAAAAAAAAAAERABAhUf/aAAgBAQABPyE6VMuedJDiMq9br//aAAwDAQACAAMAAAAQu+//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPxAn/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGxABAAEFAQAAAAAAAAAAAAAAAREAECFBUZH/2gAIAQEAAT8QHzkZ3FK0zLD07bykNJORdbf/2Q=="
    },
    "images": {
      "fallback": {
        "src": "/static/862b102bc150451cb19a7ffd83ab9674/98262/markus-spiske-FXFz-sW0uwo-unsplash.jpg",
        "srcSet": "/static/862b102bc150451cb19a7ffd83ab9674/07756/markus-spiske-FXFz-sW0uwo-unsplash.jpg 750w,\n/static/862b102bc150451cb19a7ffd83ab9674/3db43/markus-spiske-FXFz-sW0uwo-unsplash.jpg 1080w,\n/static/862b102bc150451cb19a7ffd83ab9674/67c67/markus-spiske-FXFz-sW0uwo-unsplash.jpg 1366w,\n/static/862b102bc150451cb19a7ffd83ab9674/98262/markus-spiske-FXFz-sW0uwo-unsplash.jpg 1920w",
        "sizes": "100vw"
      },
      "sources": [
        {
          "srcSet": "/static/862b102bc150451cb19a7ffd83ab9674/0fc34/markus-spiske-FXFz-sW0uwo-unsplash.avif 750w,\n/static/862b102bc150451cb19a7ffd83ab9674/77073/markus-spiske-FXFz-sW0uwo-unsplash.avif 1080w,\n/static/862b102bc150451cb19a7ffd83ab9674/11bdb/markus-spiske-FXFz-sW0uwo-unsplash.avif 1366w,\n/static/862b102bc150451cb19a7ffd83ab9674/24e77/markus-spiske-FXFz-sW0uwo-unsplash.avif 1920w",
          "type": "image/avif",
          "sizes": "100vw"
        },
        {
          "srcSet": "/static/862b102bc150451cb19a7ffd83ab9674/d79c1/markus-spiske-FXFz-sW0uwo-unsplash.webp 750w,\n/static/862b102bc150451cb19a7ffd83ab9674/d578b/markus-spiske-FXFz-sW0uwo-unsplash.webp 1080w,\n/static/862b102bc150451cb19a7ffd83ab9674/42feb/markus-spiske-FXFz-sW0uwo-unsplash.webp 1366w,\n/static/862b102bc150451cb19a7ffd83ab9674/827b6/markus-spiske-FXFz-sW0uwo-unsplash.webp 1920w",
          "type": "image/webp",
          "sizes": "100vw"
        }
      ]
    },
    "width": 1,
    "height": 0.6666666666666666
  }
}