{"action":"created","issue":{"url":"https://api.github.com/repos/MozillaFoundation/Design/issues/162","repository_url":"https://api.github.com/repos/MozillaFoundation/Design","labels_url":"https://api.github.com/repos/MozillaFoundation/Design/issues/162/labels{/name}","comments_url":"https://api.github.com/repos/MozillaFoundation/Design/issues/162/comments","events_url":"https://api.github.com/repos/MozillaFoundation/Design/issues/162/events","html_url":"https://github.com/MozillaFoundation/Design/issues/162","id":148112732,"number":162,"title":" Design review of Teachable module for Club Captains","user":{"login":"flukeout","id":25212,"avatar_url":"https://avatars.githubusercontent.com/u/25212?v=3","gravatar_id":"","url":"https://api.github.com/users/flukeout","html_url":"https://github.com/flukeout","followers_url":"https://api.github.com/users/flukeout/followers","following_url":"https://api.github.com/users/flukeout/following{/other_user}","gists_url":"https://api.github.com/users/flukeout/gists{/gist_id}","starred_url":"https://api.github.com/users/flukeout/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/flukeout/subscriptions","organizations_url":"https://api.github.com/users/flukeout/orgs","repos_url":"https://api.github.com/users/flukeout/repos","events_url":"https://api.github.com/users/flukeout/events{/privacy}","received_events_url":"https://api.github.com/users/flukeout/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-04-13T16:22:39Z","updated_at":"2016-04-13T23:55:25Z","closed_at":null,"body":"The Clubs team has created an account and some training materials over at https://mozilla.teachable.com/\r\n\r\nI'll do a design review to make sure the customizable elements like typography & imagery are \"on-brand\" and lookin' sharp.\r\n\r\n**This issue has a few parts**\r\n* Provide some actionable guidelines for the Clubs Team so they can make changes \r\n* Provide the Clubs Team with assets like icons, logos & photos to achieve the above\r\n* Create a scaffolding for a style guide for other teams based on the findings\r\n\r\n**Progress so far**\r\nThis [design audit doc](https://docs.google.com/a/mozilla.com/document/d/15rqXWZ8UMWfv2jqB-L4tsBHjEa1wXyo_OR5XUF-8BkU/edit?usp=sharing) has an outline of the needed style guide components as well as a list of the areas where the design can be improved.\r\n\r\n**Up next**\r\n* Provide some guidelines to the team to fix the problems"},"comment":{"url":"https://api.github.com/repos/MozillaFoundation/Design/issues/comments/209694914","html_url":"https://github.com/MozillaFoundation/Design/issues/162#issuecomment-209694914","issue_url":"https://api.github.com/repos/MozillaFoundation/Design/issues/162","id":209694914,"user":{"login":"flukeout","id":25212,"avatar_url":"https://avatars.githubusercontent.com/u/25212?v=3","gravatar_id":"","url":"https://api.github.com/users/flukeout","html_url":"https://github.com/flukeout","followers_url":"https://api.github.com/users/flukeout/followers","following_url":"https://api.github.com/users/flukeout/following{/other_user}","gists_url":"https://api.github.com/users/flukeout/gists{/gist_id}","starred_url":"https://api.github.com/users/flukeout/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/flukeout/subscriptions","organizations_url":"https://api.github.com/users/flukeout/orgs","repos_url":"https://api.github.com/users/flukeout/repos","events_url":"https://api.github.com/users/flukeout/events{/privacy}","received_events_url":"https://api.github.com/users/flukeout/received_events","type":"User","site_admin":false},"created_at":"2016-04-13T23:55:24Z","updated_at":"2016-04-13T23:55:24Z","body":"In my proposed changes for the Teachable presense, I've drawn from the colors and styling that we've established in the **Clubs Guides** like http://mozilla.github.io/learning-networks/clubs/design-thinking/. This gives us some colors & imagery to work with.\r\n\r\n###Teachable Setting Changes\r\n\r\nThese are the proposed changes to be made within the Teachable interface, in the Theme settings panel. \r\n\r\n**Colors**\r\nListed according to the available settings in Teachable..\r\n* Nav Bar & Footer Background - #294690\r\n* Nav Bar Links - #ffffff\r\n* Buttons & Links - #009a6f\r\n* Headings - #1e3369\r\n* Homepage Heading & Subtitle - #ffffff \r\n* Course Page Heading & Subtitle - #ffffff\r\n* Body Text - #8c8c8c\r\n\r\n**Logo & Background**\r\n* Homepage Background Image\r\n  * Currently red with the Fundraising fox, which is not on-brand\r\n  * Potentially use http://mozilla.github.io/learning-networks/clubs/assets/img/header.jpg\r\n  * Use .5 Darkening Overlay\r\n* Replace Site Navbar Logo with transparent white image\r\n  * Use https://dl.dropboxusercontent.com/u/109902/mozilla-clubs-logo-header.png\r\n\r\n**Typography**\r\n* Use the Open Sans option\r\n\r\n**How does this make things look?**\r\n\r\nHere's the School Page...\r\n![image](https://cloud.githubusercontent.com/assets/25212/14512929/60c15ae8-0198-11e6-9ae8-0dad6aa2e2b8.png)\r\n\r\nHere's the nav bar when it's collapsed...\r\n![image](https://cloud.githubusercontent.com/assets/25212/14512937/71055710-0198-11e6-9412-12ce79d7537e.png)\r\n\r\n**To-do**\r\n* Figure out Favicon\r\n* Figure out avatar for the Author\r\n* Provide guidelines for the photography & type treatments in the course content\r\n"}}