Add RSS and Twitter icons

_includes/head.html

@@ -5,7 +5,7 @@
 <!-- Twitter Card and Open Graph meta -->
 <meta name="twitter:title" content="{% if page.title %}{{ page.title }} &#8211; {% endif %}Made Mistakes">
 <meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ page.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}">
-<meta name="twitter:creator" content="{{ site.owner.twitter }}">
+<meta name="twitter:creator" content="@{{ site.owner.twitter }}">
 {% if page.layout == 'photo' %}
 <meta name="twitter:card" content="photo">
 {% if page.image %}<meta name="twitter:image:src" content="{{ site.url }}/images/{{ page.image.feature }}">{% endif %}

_includes/navigation.html

@@ -8,6 +8,7 @@
 		        <li><a href="{{ site.url }}/about">About</a></li>
 		        <li><a href="{{ site.url }}/articles">Sample Posts</a></li>
 		        <li><a href="{{ site.url }}/theme-setup">Theme Setup</a></li>
+		        <li><i class="icon-feed"></i> <a href="{{ site.url }}/feed.xml" title="Atom/RSS feed">Feed</a>
 		    </ul>
 		</nav>
 	</div><!-- /.top-navigation -->

assets/css/main.css

@@ -1415,6 +1415,70 @@ svg:not(:root) {
   color: #ffffff;
   border-color: #ffffff;
 }
+/* Custom set of Icomoon webfont icons ===================== */
+@font-face {
+  font-family: 'icomoon';
+  src: url('../fonts/icomoon.eot');
+  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  @font-face {
+    font-family: 'icomoon';
+    src: url('../fonts/icomoon.svg#icomoon') format('svg');
+  }
+}
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+  font-family: 'icomoon';
+  content: attr(data-icon);
+  speak: none;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+}
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="icon-"] {
+*/
+.icon-twitter,
+.icon-feed,
+.icon-instagram,
+.icon-facebook,
+.icon-google-plus,
+.icon-github {
+  font-family: 'icomoon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+}
+.icon-twitter:before {
+  content: "\e000";
+}
+.icon-feed:before {
+  content: "\e003";
+}
+.icon-instagram:before {
+  content: "\e004";
+}
+.icon-facebook:before {
+  content: "\e001";
+}
+.icon-google-plus:before {
+  content: "\e002";
+}
+.icon-github:before {
+  content: "\e005";
+}
 /* Standard form controls ================================== */
 form {
   margin: 0 0 5px 0;

assets/less/main.less

@@ -22,6 +22,8 @@
 // ELEMENTS ===================================================
 /* Figures, images, social media, other elements =========== */
 @import "elements.less";
+/* Custom set of Icomoon webfont icons ===================== */
+@import "icomoon.less";
 /* Standard form controls ================================== */
 @import "forms.less";
 // LAYOUT =====================================================