image and image description for projects

_data/projects.yml

@@ -7,10 +7,14 @@
   duration: 2012 — Present
   # url: "#"
   description: Jazz Notes is an open source node/ember app that helps you keep track of your music compositions and new ideas.
+  image_path: "images/placeholder.jpg"
+  image_name: "placeholder"
 
 # Springfield Community Outreach Group
 - project: Springfield Community Outreach Group
   role: Co-Founder & Organizer
   duration: 2007 — Present
   # url: "#"
   description: SCOG is a local monthly meetup in Springfield where we share opportunities to volunteer in the community and organize support for families and neighborhoods in need of assistance that the community can provide.
+  image_path: "images/SCOG.jpg"
+  image_name: "SCOG"

_layouts/resume.html

@@ -110,6 +110,7 @@ <h2>Projects</h2>
           <h3 class="resume-item-title" itemprop="name">{% if project.url %}<a href="{{ project.url }}" itemprop="url">{{ project.project }}</a>{% else %}{{ project.project }}{% endif %}</h3>
           <h4 class="resume-item-details" itemprop="description">{{ project.role }}  &bull; {{ project.duration }}</h4>
           <p class="resume-item-copy">{{ project.description }}</p>
+          <img src={{ project.image_path }} alt={{ project.image_name }}  class="image-center no-print" itemprop="image" >
         </div>
         {% endfor %}
 

_sass/_resume.scss

@@ -155,6 +155,15 @@
     }
   }
 
+  .image-center {
+    height: auto;  
+    width: 100%;
+    overflow: hidden;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+  }
+
   .resume-item-title,
   .resume-item-details,
   .resume-item-copy,