Rename blog-post to article

_assets/stylesheets/components/_article.scss

@@ -1,6 +1,6 @@
 $_media-item-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
 
-.blog-post {
+.article {
   border-bottom: 1px dashed $border-color;
   padding-bottom: 1.5rem;
 
@@ -48,7 +48,7 @@ $_media-item-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
   }
 }
 
-.blog-post__header {
+.article__header {
   .meta {
     color: $meta-text-color;
     font-size: 0.8em;
@@ -63,7 +63,7 @@ $_media-item-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
   }
 }
 
-.blog-post__title {
+.article__title {
   font-size: 1.35rem;
 
   a {
@@ -81,13 +81,13 @@ $_media-item-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
   }
 }
 
-.blog-post__content {
+.article__content {
   > * {
     @include container;
   }
 }
 
-.blog-post__read-on {
+.article__read-on {
   background: darken($background-color, 8);
   border-radius: 2px;
   color: mix($text-color, $text-color-light);

_assets/stylesheets/styles.scss

@@ -38,7 +38,7 @@
 //    are often composed of Objects and Components
 @import "components/site-header";
 @import "components/site-footer";
-@import "components/blog-post";
+@import "components/article";
 @import "components/pagination";
 @import "components/photo";
 

_includes/article.html

@@ -1,18 +1,18 @@
-<header class="container blog-post__header">
+<header class="container article__header">
   {% if page.external-url %}
-  <h1 class="blog-post__title"><a href="{{ page.external-url }}">{% if site.titlecase %}{{ page.title | titlecase }} &rarr;{% else %}{{ page.title }}{% endif %}</a></h1>
+  <h1 class="article__title"><a href="{{ page.external-url }}">{% if site.titlecase %}{{ page.title | titlecase }} &rarr;{% else %}{{ page.title }}{% endif %}</a></h1>
   {% else %}
-  <h1 class="blog-post__title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
+  <h1 class="article__title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
   {% endif %}
 
   {% if page.date %}<p class="meta">{% include post/date.html date=page.date %}{{ time }}</p>{% endif %}
 </header>
 
-<div class="blog-post__content">
+<div class="article__content">
   {{ content }}
 </div>
 
-<footer class="blog-post__footer container">
+<footer class="article__footer container">
   <p class="meta">
     {% if page.date %}{% include post/date.html date=page.date %}{% if updated %}{{ updated }}{% else %}{{ time }}{% endif %}{% endif %}
     |
@@ -21,7 +21,7 @@
 </footer>
 
 {% if post.external-url %}
-  <div class="blog-post__content">
+  <div class="article__content">
     <p><a href="{{ root_url }}{{ post.url }}">Permalink</a></p><!-- add permalink at end of link posts; could be text or glyph -->
   </div>
 {% endif %}

_includes/index_article.html

@@ -1,25 +1,25 @@
-<header class="container blog-post__header">
+<header class="container article__header">
   {% if post.external-url %}<!-- This defines how Octopress will use posts with external-url. -->
-  <h1 class="blog-post__title"><a href="{{ post.external-url }}">{% if site.titlecase %}{{ post.title | titlecase }} &rarr;{% else %}{{ post.title }}{% endif %}</a></h1>
+  <h1 class="article__title"><a href="{{ post.external-url }}">{% if site.titlecase %}{{ post.title | titlecase }} &rarr;{% else %}{{ post.title }}{% endif %}</a></h1>
   {% else %}<!-- Now we're back to normal posts. Note the links used under href in both headers.-->
-  <h1 class="blog-post__title"><a href="{{ root_url }}{{ post.url }}">{% if site.titlecase %}{{ post.title | titlecase }}{% else %}{{ post.title }}{% endif %}</a></h1>
+  <h1 class="article__title"><a href="{{ root_url }}{{ post.url }}">{% if site.titlecase %}{{ post.title | titlecase }}{% else %}{{ post.title }}{% endif %}</a></h1>
   {% endif %}
 
   {% if post.date %}<p class="meta">{% include post/date.html date=post.date %}{{ time }}</p>{% endif %}
 </header>
 
-<div class="blog-post__content">
+<div class="article__content">
   {{ post.excerpt }}
 </div>
 
 {% if post.content contains site.excerpt_separator %}
-  <footer class="blog-post__footer container">
-    <a rel="full-article" class="blog-post__read-on" href="{{ root_url }}{{ post.url }}">{{ site.excerpt_link }}</a>
+  <footer class="article__footer container">
+    <a rel="full-article" class="article__read-on" href="{{ root_url }}{{ post.url }}">{{ site.excerpt_link }}</a>
   </footer>
 {% endif %}
 
 {% if post.external-url %}
-  <div class="blog-post__content">
+  <div class="article__content">
     <p><a href="{{ root_url }}{{ post.url }}">Permalink</a></p><!-- add permalink at end of link posts; could be text or glyph -->
   </div>
 {% endif %}

_layouts/page.html

@@ -5,17 +5,19 @@ layout: default
 {% include header.html %}
 
 <div id="content">
-  <article role="article">
+  <article class="article" role="article">
     {% if page.title %}
-      <header>
-        <h1 class="entry-title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
+      <header class="article__header container">
+        <h1 class="article__title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
       </header>
     {% endif %}
 
-    <div class="entry-content">{{ content }}</div>
+    <div class="article__content">
+      {{ content }}
+    </div>
 
     {% unless page.footer == false %}
-      <footer>
+      <footer class="article__footer">
         {% if page.date or page.author %}<p class="meta">
           {% if page.author %}{% include post/author.html %}{% endif %}
           {% if page.categories %}{% include post/categories.html %}{% endif %}

_layouts/post.html

@@ -6,7 +6,7 @@ single: true
 {% include header.html %}
 
 <div class="blog-content">
-  <article class="blog-post">
+  <article class="article">
     {% include article.html %}
   </article>
 

index.html

@@ -10,7 +10,7 @@ layout: default
   {% for post in paginator.posts %}
     {% assign content = post.content %}
 
-    <article class="blog-post">
+    <article class="article">
       {% include index_article.html %}
     </article>
   {% endfor %}