FA4: Projects & Roles

* Updated FA icons.
* Fixed hover color of info boxes.

Author: TheSeg

_includes/content/titles.html

@@ -13,7 +13,7 @@
       <tr>
         <td colspan="5">
           <ul class="unstyled">
-            <li><i class="text-info icon-info-sign"></i> Includes localizations and/or ports developed by Seg after initial release.</li>
+            <li><i class="fa fa-info-circle text-info note-local-footer"></i> Includes localizations and/or ports developed by Seg after initial release.</li>
             <li>16 Total Seasons <small>(11 Franchises)</small></li>
             <li>64 Total Episodes <small>(271+ total releases by episode &amp; platform)</small></li>
           </ul>
@@ -183,7 +183,7 @@
           <img class="title-image" src="{{site.baseurl}}img/games/tomi.jpg" width="184" height="69" alt="Tales of Monkey Island" title="Tales of Monkey Island">
         </td>
         <td class="cell-center">5</td>
-        <td>Jul - Dec 2009 <i class="text-info icon-info-sign note-local"></i></td>
+        <td>Jul - Dec 2009 <i class="fa fa-info-circle note-local text-info"></i></td>
         <td>
           <ul class="unstyled">
             <li>Build &amp; Distribution Engineering</li>
@@ -201,7 +201,7 @@
           <img class="title-image" src="{{site.baseurl}}img/games/wg.jpg" width="184" height="69" alt="Wallace &amp; Gromit's Grand Adventures" title="Wallace &amp; Gromit's Grand Adventures">
         </td>
         <td class="cell-center">4</td>
-        <td>Mar - Jul 2009 <i class="text-info icon-info-sign note-local"></i></td>
+        <td>Mar - Jul 2009 <i class="fa fa-info-circle note-local text-info"></i></td>
         <td>
           <ul class="unstyled">
             <li>Build &amp; Distribution Engineering</li>
@@ -239,7 +239,7 @@
           <img class="title-image" src="{{site.baseurl}}img/games/sm_s2.jpg" width="184" height="69" alt="Sam &amp; Max: Beyond Time &amp; Space" title="Sam &amp; Max: Beyond Time &amp; Space">
         </td>
         <td class="cell-center">5</td>
-        <td>Nov 2007 to Oct 2011 <i class="text-info icon-info-sign note-local"></i></td>
+        <td>Nov 2007 to Oct 2011 <i class="fa fa-info-circle note-local text-info"></i></td>
         <td>
           <ul class="unstyled">
             <li>Content Programming</li>
@@ -269,7 +269,7 @@
           <img class="title-image" src="{{site.baseurl}}img/games/bone.jpg" width="184" height="69" alt="Bone" title="Bone">
         </td>
         <td class="cell-center">2</td>
-        <td>June 2007 - Jan 2009 <i class="text-info icon-info-sign note-local"></i></td>
+        <td>June 2007 - Jan 2009 <i class="fa fa-info-circle note-local text-info"></i></td>
         <td>
           <ul class="unstyled">
             <li>Localization Implementation</li>
@@ -284,7 +284,7 @@
           <img class="title-image" src="{{site.baseurl}}img/games/csi_hardevidence.jpg" width="184" height="69" title="CSI: Crime Scene Investigation - Hard Evidence" alt="CSI: Crime Scene Investigation - Hard Evidence">
         </td>
         <td class="cell-center">5</td>
-        <td>Sep 2007 &amp; Jan 2008 <i class="text-info icon-info-sign note-local"></i></td>
+        <td>Sep 2007 &amp; Jan 2008 <i class="fa fa-info-circle note-local text-info"></i></td>
         <td>
           <ul class="unstyled">
             <li>Build &amp; Distribution Engineering</li>
@@ -304,7 +304,7 @@
           <img class="title-image" src="{{site.baseurl}}img/games/sm_s1.jpg" width="184" height="69" alt="Sam &amp; Max: Save the World" title="Sam &amp; Max: Save the World">
         </td>
         <td class="cell-center">6</td>
-        <td>April 2007 to Sep 2011 <i class="text-info icon-info-sign note-local"></i></td>
+        <td>April 2007 to Sep 2011 <i class="fa fa-info-circle note-local text-info"></i></td>
         <td>
           <ul class="unstyled">
             <li>Build &amp; Distribution Engineering</li>

_less/seg_resume.less

@@ -304,6 +304,15 @@ table {
   }
 }
 
+/* Titles */
+#releasedTitlesTable {
+  .note-local, .note-local-footer {
+    &:hover {
+      color: darken(@brand-info,10%);
+    }
+  }
+}
+
 /* #share-footer */
 #share-footer {
     text-align:center;