github.io's People
github.io's Issues
Add Character traits
Description
Each Character has its character traits. Visitors should be able to quickly recognize what makes your character special. Create a subheader of the size H2 and describe your Character with 3-10 keywords below (e.g. loves chocolate cookies)
Files
If you need help, take a look at the cheat sheet. We want to use an unordered list and a subheader of size H2.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Tasks
Perform the following steps:
- Create a new branch named
feature3_character_traits
- Check out this branch
- Add a subheader (H2) to the index.md file. You have to define the content yourself.
- Add an unordered list with 3-10 character traits below
- Commit your changes and push them.
- Create a pull request. Reference the issue in it.
- If both tests have passed, you can merge your changes into the master branch. If the tests fail, look at the comments of the pull request to find out what the problem was. Fix the errors so that the tests pass. A good idea is to repeat the steps of the issue and see if everything is written correctly. You can also look at the Index.md file on GitHub and check the correct formatting. If you tried it for 15 minutes without success, you can have a look in the course forum.
- Delete your feature branch. Switch to the master branch and update your local repository.
- Take a look at your website and see if something has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Add character quote
Description
Not only the characteristics of a character are important, but also the words they've said. To show how special your character is, you should add your favourite quote from your character.
Files
If you need help, take a look at the cheat sheet. We would like you to use a blockquote.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Tasks
Perform the following steps:
- Create a new branch named
feature4_quote
- Check out this branch
- Insert a quote from your character at the bottom of the page. Look into the cheat sheet if necessary
- Commit your changes and push them.
- Create a pull request.
- If both tests have passed, you can merge your changes into the master branch. If the tests fail, look at the comments of the pull request to find out what the problem was. Fix the errors so that the tests pass. A good idea is to repeat the steps of the issue again and see if everything is written correctly. You can also look at the Index.md file on GitHub and check the correct formatting. If you tried it for 15 minutes without success, you can have a look in the course forum.
- Delete your feature branch. Switch to the master branch and update your local repository.
- Take a look at your website and see if something has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Add description of character
Description
At the moment the user knows which character will be displayed. However, a short description would help the visitor to understand more precisely what the character is all about.
Files
If you need help, take a look at the cheat sheet.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Tasks
In this issue, you will not be guided as closely as in the first one. If you are stuck, you can also look into the first issue on the closed issues page. Follow these steps:
- Create a new branch with the name
feature2_short_description
- Switch to this branch
- Add a description of your character (~30-50 words) to the index.md file underneath the title. For this, you should write plain text, without any special formatting or GitHub flavoured markdown.
- Commit your changes and push them.
- Create a pull request. At the end of the pull request, you should reference your issue. For this, you write
fixes: #
and then select the issue from the list. - If all tests have passed, you can merge your changes into the master branch. If the tests fail, look at the comments of the pull request to find out what the problem was. Fix the errors so that the tests pass. A good idea is to repeat the steps of the issue again and see if everything is written correctly. You can also look at the Index.md file on Github and check the correct formatting. If you tried it for 15 minutes without success, you can have a look in the course forum.
- Delete your feature branch (online and locally). Since you have referenced (by using
fixes: #
) the issue in the pull request, you don't have to close it anymore! Switch to the Master Branch and update your local repository (git pull
). - Take a look at your website and see if something has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Add title to the website
Description
When visitors come to your website, they currently don't know what it's about, because nothing is being displayed yet. You should add a title so that visitors can understand what movie/book character the website is about.
Files
If you don't know how to create a title, take a look at this cheat sheet at Headers. You should use an H1 header. When using a Markdown symbol, you need to place a space behind it so that it will be rendered.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Tasks
Perform the following steps:
- Navigate to your repository in Git Bash/your terminal. This should work with the command
cd \<your GitHub name\>.github.io
. - Because we want to practice the Github Flow you should create a new branch named
feature1_new_title
. To do this you should enter the commandgit branch feature1_new_title
. Keep an eye on the spelling of the branch name, we can only test your work if the name is exactly as specified. - Switch to the created branch with the command
git checkout feature1_new_title
- Now we want to open the repository in your file explorer(or any other program that can display folders). Just navigate to the folder where your repository was cloned to. As a help you can also try our shortcuts: To do this, enter the command
explorer.exe .
in the Git Bash on Windows. On Linux, enter the commandnautilus .
. If you are a Mac user, you can use the commandopen .
- Now you should add the title to the website. Open the index.md file with an editor. Delete everything that has already been added to the file and use Github flavoured Markdown (the one used in the cheat sheet) to add a title to the website. If you don't know how to do this, check out the cheat sheet.
- After you have added the title, you need to save the index.md file. Then add the index.md file to the staging area in the Git Bash. You do this with the command
git add index.md
. Next, you need to commit the changes. Make a commit with the commandgit commit -m "Added Title"
. Then push the changes with thegit push
command. This may cause an error, which is why you might see an error message. Just copy the command from the error message and execute it. - On GitHub, create a pull request to merge your feature branch into the master branch. You do this by switching to the Pull Requests Tab and then clicking the button "Compare & Pull Request". Choose a title to explain in a few words what happened in this pull request. In the body of the pull request, you describe the problem you solved. What was the problem? How did you solve it? Which files are affected?
- Now tests written by the teaching team will check your changes. If all tests (2 exist) have been passed, you can merge your changes into the Master Branch. If the tests fail, look into the comments of the pull request to find out what the problem was. Fix the bugs so that the tests pass. A good idea is to repeat the steps of the issue and see if everything is written correctly. You can also take a look at the Index.md file on Github (on your branch) and check the correct formatting. If you have tried it for 15 minutes without success, you can seek help in the course forum.
- Enter the passphrase commented in the Pull Request by the bot in die openHPI quiz.
- Delete your Feature Branch after merging the pull request. This needs to be done online on Github and in your local repository. Here on github you can delete the branch at the bottom of the Pull Request you created. To delete the branch on your own machine switch to the master branch in your bash/terminal and run the command
git branch -d feature1_new_title
. Additionally you must update your local repository with the commandgit pull
. - Close this issue.
- Check your website and see if anything has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Add character image
Description
The visitors of your site already have a good impression of your character. It is even better to show your character visually. Therefore you should add a picture of your character. For that, you should choose a picture from the internet.
Tasks
Carry out the following steps:
- Create a new branch named
feature5_image
- Check out this branch
- Search on the search engine of your choice for a picture of your character that you particularly like. Make sure that the image license allows you to use it in private context. Now you need to get the direct link to this image. Get it by clicking on "Show file" or by right-clicking on the picture, "show graphic" and then copying the address from the address bar of your browser.
- Paste the image at the bottom of your website using the HTML expression
<img src="URL"/>
. Replace the URL with the link to your image. The cheat sheets also shows a way to display images, but we want you to use this HTML expression. - Commit your changes and push them.
- Create a pull request.
- If both tests have passed, you can merge your changes into the master branch. If the tests fail, look at the comments of the pull request to find out what the problem was. Fix the errors so that the tests pass. A good idea is to repeat the steps of the issue again and see if everything is written correctly. You can also look at the Index.md file on GitHub and check the correct formatting. If you tried it for 15 minutes without success, you can have a look in the course forum.
- Delete your feature branch. Switch to the master branch and update your local repository.
- Take a look at your website and see if something has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Add character image
Description
The visitors of your site already have a good impression of your character. It is even better to show your character visually. Therefore you should add a picture of your character. For that, you should choose a picture from the internet.
Tasks
Carry out the following steps:
- Create a new branch named
feature5_image
- Check out this branch
- Search on the search engine of your choice for a picture of your character that you particularly like. Make sure that the image license allows you to use it in private context. Now you need to get the direct link to this image. Get it by clicking on "Show file" or by right-clicking on the picture, "show graphic" and then copying the address from the address bar of your browser.
- Paste the image at the bottom of your website using the HTML expression
<img src="URL"/>
. Replace the URL with the link to your image. The cheat sheets also shows a way to display images, but we want you to use this HTML expression. - Commit your changes and push them.
- Create a pull request.
- If both tests have passed, you can merge your changes into the master branch. If the tests fail, look at the comments of the pull request to find out what the problem was. Fix the errors so that the tests pass. A good idea is to repeat the steps of the issue again and see if everything is written correctly. You can also look at the Index.md file on GitHub and check the correct formatting. If you tried it for 15 minutes without success, you can have a look in the course forum.
- Delete your feature branch. Switch to the master branch and update your local repository.
- Take a look at your website and see if something has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Add title to the website
Description
When visitors come to your website, they currently don't know what it's about, because nothing is being displayed yet. You should add a title so that visitors can understand what movie/book character the website is about.
Files
If you don't know how to create a title, take a look at this cheat sheet at Headers. You should use an H1 header. When using a Markdown symbol, you need to place a space behind it so that it will be rendered.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Tasks
Perform the following steps:
- Navigate to your repository in Git Bash/your terminal. This should work with the command
cd \<your GitHub name\>.github.io
. - Because we want to practice the Github Flow you should create a new branch named
feature1_new_title
. To do this you should enter the commandgit branch feature1_new_title
. Keep an eye on the spelling of the branch name, we can only test your work if the name is exactly as specified. - Switch to the created branch with the command
git checkout feature1_new_title
- Now we want to open the repository in your file explorer(or any other program that can display folders). Just navigate to the folder where your repository was cloned to. As a help you can also try our shortcuts: To do this, enter the command
explorer.exe .
in the Git Bash on Windows. On Linux, enter the commandnautilus .
. If you are a Mac user, you can use the commandopen .
- Now you should add the title to the website. Open the index.md file with an editor. Delete everything that has already been added to the file and use Github flavoured Markdown (the one used in the cheat sheet) to add a title to the website. If you don't know how to do this, check out the cheat sheet.
- After you have added the title, you need to save the index.md file. Then add the index.md file to the staging area in the Git Bash. You do this with the command
git add index.md
. Next, you need to commit the changes. Make a commit with the commandgit commit -m "Added Title"
. Then push the changes with thegit push
command. This may cause an error, which is why you might see an error message. Just copy the command from the error message and execute it. - On GitHub, create a pull request to merge your feature branch into the master branch. You do this by switching to the Pull Requests Tab and then clicking the button "Compare & Pull Request". Choose a title to explain in a few words what happened in this pull request. In the body of the pull request, you describe the problem you solved. What was the problem? How did you solve it? Which files are affected?
- Now tests written by the teaching team will check your changes. If all tests (2 exist) have been passed, you can merge your changes into the Master Branch. If the tests fail, look into the comments of the pull request to find out what the problem was. Fix the bugs so that the tests pass. A good idea is to repeat the steps of the issue and see if everything is written correctly. You can also take a look at the Index.md file on Github (on your branch) and check the correct formatting. If you have tried it for 15 minutes without success, you can seek help in the course forum.
- Enter the passphrase commented in the Pull Request by the bot in die openHPI quiz.
- Delete your Feature Branch after merging the pull request. This needs to be done online on Github and in your local repository. Here on github you can delete the branch at the bottom of the Pull Request you created. To delete the branch on your own machine switch to the master branch in your bash/terminal and run the command
git branch -d feature1_new_title
. Additionally you must update your local repository with the commandgit pull
. - Close this issue.
- Check your website and see if anything has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Add description of character
Description
At the moment the user knows which character will be displayed. However, a short description would help the visitor to understand more precisely what the character is all about.
Files
If you need help, take a look at the cheat sheet.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Tasks
In this issue, you will not be guided as closely as in the first one. If you are stuck, you can also look into the first issue on the closed issues page. Follow these steps:
- Create a new branch with the name
feature2_short_description
- Switch to this branch
- Add a description of your character (~30-50 words) to the index.md file underneath the title. For this, you should write plain text, without any special formatting or GitHub flavoured markdown.
- Commit your changes and push them.
- Create a pull request. At the end of the pull request, you should reference your issue. For this, you write
fixes: #
and then select the issue from the list. - If all tests have passed, you can merge your changes into the master branch. If the tests fail, look at the comments of the pull request to find out what the problem was. Fix the errors so that the tests pass. A good idea is to repeat the steps of the issue again and see if everything is written correctly. You can also look at the Index.md file on Github and check the correct formatting. If you tried it for 15 minutes without success, you can have a look in the course forum.
- Delete your feature branch (online and locally). Since you have referenced (by using
fixes: #
) the issue in the pull request, you don't have to close it anymore! Switch to the Master Branch and update your local repository (git pull
). - Take a look at your website and see if something has changed. You may have to update the page a few times.
If you have any questions, you can take a look at the course forum.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.