csendranshi / halloffame

first-contributions

ISSB Open October '20 - Hall Of Fame

The Fall of Code 🍁

STEPS TO FOLLOW :)

1. Fork this Repository.
2. Clone the Repository: git clone "url you copied"
3. Create a branch: git checkout -b <your-new-branch-name>
4. Add changes: git add .
5. Commit changes: git commit -m "message"
6. Push changes to GitHub: git push origin <add-your-branch-name>
7. Submit your changes for review.
8. And Boom! You're done 🥳
9. Our team will review and merge your changes into the master branch of this project. You will be notified via E-mail once the changes have been merged.

⚠Do not make any changes other than adding the below template with your details in it !!

How to make changes in the index.html file:

1. Find your name in the file (Use Ctrl+F ,Type in your name)

2. It will take you to the respective div tag,
   For Example: (Ctrl+F, typed in "My Name")

   <div class="card col-lg-3">
   	<a href="https://www.github.com/{ your username }">
   		<img src="https://www.github.com/{ your username }.png" alt="" width="228" height="200">
   	</a>
   	<div class="card-body">
   	    <h5 class="card-title">My Name</h5>
   		<p class="card-text"> {Enter your line here}</p>
   		<div>
   		<iframe width="95%" height="20%" scrolling="no" frameborder="no" allow="autoplay" src=""></iframe>
   		</div>
   	</div>
   </div>
   

3. Un-comment only your div tag (ctrl+/)

Add your github username, a one line quote and the source link of your favorite soundcloud track in the above mentioned block of code !!

How to add the soundcloud track 🎵:

1. Visit Soundcloud.com

2. Search your favorite track.

3. Click on Share -> Embed

4. Copy the code!
   
   For Example:

   <iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/557484318&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/josh-diamonds" title="Josh Diamonds" target="_blank" style="color: #cccccc; text-decoration: none;">Josh Diamonds</a> · <a href="https://soundcloud.com/josh-diamonds/fire-to-fire-sam-smith" title="Fire On Fire- Sam Smith" target="_blank" style="color: #cccccc; text-decoration: none;">Fire On Fire- Sam Smith</a></div>
   
   

5. Extract the below link from the above code!
   
   

   src = "https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/557484318&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true" 
   

6. Copy paste this link in the above template.

7. Now you can play your song !!! YAY 💃