Dear new contributor: Working on charts.mozilla.org has the benefit of being highly visible to Mozilla. When you contribute here, you are helping the FxOS team build a high quality product. FxOS is part of Mozilla's strategy to keep the web open and promote the Mozilla Mission (https://www.mozilla.org/en-US/mission/). For this bug, we need distinctive images for each of the dashboards (Nominations, Blockers and Regressions at a minimum) Even though the images are distinctive, they must share a common theme; hopefully something that conforms to the FxOS branding (see below). If you are someone that knows the tools required to make these images, we need your help. Production: > http://charts.mozilla.org/ Code: > https://github.com/mozilla/charts Docs: > https://wiki.mozilla.org/Auto-tools/Projects/Charts Branding: > https://www.mozilla.org/en-US/styleguide/identity/firefox/branding/ More on Good First Bugs: > https://developer.mozilla.org/en/docs/Introduction You can contact me on irc at email@example.com; and you can find me in the #ateam channel with the rest of my team. See bug 1030913.
Kyle, is this bug still needed? I want to ensure that with the latest codebase you haven't fixed this or removed the need for it. Also this bug needs a mentor set :)
This bug is still relevant. With multiple tabs open, the icons are the only distinguishing feature: Without them it is very annoying to click on each to see which is which.
Hey, I want to fix the bug. Can you please tell me what I need to do ?
Certainly! I assume you have some artistry in you, because most of the work here is drawing the required icons. There is also learning Git and the Github process. Use your Github account to fork the charts repo (https://github.com/mozilla/charts.git) Clone your fork locally, and checkout the `dev` branch: > git clone https://github.com/yourusername/charts.git > git checkout dev Change the icon for the *.html pages in charts/fxos, the most important are: > charts/fxos/blockers.html > charts/fxos/nominations.html > charts/fxos/regressions.html > charts/fxos/team.html > charts/fxos/overall.html You simply need to add a line like > <link rel="shortcut icon" href="./images/test.png" type="image/x-icon" /> to the header section of each page. Your completed images should be located in > charts/fxos/images When you are ready, you can make a `pull request`. If you have any questions about these steps, please ask. I will be hard to get a hold of the rest of today, so forgive me my next response takes longer.
Hi Kyle! From @Atique Ahmed Ziad, I just came to know that this bug is about designing. So far i understood that charts.mozilla.org has some categories like Nomination, Blockers etc which need individual icons. If I'm right then i can create icons for those categories.
(In reply to salmanrahmandesh from comment #5) > If I'm right then i can create icons for those categories. Yes, you are correct. The most important part of this bug is the icon design, which must match the theme of the pages they are representing, or match the Mozilla theme in general . Yet, still be mutually distinctive. If you have some artistic talent in you, I would appreciate your help.  https://www.mozilla.org/en-US/styleguide/identity/firefox/branding/
Yeap I got your point. But need some more info for designing icons like which type of icons are required? Icons can be in flat icon, one color flat icon, versatile color icon. And also need some short description for each category to brainstorm icon moke-up and then implement it with perfect design and color. You can provide me a boilerplate contains all categories short descriptions. Thank you. Regards.
Hey Kyle, I want to fix the bug. Can you please explain what I need to do?
Orieka, Thanks for offering! There are two main parts to this bug. The first is the icons, and the second is learning the Github patch submission process: * Make your own branch of the `charts` repo * Clone your branch to your local machine * make some icons * Commit your changes locally * Push changes to `charts` repo Bugzilla shows my email of you hover over my name, and you can find me as "ekyle" on irc.mozilla,org (in #ateam channel).
what application should i use to design the icons?
I am agnostic about the what you use to design the icons. If you are looking for Free; then the Gimp may be good enough: It is for photo editing, but it does have some very primitive drawing tools. The icons are 32pixels by 32pixels, so even Microsoft Paint may be suitable. I will assign you to the bug so no one else takes it. thanks!
thanks Kyle, Can i change the platform to Mac OS X, or does it have to be Windows 7?
Hey Orieka, No need to change it. It's not a problem :) it's the platform where the bug has been found & tested by bug reporter.
Hi, kyle I've created the icons but im having problems adding them to the charts/fxos/images folder
Hi Orieka, Great! Can you tell more specifically where have you stuck & what wrong is happening ? You can follow comment 4 for further instruction for adding them in the folder. Let's know where you get stuck :)
I assume you have the images in the correct directory on your local machine: Did you fork the repo (rather than clone it?) Did you add the mozilla/charts repo as an `upstream` repo? You can not push to mozilla/charts, but you should be bale to see "create a pull request" on your github page. You may email me directly so we resolve configuration and setup outside this bug.
Hi kyle, Ive solved the problem. Ive created a pull request.