Apply markdown rendering to all pages - posts list, home, excerpts

Author: ericgitangu

portfolio/static/all-posts.css

@@ -81,9 +81,16 @@ ul {
   line-height: 1.3;
 }
 
-.post__content p {
+.post__content p,
+.post__content .excerpt,
+.post__content .excerpt p {
   font-size: 0.85rem;
   color: #4a4a4a;
   margin: 0;
   line-height: 1.4;
+}
+
+.post__content .excerpt a {
+  color: #390281;
+  text-decoration: underline;
 }

portfolio/static/home.css

@@ -157,3 +157,15 @@ body {
 .post h3 {
   margin: 0.25rem 0;
 }
+
+.post .excerpt,
+.post .excerpt p {
+  font-size: 0.9rem;
+  color: #666;
+  margin: 0.5rem 0 0 0;
+  line-height: 1.4;
+}
+
+.post .excerpt a {
+  color: #390281;
+}

portfolio/templates/portfolio/includes/post_slug.html

@@ -1,4 +1,5 @@
 {% load static %}
+{% load markdown_extras %}
 
 <li>
     <article class="post">
@@ -8,7 +9,7 @@
             {% endif %}
             <div class="post__content">
                 <h3>{{ post.title }}</h3>
-                <p>{{ post.excerpt }}</p>
+                <div class="excerpt">{{ post.excerpt|markdown }}</div>
             </div>
         </a>
     </article>