Add icon to link post heading in indexes

This commit is contained in:
Michael Rose 2014-03-26 16:13:24 -04:00
parent bcf509c352
commit 70d3af0bf4
8 changed files with 33 additions and 27 deletions

View file

@ -35,11 +35,15 @@
</div> </div>
<div id="index"> <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 %} {% for post in site.posts limit:5 %}
<article> <article>
<h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2> {% if post.link %}
<p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</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>
{% endif %}
</article> </article>
{% endfor %} {% endfor %}
</div><!-- /#index --> </div><!-- /#index -->

View file

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

File diff suppressed because one or more lines are too long

Binary file not shown.

View file

@ -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="&#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="&#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="&#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> </font></defs></svg>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Binary file not shown.

View file

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