baelzbub / markdown-portfolio

https://baelzbub.github.io/markdown-portfolio
MIT License
0 stars 0 forks source link

Introduce yourself to the world #3

Closed github-learning-lab[bot] closed 3 years ago

github-learning-lab[bot] commented 3 years ago

Step 5: Add an image

Now, you're going to add an image. You can add an image of yourself or anything else you'd like to feature. You'll also learn how to create descriptive text, or "alt text", for images, and how to create links.

Images

Let's add an image. Don't forget to 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:

![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)

Image of Yaktocat

:keyboard: Activity: Adding an image

  1. As you did before, edit the file in this pull request.
  2. In the file, replace the content in _includes/02-image.md with the correct Markdown for your image of choice. Don't forget to include alt-text!
  3. Commit your changes.

Watch below for my response!

github-learning-lab[bot] commented 3 years ago

Something doesn't look quite right with this image. Make sure:

:keyboard: Activity: Add an image

  1. Click the "Files changed" tab.
  2. Scroll to find the _includes/02-image.md.
  3. Click the :pencil: pencil icon.
  4. Add an image using the syntax ![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png).
  5. Scroll to the bottom and commit your changes to your branch.

If you would like assistance troubleshooting, create a post on the GitHub Community board. You might also want to search for your issue to see if other people have resolved it in the past.


Watch below for my response!

github-learning-lab[bot] commented 3 years ago

Step 6: Add a profile link

Your image looks great! Next, you'll want to add links to your awesome portfolio projects. Links help create context when you’re communicating in issues and pull requests.

You might link to a website, a repository, or even a line of code. To create a link, put the text you want to display in square brackets, and the URL in the following parentheses.

[GitHub](http://github.com)

:keyboard: Activity: Add a link

  1. Edit the file _includes/03-links.md.
  2. Replace the filler text with a link to your GitHub profile (or anywhere else).

Watch below for my response!

github-learning-lab[bot] commented 3 years ago

Step 7: Merge your image and link

This looks great, @baelzbub! You've created a link to show off your portfolio, and now you can share it with the world.

:keyboard: Activity: Merge the Pull Request

  1. Click Merge pull request below.

Watch below for my response!

github-learning-lab[bot] commented 3 years ago

Good job with images and links! See your work here: https://baelzbub.github.io/markdown-portfolio/

:keyboard: Activity: Delete the branch

  1. Delete your branch in this pull request.

Go to the next activity now!