Add in Font Awesome

[robertdenton]

Font Awesome is an icon font powered by CSS. We want to add it in for a number of reasons, but primarily we want to replace the "tools" in rg with icons.

For example, this...

becomes this...

The same will be done with videos and slideshows.

The process of adding these in is two-fold. First the fonts need to be added to fonts.registerguard.com and then the styles have to added to Bulldog.

Plan of attack is to simply @import using LESS and utilize the current .tools styles with some minor mods:

.tools a{
    padding: 2px 3px;
    font-size: .75em;
}

Once it's worked into Bulldog, need to test using test page. Then integrate into rg, see rg/assets/includes/tools01.csp. It also needs to be updated in Octavo in themes/includes/posts-tools.php.

[robertdenton]

It has been added to Bulldog. Need to update the config of octavo and rg when ready to go. Then need to update code in those places to include the icons. First need to figure out how to get the comment count.

Later: Had to add in some other styles to make the boxes fit with the disqus number in there. Here's how it looks currently:

To-do list:

• [ ] Edit disqus setting to only show the number
• [ ] Update rg tools.csp
• [ ] Update octavo posts-tools.php with following syntax

<ul class="tools">
    <li>
        <a href="http://registerguard.com/rg/news/local/32806252-75/feds-tentatively-ok-more-money-for-west-eugene-emx.html.csp#disqus-comment-section"><span class="disqus-comment-count" data-disqus-identifier="rg_32806252">TEST</span><i class="fa fa-comment fa-fw"></i></a>
    </li>
    <li>
        <a href=""><i class="fa fa-play fa-fw"></i></a>
    </li>
    <li>
        <a href=""><i class="fa fa-camera fa-fw"></i></a>
    </li>
</ul>

[robertdenton]

Working on rg, working with issues on blogs.

rg:

blogs:

The counts were showing up for some but not others on blogs. I have a theory that this functionality was never created. See cached Google page below:

Closing.

[robertdenton]

To update font awesome:

• Update font on fonts.registerguard.com which is an EC2 not a s3 bucket like previously thought
• Update font awesome variables in bulldog font-awesome/variables.less.