Google Code-in

Improving Typography for Blog

Project: Sugar Labs Social

Project Link:SugarLabsSocial

Background Information: | GCI_2018 | GCI_2018/background |

Project Sugar Labs Social have Blogs feature and Blogs are meant for long Read and should have a better typography.

The reason typography is so important for the web is because we read it very differently than we read non-digital forms of content. Typography basics for blogs

Task

• Research for suitable fonts so that easy for eye to read (i.e Medium.com)
• Fonts should be available for free or open sourced.
• Discuss with assigned mentor.
• Change the font family at required place.
• Make a PR.

Code Base

• The relevent code for the same is available in blog.html and css style for the same is available at core_style.css

• You can find both the file in project folder and Directory Tree for the same is shown below.

Directory for blog.html

Project_dir >> templates >> core >> blog.html

Directory for core_style.css

Project_dir >> static >> core_style.css

Guidelines

• make a seperate git-branch for this feature.
• Use meaningful class names and set css style in .css file only
• Make sure for the responsiveness across different device of different screen sizes (i.e font size should be suitable for mobile view too)
• Make Sure not to change other elements if containing same class name by mistake.
• We are using Markdown for the text rendering
• follow rest of the guideline from projects README