diff --git a/.github/steps/-step.txt b/.github/steps/-step.txt index 0cfbf08..00750ed 100644 --- a/.github/steps/-step.txt +++ b/.github/steps/-step.txt @@ -1 +1 @@ -2 +3 diff --git a/README.md b/README.md index 4c3110f..c33bdf4 100644 --- a/README.md +++ b/README.md @@ -14,31 +14,51 @@ _Organize ideas and collaborate using Markdown, a lightweight language for text -## Step 2: Add an image +## Step 3: Add a code example -_Great job adding headers to the file :sparkles:_ +_Great job adding an image to the file :tada:_ -Let's add an image. Include descriptive text in the square brackets. This text is read aloud for people using screen readers. It's also shown at times when your image doesn't display, such as when there's a poor connection. You can see the syntax for images below: +Let's add some code blocks. Code blocks can render differently depending on the language. -### Example +### Example 1 -```md -![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png) +
 ```
+$ git init
+Initialized empty Git repository in /Users/skills/Projects/recipe-repository/.git/
+```
+
+ +#### How it looks + +``` +$ git init +Initialized empty Git repository in /Users/skills/Projects/recipe-repository/.git/ +``` + +### Example 2 + +
+``` javascript
+var myVar = "Hello, world!";
+```
+
#### How it looks -Image of Yaktocat +```javascript +var myVar = "Hello, world!"; +``` -### :keyboard: Activity: Adding an image +### :keyboard: Activity: Adding a code example -1. As you did before, edit the `index.md` file in this pull request. -1. In the file, add the correct Markdown for your image of choice. Don't forget to include alt-text! +1. As you did before, edit the file in this pull request. +1. In the file, add the correct Markdown for a code example of your choice. 1. Use the **Preview** tab to check your Markdown formatting. 1. Commit your changes. 1. Wait about 20 seconds then refresh this page (the one you're following instructions from). [GitHub Actions](https://docs.github.com/en/actions) will automatically update to the next step.