Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New typography scheme and improved readability #3

Open
wants to merge 39 commits into
base: master
Choose a base branch
from

Conversation

gavinwray
Copy link

I've updated the theme's style in the following areas:

  1. New typography scheme to improve readability on large and small screens.
  2. A maximum width for the post container to provide a better line length and overall readability on large screens.
  3. Revisions to the post container margins and padding to improve readability on small-screen devices.
  4. Minor improvements to list styles, tables, blockquotes and preformatted code.
  5. Increased the number of characters at which post titles are truncated in post fragments.
  6. Display post date on post fragments and at the top of posts.

You can see the changes implemented on http://twangcity.postach.io

Gavin Wray added 30 commits February 16, 2015 20:03
This is a test card I made to test themes for use with Postach.io. This Markdown document contains dummy text and sample post embeds from popular sites such as Twitter, YouTube, SoundCloud and GitHub.
Added section on inserting an image using Markdown.
Updated heading markup to reflect their use in the theme ie h1 for site title, h2 for a post title and h3 for the top-level sub-heading within a post.
Unordered list now marked up correctly
Three-column table is now actually a three-column table
Updated type scheme to use the 16px base font size and the perfect fourth scale (1.333). Restyled tables, preformatted text, lists and blockquotes.
Set a max-width on the post container, updated its padding and centred it - to maintain sensible measures when viewed on large displays.
Reduced font size of preformatted text and table content.
Updated type scheme and layout for display on screens below 560px wide.
More updates too layout and type styles for display on screens below 560px wide.
Increase the number of characters in post title to 70 before truncation. Change post date format.
Changed post date format
Moved post date from end of post to beneath post title
Added post date to post fragments.
Gavin Wray added 9 commits March 2, 2015 17:48
Added calendar glyph icon to post date in post fragments
Styled post date on post fragments
Styled post dates on post fragments
Styled h5
Styled h5
Updated h5 style
Updated h5 style
Updated style of h5
Updated style of h5
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant