Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Introduce yourself to the world #3

Merged
merged 5 commits into from
Oct 23, 2020
Merged

Introduce yourself to the world #3

merged 5 commits into from
Oct 23, 2020

Conversation

github-learning-lab[bot]
Copy link

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

⌨️ 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
Copy link
Author

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)

⌨️ 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
Copy link
Author

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

  • The placeholder text is deleted
  • Your link formatting is correct ([text](url))

⌨️ Activity: Add a link

  1. Click the "Files changed" tab.
  2. Scroll to find the _includes/03-link.md.
  3. Click the 📝 pencil icon.
  4. Add a link using the syntax [text](https://example.com).
  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
Copy link
Author

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

  • The placeholder text is deleted
  • Your link formatting is correct ([text](url))

⌨️ Activity: Add a link

  1. Click the "Files changed" tab.
  2. Scroll to find the _includes/03-link.md.
  3. Click the 📝 pencil icon.
  4. Add a link using the syntax [text](https://example.com).
  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
Copy link
Author

Step 7: Merge your image and link

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

⌨️ Activity: Merge the Pull Request

  1. Click Merge pull request below.

Watch below for my response!

@amedyne amedyne merged commit 4c721c9 into master Oct 23, 2020
@github-learning-lab
Copy link
Author

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

⌨️ Activity: Delete the branch

  1. Delete your branch in this pull request.

Go to the next activity now!

@amedyne amedyne deleted the add-images-links branch October 23, 2020 18:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants