Fix template image handling for posts without images

Author: ericgitangu

portfolio/templates/portfolio/home.html

@@ -29,6 +29,6 @@ <h2>My Spiel</h2>
         <p>
             I'm a software engineer with a passion for building things. I'm a Full Stack Decentralized Application Developer with various interests and skils not limited to Distributed Development, Data Science, Artificial Inteligence and Machine Learning. I enjoy building things from the ground up and learning new things. I'm an experienced developer and I'm always looking for new opportunities to learn and grow through self-learning and contributing to opensource software and various stack exchange forums. I participate actively on programming platforms, <a href='https://www.leetcode.com/ericgitangu'>LeetCode</a>, TopCoder, <a href='https://www.hackerrank.com/theace'>Hackerrank</a> and <a href='https://www.codingame.com/profile/e5d13e7fbe4b82eb26c601fd545bf8af1580081'>CodingGames </a>
         </p>
-    </section
+    </section>
 
-{%endblock%}
+{% endblock %}

portfolio/templates/portfolio/includes/post_slug.html

@@ -2,11 +2,15 @@
 
 <li>
     <article class="post">
-        <a href= {%url 'post_detail' post.slug%}>
+        <a href="{% url 'post_detail' post.slug %}">
+            {% if post.image %}
             <img src="{{ post.image.url }}" alt="post image">
+            {% else %}
+            <img src="{% static 'avatar.jpg' %}" alt="default image">
+            {% endif %}
             <div class="post__content">
-                <h3>{{ post.title}}</h3>
-                <p>{{ post.excerpt}}</p>
+                <h3>{{ post.title }}</h3>
+                <p>{{ post.excerpt }}</p>
             </div>
         </a>
     </article>

portfolio/templates/portfolio/post_details.html

@@ -47,7 +47,11 @@ <h2>{{post.title}}</h2>
             </form>
         </div>
         <article>
-            <img src="{{ post.image.url }}" alt={{ post.title}}/>
+            {% if post.image %}
+            <img src="{{ post.image.url }}" alt="{{ post.title }}"/>
+            {% else %}
+            <img src="{% static 'avatar.jpg' %}" alt="{{ post.title }}"/>
+            {% endif %}
             <address>
                 <p>Written by <a href="mailto:{{post.author.email}}">{{post.author}}</a></p>
                 <p>Published on {{post.date|date:'D, d M Y H'}}</p>