Gabby

[gderaedt]

[roonyh]

Hi! Please carefully follow these instructions https://github.com/fossasia/fossasia.github.io#adding-images. You seems to have still missed steps 5 and 6.

@fossasia/fossasia-gci-students Can someone give @gderaedt some tips? Remember helping out fellow students earns you extra credit :wink:

[samarsault]

Hi there, I suspect that you are totally new to coding . I'll describe the whole in task the simplest way I could do it -

1. Fork the repository using the fork button on top of this repository If you are not comfortable with git, I recommend you use the Github GUI client. Github Windows Download For Windows Github Mac
2. Clone the repository to your computer. You'll see a 'Clone to Desktop' button on the right side of the repository.
3. You'll find the repository in your Documents Folder/Github/fossasia.github.io(/Users/user_name/Documents/Github/fossasia.github.io on mac) (My Documents/Github/fossasia.github.io on Windows)
4. Add your image to the images/students directory. Make sure it has the same width and height(about 300px X 300px). You can try resizing it using paint, gimp or photoshop.
5. Open the index.html file in the root directory of the repository
6. I suggest you should use a code editor to view this. Because if you are using notepad, it would be difficult to edit because the text is not well formatted

Ynote Classic(my own code editor!) Windows Only OR Sublime Text (Cross-Platform)

1. Open the file in the editor. Find a

<div class='simpl onethird'>
.....
</div>

text block

8. Copy the whole block or just copy the one in the README.md of this repository
9. Get to the end of the section. Where you find the last block you copied above
10. Paste it there. Edit the details, replacing the student's with yours'
11. Open Github GUI and commit the changes. Then finally 'sync'/'push' it.

Tags Explanation

<!-- contains the link to the image. replace it with /images/students/your_pic_name.jpg -->
<img src='images/students/name.jpg'>

The Link Tag

 <a href="http://github.com/user_name " target="_blank"><i class="icon-github"></i></a>

In all the tags above, replace the href content with your link. The 'icon-github' tells that this is links tell about your github site. Similarly, 'icon-facebook' and 'icon-twitter' stand for your facebook and twitter usernames respectively. You can also remove the entire tag if you don't have an ID. Like, if you don't use twitter, just delete this line.

<a href="https://twitter.com/example" target="_blank"><i class="icon-twitter"></i></a>

In this pull, your image is not resized properly height is > width. You need to resize it And also, your HTML is wrong. I don't think there's any H4 tag in the page.

I think you forked the repo way too early. Many changes have been made after it. Including the html formatting of the student's images. I suggest you re-fork your repo(delete your fork(from settings->delete repo) & fork again) and then follow the steps.

Hope this helped !! Samarjeet

[roonyh]

@gderaedt please take a look at @samarjeet27's comment and try this again. I'll keep this pull request closed for now.