using name and link of real organization on program detail page. using fallback images for missing program detail page program image. fixes #355 and fixes #381

static/media/css/core.css

@@ -589,7 +589,8 @@ nav.pagination ul li a {
 ul.thumbnails li figure.thumbnail {
   margin: 0 0 0 0;
 }
-ul.thumbnails li figure.thumbnail > a img {
+ul.thumbnails li figure.thumbnail > a img,
+figure.program-thumbnail > img {
   display: block;
   width: 210px;
   height: 210px;

views/programs/single.html

@@ -5,16 +5,16 @@
 {% block content %}
     <div class="row">
         <div class="span4">
-            <img src="{{program.imageUrl}}">
+          <figure class="program-thumbnail thumbnail">
+            <img src="{% if program.imageUrl %}{{ program.imageUrl }}{% else %}{{program.issuer.imageUrl}}{% endif %}">
+          </figure>
         </div>
         <div class="span8">
-            <p><strong>From <a href="/orgs/some-organization">{{program.issuer.name}}</a>.</strong></p>
+            <p><strong>From <a href="{{program.url}}">{{program.issuer.name}}</a>.</strong></p>
             {% if program.description %}
                 <p>{{program.description}}</p>
             {% endif %}
-
+            <p class="text-right"></p>
-            <p class="text-right">
-            </p>
         </div>
     </div>
     <h3>Badges You Can Earn through this Program</h3>