From 3728c4a480a57aa175b890d3cda6bb9434539efb Mon Sep 17 00:00:00 2001
From: Dan Barber <github@danbarber.me>
Date: Sat, 10 Nov 2018 17:05:22 -0500
Subject: [PATCH] Rename blog-post to article

---
 .../components/{_blog-post.scss => _article.scss}  | 10 +++++-----
 _assets/stylesheets/styles.scss                    |  2 +-
 _includes/article.html                             | 12 ++++++------
 _includes/index_article.html                       | 14 +++++++-------
 _layouts/page.html                                 | 12 +++++++-----
 _layouts/post.html                                 |  2 +-
 index.html                                         |  2 +-
 7 files changed, 28 insertions(+), 26 deletions(-)
 rename _assets/stylesheets/components/{_blog-post.scss => _article.scss} (94%)

diff --git a/_assets/stylesheets/components/_blog-post.scss b/_assets/stylesheets/components/_article.scss
similarity index 94%
rename from _assets/stylesheets/components/_blog-post.scss
rename to _assets/stylesheets/components/_article.scss
index afe56f1..395e3d9 100644
--- a/_assets/stylesheets/components/_blog-post.scss
+++ b/_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);
diff --git a/_assets/stylesheets/styles.scss b/_assets/stylesheets/styles.scss
index eb2e538..2fdf7a2 100644
--- a/_assets/stylesheets/styles.scss
+++ b/_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";
 
diff --git a/_includes/article.html b/_includes/article.html
index d9d5fe2..17c4cbd 100644
--- a/_includes/article.html
+++ b/_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 %}
diff --git a/_includes/index_article.html b/_includes/index_article.html
index 055897a..9abcb30 100644
--- a/_includes/index_article.html
+++ b/_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 %}
diff --git a/_layouts/page.html b/_layouts/page.html
index 16488cd..aec3adb 100644
--- a/_layouts/page.html
+++ b/_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 %}
diff --git a/_layouts/post.html b/_layouts/post.html
index 5995132..6769208 100644
--- a/_layouts/post.html
+++ b/_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>
 
diff --git a/index.html b/index.html
index 69c0b09..4ea629c 100644
--- a/index.html
+++ b/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 %}