fossasia/fossasia.github.io — pull request #82 by akshattripathi (2014-12-17 10:55:22+00:00)
Title: Added Photo, Changed Code

The changes made:
The logo compacts when the window is resized, i.e., the 'FOSSASIA' logo at the top left corner shortens to just an icon when viewed in a mobile phone. This was done as the whole logo looked a bit clumsy in a mobile phone.

When viewed in a mobile phone, the 'fossasia' logo was getting placed above the menu. Changed it so that in a mobile or a tablet, it is placed right before the menu and in a desktop, it is outside of the menu's 'div'.

On the first slide, there was an image placed which read 'fossasia'. However, it appeared clumsy on a mobile phone. Therefore, when viewed in mobile or a tablet, there will be a written text shown and when viewed on a screen, the image.

The above three were implemented using JavaScript. They have been written in such a manner so that the functions for all the three get invoked on document load and when resized.

The font-size of the navigation menu at the top is reduced when viewed on a mobile device. With the default size, it was taking more space than required.

Some text has been added to a few backgrounds (slides) and a button has been added to the slides which did not have them this earlier. This has been done to make the slides look more uniform.

Among the languages which thanked all the contributors, there was one which '??????', that has been removed.

Moved the twitter feed at the end as it seemed as though the photo stream should get more priority.

Change the title 'Map' to 'Find Us Near You' as it was evident from the map itself that it was a map, 'Find Us Near You' seems to me would better the UX.

Added 'Photo Stream' above the photo stream to label what the box actually contained (at first glance, to me, seemed as though it was a video :D ).

Added a custom color of selection-- the text which is selected -- to make the site more appealing.

Changed the opacity of the masthead as it made the actual text in the background hard to read.

Also, when hovered over the masthead, its background changes so that there is interference between the header's text and the text in the background.

When hovered over individual menu items, there is an underline done and a 1 second transition to make the selection more apparent and smooth.

Changed the font of all the headings (above the content, this is below the header) to make it more attractive.

Changed the size of the subscribe's input box as it showed only a few characters in the box when viewed on a mobile device which made it difficult to understand what was supposed to be entered.