Add icon to link post heading in indexes

_layouts/home.html

@@ -35,11 +35,15 @@
 </div>
 
 <div id="index">
-  <h3><a href="{{ site.url}}/articles/">Articles</a></h3>
+  <h3><a href="{{ site.url}}/articles/">Recent Posts</a></h3>
   {% for post in site.posts limit:5 %}    
   <article>
-    <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
-    <p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>
+    {% if post.link %}
+      <h2><a href="{{ post.link }}" target="_blank" title="{{ post.title }}">{{ post.title }} <i class="icon-link"></i></a></h2>
+    {% else %}
+      <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
+      <p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>
+    {% endif %}
   </article>
   {% endfor %}
 </div><!-- /#index -->

_layouts/post-index.html

@@ -48,9 +48,7 @@ <h3>{{ post.date | date: '%Y' }}</h3>
     {% endunless %}
     <article>
       {% if post.link %}
-        <h4><a href="{{ post.link }}" target="_blank" title="{{ post.title }}">{{ post.title }}</a></h4>
-        <p><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.date | date: "%B %d %H:%M %Z"}}</p>
-        <p>{{ post.content }}</p>
+        <h2><a href="{{ post.link }}" target="_blank" title="{{ post.title }}">{{ post.title }} <i class="icon-link"></i></a></h2>
       {% else %}
         <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
         <p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>

assets/less/icomoon.less

@@ -1,10 +1,10 @@
 @font-face {
 	font-family: 'icomoon';
-	src:url('../fonts/icomoon.eot?-w4tutt');
-	src:url('../fonts/icomoon.eot?#iefix-w4tutt') format('embedded-opentype'),
-		url('../fonts/icomoon.woff?-w4tutt') format('woff'),
-		url('../fonts/icomoon.ttf?-w4tutt') format('truetype'),
-		url('../fonts/icomoon.svg?-w4tutt#icomoon') format('svg');
+	src:url('../fonts/icomoon.eot?2ka38g');
+	src:url('../fonts/icomoon.eot?#iefix2ka38g') format('embedded-opentype'),
+		url('../fonts/icomoon.woff?2ka38g') format('woff'),
+		url('../fonts/icomoon.ttf?2ka38g') format('truetype'),
+		url('../fonts/icomoon.svg?2ka38g#icomoon') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }
@@ -23,24 +23,33 @@
 	-moz-osx-font-smoothing: grayscale;
 }
 
+.icon-link:before {
+	content: "\e611";
+}
 .icon-google-plus:before {
 	content: "\e600";
 }
 .icon-facebook:before {
 	content: "\e601";
 }
+.icon-instagram:before {
+	content: "\e610";
+}
 .icon-twitter:before {
 	content: "\e602";
 }
-.icon-feed:before {
-	content: "\e603";
-}
 .icon-feed2:before {
 	content: "\e604";
 }
+.icon-feed:before {
+	content: "\e603";
+}
 .icon-vimeo:before {
 	content: "\e605";
 }
+.icon-flickr:before {
+	content: "\e60e";
+}
 .icon-dribbble:before {
 	content: "\e606";
 }
@@ -50,12 +59,15 @@
 .icon-github:before {
 	content: "\e608";
 }
-.icon-lastfm:before {
-	content: "\e609";
-}
 .icon-tumblr:before {
 	content: "\e60a";
 }
+.icon-linkedin:before {
+	content: "\e60f";
+}
+.icon-lastfm:before {
+	content: "\e609";
+}
 .icon-stackoverflow:before {
 	content: "\e60b";
 }
@@ -65,12 +77,3 @@
 .icon-foursquare:before {
 	content: "\e60d";
 }
-.icon-flickr:before {
-	content: "\e60e";
-}
-.icon-linkedin:before {
-	content: "\e60f";
-}
-.icon-instagram:before {
-	content: "\e610";
-}