Image assets

[oliverjam]

pop-your-face/src/components/githubapi/github.css

Line 13 in 49747ff

background-image: url("https://www.dropbox.com/s/2lo7p1rykwt840y/GEMSM.png?raw=1");

I'm not 100% sure what's happening here, but it looks like you might have been struggling to get the image src in your project.

Parcel allows you to import assets like images into your JS files to automatically include them in the dist/ folder. E.g.

import gemImage from './GEMbig.png`; // "dist/GEMbig-123ibgdsk.png"

function Gem() {
  return <img src={gemImage} />;
}

I'm not sure there's a good way to get access to them within a CSS file unfortunately, so if you need a background image you'd probably have to set that inline. Something like:

import gemImage from './GEMbig.png`; // "dist/GEMbig-lkadf29.png"

function UserImage(props) {
  return (
    <div style={{ backgroundImage: gemImage }}>
      <img src={props.avatar_url} />
    </div>
  )
}