mundraroshan / contributorspage

An HTML page delivered via express to show contributors for the Open Source FTW 2020/ Hacktober 2020 Pull Requests.

OPEN SOURCE FTW 2020

---

An HTML delivered via express to show contributors for the Open Source FTW 2020/ Hacktober 2020 Pull Requests.

🎈 Creating a pull request

To create a pull request to show your name on the website, first find the file:

/public/index.html

Please be careful while editing the file.

Find the following comments:

<!-- one profile block goes here-->
        <div class="profile-box">
        <img src="%image url%" alt="profile pic">
        <h3>Your Name</h3>
        <h4><a href="https://www.github.com/%username%" target="_blank">Your Github Username</a></h4>
      </div>
<!-- profile block ends here-->

Replace the fields with your information:

• Go to your Github, right-click on your Github profile and click Copy image address. This will be

img src = "url you just copied"

• Add your username in place of %username% in

href = "https://www.github.com/%username%"

• Add your name and github username in <h3> and <h4> tags respectively.

Example:

<!-- one profile block goes here-->
        <div class="profile-box">
        <img src="https://avatars3.githubusercontent.com/u/55389335?s=460&u=25493fd6332774036935e723c524c4ccbc0e1d0c&v=4" alt="profile pic">
        <h3>Sahil</h3>
        <h4><a href="https://www.github.com/SahilKr24" target="_blank">SahilKr24</a></h4>
      </div>
<!-- profile block ends here-->

🏁 Final Steps

Place this entire code on the line empty line above

<!-- insert your block of code here and please leave 2 lines empty above for others to navigate easily -->

Also follow the instruction as written in the line of comment.

Save the file and create a PR, sit back and wait until we approve your PR, ofc, if it fits the instructions.

Check out if your name shows up at

HF 2K20 Contributors

✍️ Authors

• @SahilKr24