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>
+    {% 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 @@
     {% 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/fonts/icomoon.svg

@@ -24,4 +24,5 @@
 <glyph unicode="&#xe60e;" d="M426.688 480h-341.344c-46.938 0-85.344-38.406-85.344-85.341v-341.313c0-46.971 38.406-85.346 85.344-85.346h341.341c46.937 0 85.315 38.377 85.315 85.348v341.311c0 46.935-38.378 85.341-85.312 85.341zM144 144c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80c0-44.183-35.817-80-80-80zM368 144c-44.184 0-80 35.817-80 80s35.816 80 80 80 80-35.817 80-80c0-44.183-35.816-80-80-80z" />
 <glyph unicode="&#xe60f;" d="M426 480h-340c-47.3 0-86-38.7-86-86v-340c0-47.3 38.7-86 86-86h340c47.3 0 86 38.7 86 86v340c0 47.3-38.7 86-86 86zM192 64h-64v224h64v-224zM160 320c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zM416 64h-64v128c0 17.673-14.327 32-32 32s-32-14.327-32-32v-128h-64v224h64v-39.736c13.199 18.132 33.376 39.736 56 39.736 39.765 0 72-35.817 72-80v-144z" />
 <glyph unicode="&#xe610;" d="M427 480h-342c-46.75 0-85-38.25-85-85v-342c0-46.75 38.25-85 85-85h342c46.75 0 85 38.25 85 85v342c0 46.75-38.25 85-85 85zM163.9 256h184.2c3.494-10.029 5.4-20.795 5.4-32 0-53.762-43.738-97.5-97.5-97.5-53.762 0-97.5 43.738-97.5 97.5 0 11.205 1.906 21.971 5.4 32zM448 255.975v-191.975c0-17.6-14.4-32-32-32h-320c-17.6 0-32 14.4-32 32v192h50.054c-2.321-10.301-3.554-21.008-3.554-32 0-80.229 65.271-145.5 145.5-145.5 80.229 0 145.5 65.271 145.5 145.5 0 10.992-1.232 21.699-3.554 32l50.054-0.025zM448 368c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-32z" />
+<glyph unicode="&#xe611;" d="M476.698 442.679l-2.014 2.021c-47.074 47.067-124.097 47.067-171.163 0l-109.053-109.068c-47.067-47.066-47.067-124.088 0-171.155l2.013-2.013c3.916-3.924 8.073-7.462 12.368-10.729l39.924 39.925c-4.651 2.747-9.063 6.036-13.058 10.030l-2.021 2.021c-25.557 25.549-25.557 67.136 0 92.695l109.064 109.056c25.558 25.559 67.137 25.559 92.693 0l2.021-2.012c25.55-25.558 25.55-67.146 0-92.695l-49.343-49.343c8.566-21.154 12.624-43.7 12.269-66.193l76.302 76.302c47.067 47.068 47.067 124.089-0.002 171.158zM315.521 285.533c-3.916 3.916-8.073 7.461-12.368 10.72l-39.924-39.916c4.652-2.748 9.063-6.037 13.058-10.031l2.021-2.020c25.558-25.558 25.558-67.136 0-92.694l-109.065-109.067c-25.559-25.551-67.138-25.551-92.694 0l-2.021 2.021c-25.549 25.56-25.549 67.138 0 92.694l49.344 49.343c-8.567 21.153-12.623 43.701-12.269 66.193l-76.301-76.299c-47.068-47.066-47.068-124.089 0-171.162l2.013-2.016c47.076-47.064 124.096-47.064 171.164 0l109.055 109.059c47.067 47.066 47.067 124.097 0 171.163l-2.013 2.012z" />
 </font></defs></svg>

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";
-}