em is awesome with fonts

_config.yml

@@ -13,3 +13,11 @@ exclude: ["README.md", "LICENSE"]
 sass:
   style: :compressed
   sass_dir: _sass
+
+
+# Markdown
+markdown: kramdown
+kramdown:
+  input: GFM
+  hard_wrap: false
+highlighter: rouge

_includes/head.html

@@ -16,5 +16,5 @@
 {% endif %}
 
 <link rel="icon" href="/assets/img/favicon.png">
-<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css">
+<link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
 <link rel="stylesheet" type="text/css" href="/assets/css/main.css">

_layouts/post.html

@@ -3,12 +3,9 @@ layout: default
 ---
 
 <div class="post">
-
     <h1 class="post__title">{{ page.title }}</h1>
     <p class="post__date">{{ page.date | date: '%B %-d, %Y' }}</p>
-
     <div class="post__content"?>
         {{ content }}
     </div>
-
 </div>

_posts/2016-03-10-new-blog.md

@@ -4,3 +4,5 @@ title: Why I Switched from Ghost to Jekyll
 ---
 
 I made a new blog using jekyll and Github Pages.
+
+Before this I was content with [Ghost](https://ghost.org), a fun and easy to use blogging platform. I enjoyed the simplicity an even made a couple themes for it (check them out on my [Github](https://github.com/getmicah)), but what it lacked is that feeling of complete control over your blog. Also, I was getting tired of paying for my Digital Ocean hosting, even with the discount I got with the [Github Student Developer Pack](https://education.github.com/pack) discount. After hearing about the wonders of a "static" blog, I decided to do some hunting around for a new way to blog. Inevitably, I came across Github Pages and Jekyll. Free hosting and a static site blog? It was a no brainer.

assets/css/main.scss

@@ -9,6 +9,7 @@ body {
     background: $color-background;
     font-family: 'Inconsolata', ;
     font-size: 100%;
+    font-weight: 400;
 }
 h1, h2 {
     margin-bottom: 5px;
@@ -52,7 +53,7 @@ ul {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
-    padding-bottom: 40px;
+    padding-bottom: 50px;
     @media screen and (max-width: 570px) {
         display: block;
     }
@@ -91,9 +92,34 @@ ul {
 
 .post {
     padding-bottom: 30px;
-    h1 {
+    &__title {
         font-size: 1.4em;
-        margin-bottom: 5px;
+        font-weight: 700;
+        margin-bottom: 10px;
+    }
+    &__date {
+        font-size: 1em;
+    }
+    &__content {
+        padding-top: 30px;
+        h1 {
+            font-size: 1.4em;
+            margin-bottom: 5px;
+        }
+        p {
+            font-size: 1em;
+            line-height: 150%;
+            margin-bottom: 12px;
+        }
+        strong {
+            font-weight: 700;
+        }
+        em {
+            font-style: italic;
+        }
+        u {
+            text-decoration: underline;
+        }
     }
 }