search

freedomsponsors / www.freedomsponsors.org

Crowdfunding Free Software, one issue at a time.
https://freedomsponsors.org
GNU Affero General Public License v3.0
190 stars 76 forks source link

Make it responsive #247

Open tonylampada opened 10 years ago

tonylampada commented 10 years ago

The website doesn't looke so great with small screens. Actually, it starts to break at 1024x768 :P ! Definetely need some help with that.

elisazaroni commented 10 years ago

Dicas.... http://www.projectevolution.com/activity/anatomy-responsive-design-python-front-end-framework/

giovaneliberato commented 10 years ago

@tonylampada it's possible to use just twitter bootstrap's grid and responsive components.. what do you think?

tonylampada commented 10 years ago

I feel that's the way to go too. Do you think you could do that and keep the current design?

willianribeiro commented 9 years ago

I would like to do this. I have drafted a plan for that, divided into 3 steps. What do you think about? Questions? Suggestions?

  1. Organize css structure according to SMACSS to become easier the maintenance and scalability of the project.
  2. Make responsive the base template
    • Structure of the base layout
    • Header (main menu)
    • Footer
  3. Make responsive each page of the site (based on relevance to the user)
    • Home page
    • Search page
    • User registration/login page
    • Add issue page
    • Issue details page
    • User details page
    • Project details page
    • Stats page
    • FAQ page
    • Feedback page
    • Users page
    • Edit profile page & Change username page
    • My Issues page
    • Projects list page
    • Github settings page

Currently, Freedom Sponsors has 16 pages (I have made a information's architecture diagram[1]) and neither of them are responsive.

[1] Information's architecture diagram freedom sponsors - information architect

giovaneliberato commented 9 years ago

@willianribeiro Wow, that's awesome!

Will you use some css framework or you'll made it from scratch?

Let me now if I could help you in something

willianribeiro commented 9 years ago

@giovaneliberato I was thinking use the fluid grid system of the Foundation framework, and do all the rest without any framework, because I don't think it's necessary.

And if you want to venture on CSS, the step 3 will be probably the most painful. It would be great if you could help in this stage getting some pages to make them responsive! :D

tonylampada commented 9 years ago

+1 for using a grid framework. Please go on and let's keep in touch