Coder Social home page Coder Social logo

janos12345.github.io's People

Contributors

janos12345 avatar

Stargazers

 avatar

Watchers

 avatar

janos12345.github.io's Issues

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 writefixes: # 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 command git 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 command nautilus .. If you are a Mac user, you can use the command open .
  • 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 command git commit -m "Added Title". Then push the changes with the git 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 command git 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 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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.