I can see some work is being done in #121 regarding page speed. Shall we start with reducing images sizes in the slider. Its fine even if we lose the quality because some images are just huge. For example this one is 2.7MB! If someone is already upto this feel free to loose some quality.

Discussed in Issue #121. Icons should not take the full width of the browser when user is using mobile site.

Suggest to change all links to external sites to use https:// instead of http://

Because he pastes whole link. According the format, we only need the id.

While clicking buttons it shows something like this
But it should show

How do you think is this same issuse as #91 ? I am not sure, if yes I will close.

After lots of commits, the page loading speed is very very slow now.

I think because some parts of link in profile yml file and the index.html are repeat in #40.

The margins on the left and right sides of the site are not the same size as shown in the image below. This is a problem because all of the page content is shifted slightly in a certain direction.

This is related to issue #92 . After adding the top margin of the body element, everything is pushed down, so the bottom scroll button cannot be clicked:

.

Icon turn into gray when the mouse hover onto <a> tag, but not <i> tag.

BTW, I think while icon is better :/

The current version of website is not compatible with mobile and tablet views

Mobile View

Tablet View

The assigned column widths take up a lot of space when the website is re-sized this leads to situation where in the user has to scroll once per member on devices which are >365 px in width. Approximating a 100 users this can lead to a situation where in the user will have to scroll multiple times in order to move onto another section. Hence, a potential threat to UX

Slides titles are white so it looks bad on mobile phones if background is white.

If background is dark it is good -

I see that there is a Student Gallery, but I was wondering if adding a specialized area for the relatively simple projects on Google Code In could be a possibility. I honestly don't know whether the Student Gallery was made for this purpose, but adding student projects would allow potentially new students to see actual examples of the tasks involved, giving way to a higher participation rate. Also, it wouldn't add to much to the site, as most of the projects are already required to hosted. It's a pretty lame idea, but I think it takes away from a lot of the ambiguity and fear newer students may have before participating.

https://codein.withgoogle.com/tasks/5447791144861696/
https://codein.withgoogle.com/tasks/5995023363473408/?sp-organization=4625502878826496

DONE

Can I connect it with task later when my current task will have been approved?

As for desktop website there are placeholders for Twitter, Facebook, Google+ and YouTube, the Google+ one is missing when viewed on mobile phones.

Device: Motorola G 2nd Generation, 5.00-inch touchscreen display with a resolution of 720 pixels by 1280 pixels at a PPI of 294 pixels per inch.

There is no navbar hamburger on the main screen of the site now:

It changes its positions:

But actually it works okay from the browser's adaptive view.

Could someone also check this?

Maintaining a contributors.yml file is unnecessary when we can dynamically get the info from the github api from the client side. Thoughts?

There is something wrong happening with the current nav bar. It has some margin collisions with the slider when it is getting smaller.

Also the logo stays fixed on smaller screens and the nav bar doesn't. It makes the site look bad at smartphones.

As I see one issue is cause because bootstrap-responsive adds:

body {
    padding-left: 20px;
    padding-right: 20px;
}

and I am not very sure about the other one.

It would be nice if someone fixed it.

If people open the link in a new tab, then the icons turn into white.

It only happen on FF

The padding of google code in is not same as others.
Google Code-In:

Any other:

My code from #81 didn't repair bad scaling on mobile phones with FB, YT and G+. It looks like it:

I didn't notice it.

The best thing to do here would be to align the social icons to the left/right and the text in the same line to the other side.

It should have animation like mentors' and students' logo. It looks too bad

It should be align in center, but if it can fill whole space, then it will be better.

The website displays no navigation bar for users who have screen widths less than that of 788 px; which is basically half of the population browsing the world web or all the mobile users.

These are a few bugs that I'm aware of and working on, just so that you guys don't repost them:

1. Images only update on scroll event, so if you load page to a certain anchor the images don't load until you scroll.
2. Images can sometimes be seen loading if you scroll quickly.
3. Slight lag since I'm parsing / selecting a lot of elements every scroll update.

I already have a solution for all of these issues. I'm going to release it in my next pull. If you find anything else post it here.

With recent commits the design has slightly changed and also something wrong has been done with avatar circles, there are ellipsis now and they look very bad.

After #33 merged, the format of #41 is not match anymore

When the icon display, it look like very weird.

• 3:
  
• 4:
  

Each translation is not vertically centered with the parent div when it displays.

The link style of student part is different with mentor part.

Mentor part: https://github.com/fossasia/gci15.fossasia.org/blob/gh-pages/index.html#L130-L144
Student part: https://github.com/fossasia/gci15.fossasia.org/blob/gh-pages/index.html#L169-L183

Navigation bar links will not jump to the appropriate anchors

Google+ Social Media Placeholder not correctly aligned in Mobile Phones

The scroll bar is hidden under the header:
.

It should be on top so users can click on the scroll top button to scroll up.

When contributors submit PRs we can use their own fork to get a preview. Which is at usually at http://<github-id>.github.io/gci15.fossasia.org. Instead of manually adding the url we can make a service do it for us.

I think that there should be bigger break beetwen them and margin bottom is too big

Everything here is on bootstrap so I suggest you to add icons margin bottom and delete

bottom

Github both hover and not hover effects are black.
Stackexchange and Instagram have no hover effects at all.
It would be nice if someone implemented it.

The padding between footer and social media section

should equal the padding between slide and mentor section

Now it looks like it:

I think that better will be #424242 like main-content, or other grey color
If you think that now is better I will close a issuse

With the change of fonts titles in the navbar became too messy and take much place now, especially on tablet screens:


which makes it very hard to view the website on these screens.

This has been annoying me for a while now, every time I open the website log I see:

I say it's time we put an end to this. If you have an idea for a favicon, or a complete drawing, post it here. Remember to make it have the ratio 1:1 (square). We will then decide on which one to use.

Here is an example from the previous community site:

Clicking on 'FOSSASIA' on the navigation bar leads to nowhere.

It could be linked to FOSSASIA Main Website or to FOSSASIA Google Code-In 2015-2016 Home.