Gnome OPW: Final Report

I would like to start this entry with a whoop-de-Doo and a big hurrah! My OPW internship with Gnome Responsive project is finally over :D (although my work is not ;) ). The three months altogether marked an incredible journey, and especially the last one went by like a flash(work sleep eat work… :P). After the GUADEC trip, I was more than excited to continue the work on the main website http://www.gnome.org after getting a lot of technical and design inputs from my mentors Andreas & Fabiana, Allan, Garret etc. and after various discussions on different design aspects of the website, all of the pages have now been made responsive.

The website now uses Bootstrap(12 column grid) responsive framework. This is in consistency with the OPW: www.gnome.org/opw website which also uses the same framework and is responsive now.

 

A proper responsive navigation is at place (screenshot attached for various devices) and design is consistent with the current navigation structure. The sub-menu structure in Gnome Foundation has been dissolved and everything is now accessible via the main navigation menu. Breadcrumbs have been added to make the navigation process even easier. There have been some more changes in the design, most of which are view-able in smaller screens (< 768 px).

789px_expand 989px_condense 989px_expand 989px_subnav smart_collapse smart_expand smart_subnav 

The Testing-Found a bug-Again testing-Found a bug again phase is on and there are a few minor changes to be done before it is finally committed onto the main website(too excited for that!). And at last, but obviously not the least I would like to thank my mentors Andreas Nilsson and Fabiana Simoes for all the help and support they have given me throughout the project. I would also like to thank Andrea Veri for bearing with the web development team the entire time we were stuck with VPN and testing instances :)

End and Continue Gnome Responsive

Now that very few days are left before my OPW internship gets over, the project is also reaching its final stages. Most of the pages have been made responsive and proper navigation menu is at place. But that does not mean that my work is done! :D . I have yet to make everything live and and see the response this responsive website creates. My mentors simultaneously are giving a thorough look at my work and shooting me with feedback and reviews. It feels like a great long journey has ended but still a larger part of it is left! Meanwhile I am also planning to take up and contribute to some other similar (Gnome) project, so that I utilize my experience with website design and responsive systems as much as I can and continue contributing :)

Way to make Gnome responsive..

I have been recently working on making the main gnome website responsive and meanwhile have been cleaning some existing code and templates. Since the entire framework is being shifted from Grid 960 to Bootstrap, there is a lot of work to do. In GUADEC 2013 web hackfest, there has been some discussion on the redesign of the website — basically the welcome note and the menu bar — but since nothing has been finalized as of yet, I am continuing with the existing design. My strategy is to go page by page ( and eventually fix one template at a time according to the new framework) and finally merge in the menu and content redesign, if there is any.

Here I come and go! GUADEC-2013 (contd! :D)

I forgot to mention in my previous blog about the wonderful  Women’s dinner, welcome dinner at Fleda and the exciting guided tour around Brno. Each and every event was a celebration in its own way and cheers to Red Hat, Mozilla and Igalia for sponsoring such events.

GUADEC volunteer

The core conference days were over on 4th and we took a breath to discover more and travel more. We went to Prague for a one day trip and met more people and explored the beautiful and heroic history of the city(our tour guide was awesome! ;)).

The next day were scheduled marketing and web-development hack fest. I worked with my mentors Andreas and Fabiana, Andrea V, Allan, Garrett and many more people on my project and had intense discussions on the related topics. The day ended with a low lingering feeling that it was the my last day and it is time to go back. We bid farewell to our mentors and other present fellow attendees and took the flight back to India.

P.S. It was sometimes difficult to search for a vegetarian place to eat at , but apart from that it was a fun-filled journey.

I am really grateful to Gnome Foundation for funding my travel and all the organizers for putting together such a wonderful conference.

gnome_sponsored_badge

 

 

 

Here I come and go! GUADEC-2013 :D

What an eventful week it has been! Going through the hassles of getting a visa and a tiring 15 hour journey finally paid off as I landed in Vienna, Austria and took off to Brno, Czech Republic – the venue for GUADEC conference this year. Apart from this being my first GUADEC, it was also my first trip outside of my country. It was all exciting and surreal- new places, new people and new memories!

I started with volunteering on the day before the core conference days started, fun working with the other organizers and other smiling faces! Once the conference started, the next few days went super fast as we were busy attending the talks and meeting so, so many new people! It is so amazing that how all of my statements are ending with an exclamation mark but that is how exciting each and every part of the journey was!

Will keep you updated!

Responsive Design: First Step

The last three weeks have been full of excitement and happenings and due to this busy schedule I have not been able to update this wall recently. To get started with a bang, the opw site is now responsive (www.gnome.org/opw)!. My experiment with responsiveness started with using adapt.is written by Nathan Smith. It is of course lightweight and felt like a perfect solution for a relatively simple website of OPW. However the major issue was to maintain a single framework for responsiveness across all Gnome websites to maintain uniformity. Gnome main website is not as simple as the OPW one and is also based on WordPress. A proper framework would make the work simpler and propose standard solutions(instead of preparing your own CSS file for every device size and loading it accordingly with adapt.js). Bootstrap felt like an intuitive solution because of its customization features, ease of use and large development and user community available. Once the normal framework responsiveness is achieved, there is no doubt required a lot of tinkering and adjustments here and there to achieve exactly what you want and there is always somebody out there to help you with some awesome tricks!

The OPW site is now responsive and the next thing is the main gnome website! #excited