voog / design-anchorage Goto Github PK

https://www.dropbox.com/s/prx0srlguqj3rv5/Screenshot%202015-09-03%2009.02.08.png?dl=0
(Left is as designed)

P-tag and list tag font sizes are different in front page - list elements are bigger.

Maybe there's no need for the complicated Liquid calculations and can be done with the :empty class and flexbox.

• Active language should be different
• Flags are not centralized to label (FF)
• Language menu is too wide when there has only short labels and no flags.
• Language menu arrow position needs to be improved (without flags)

Front page - bottom area (with bg image) content is too small. When clicking on it then its only cursor-wide.

Eg if screen is smaller than ~1140 then it's ok, otherwise these three areas are shifted to right.

Use format_date instead of date filter article dates to show translated month names for enduser.

Current:

<time class="article-date" datetime="{{ article.created_at | date: '%Y-%m-%d' }}">{{ article.created_at | date: "%d. %B %Y" }}, </time>

Should be:

<time class="article-date" datetime="{{ article.created_at | date: '%Y-%m-%d' }}">{{ article.created_at | format_date: "%d. %B %Y" }}, </time>

Prefer format_date filter values like default, long or short over custom format like %d. %B %Y - since month and day order may be different in other languages. Read more: http://www.voog.com/developers/templating/basics/filters#format_date

testtest

Color: #afafaf
font size 14px
link #4a4a4a
fw 300

Example: In style stylesheets there is reference to assets/roboto-regular.woff but file name is Roboto-Regular.woff.

https://www.dropbox.com/s/iz2xojxf73yy64s/Screenshot%202015-09-03%2009.05.52.png?dl=0

Also reduce the title and date whitespace by half.

.blog-news-page .article-author, .blog-news-page .article-date – font-weight 300
.blog-article-page .comments-title – font-weight 300
.blog-news-page .articles-listing .blog-article .article-date - font-weight 300

There is double scroll in article page

Hover:
bg: #fff
color: #4a4a4a

https://www.dropbox.com/s/63plz3k2aabzkba/Screenshot%202015-09-01%2016.42.54.png?dl=0

Also remove .front-page .page-content .content-area

Line weight has some problems + hover jumping

https://www.dropbox.com/s/5elzt6zfseb8l94/Screenshot%202015-09-03%2008.50.24.png?dl=0