Merge pull request #475 from bhumi1102/bhumi-seo-blog-posts

Convert blog post titles to h1 while keeping the styles

Author: rafaelfranca

_layouts/post.html

@@ -11,7 +11,7 @@
     <div class="container">
       <div class="post__headline common-headline">
         <h5>{{ page.date | date: '%A, %B %-d, %Y' }}</h5>
-        <h2>{{ page.title | strip_html }}</h2>
+        <h1>{{ page.title | strip_html }}</h1>
 {% if page.author %}
         <h6>Posted by {{ page.author }}</h6>
 {% endif %}

_sass/modules/_post.scss

@@ -12,6 +12,20 @@
     margin: -7px 30px -6px 30px;
     text-align: center;
 
+    h1 {
+      color: $color-red;
+      font-size: 39px;
+      @media (max-width: 800px) {
+        font-size: 32px;
+      }
+      @media (max-width: 600px) {
+        font-size: 28px;
+      }
+      font-weight: 700;
+      letter-spacing: -0.01em;
+      line-height: 38px;
+    }
+    
     h5 {
       margin-bottom: 16px;
     }
@@ -101,6 +115,11 @@
 
       margin-bottom: -7px;
 
+      h1 {
+        font-size: 55px;
+        line-height: 52px;
+      }
+
       h5 {
         margin-bottom: 13px;
       }

category/foundation.html

@@ -10,7 +10,7 @@
 <div class="heading common-padding--bottom-small common-padding--top-small">
   <div class="container">
     <div class="heading__body">
-      <div class="heading__headline common-headline">
+      <div class="post__headline common-headline">
         <h1>{{ page.title }}</h1>
       </div>
     </div>

category/news.html

@@ -10,7 +10,7 @@
 <div class="heading common-padding--bottom-small common-padding--top-small">
   <div class="container">
     <div class="heading__body">
-      <div class="heading__headline common-headline">
+      <div class="post__headline common-headline">
         <h1>{{ page.title }}</h1>
       </div>
     </div>

category/releases.html

@@ -10,7 +10,7 @@
 <div class="heading common-padding--bottom-small common-padding--top-small">
   <div class="container">
     <div class="heading__body">
-      <div class="heading__headline common-headline">
+      <div class="post__headline common-headline">
         <h1>{{ page.title }}</h1>
       </div>
     </div>