Adding Images to the Curriculum

Adding images to the curriculum is a two-step process that involves two PRs. For a general overview, you need to:

1. Upload the image to the repository
2. Create a statically.io link to the image and add that link to the lesson you’re wanting to an image to

Upload the images to the repository:

1. Have a copy of the image you want to upload on your local machine

2. If it doesn’t already exist create a directory with the same name in the same directory as the lesson you want to add an image to

3. If it doesn’t already exist create an imgs directory inside of the directory you made in step 2.

4. Add your image to the directory you made in step 3, naming it the order it appears on the page starting from 00 (I.e. the second image in a lesson will be 01.extension)

5. PR the addition of images

   Here is an example PR where this process was followed

Create statically links:

1. Go to the PR that added the image to the repo
2. Right-click the commit ID where it was merged and select copy link
3. Go to https://wise-king-sullyman.github.io/better-statically-converter-react/
4. Paste the URL you copied into the text box on the main screen of that site
5. Hit enter
6. The site will generate the statically CDN link to each image that was merged into the curriculum with that commit, you can click each link to auto-copy that link to your clipboard
7. Use each of these links to link to your desired images in the curriculum content you’re editing/adding
8. PR the addition of the image links (and any other content you’ve added/changed)