Actualización con los ganadores de los premios del datatón de datos abiertos

_data/projects.yml

@@ -22,7 +22,8 @@
   proyecto: "https://play.google.com/store/apps/details?id=com.albaitdevs.puremadrid"
   docum: "https://github.com/medialab-prado/puremadrid/blob/master/README.md"
   repo: "https://github.com/medialab-prado/puremadrid"
-
+  ribbon:
+    - {abbr: "prize-1.png", title: "1er Premio", url: "", prize: "first", image: "prize-1.png"}
 -
   id: 2
   title: "Tripscore"
@@ -35,6 +36,8 @@
   proyecto: "http://tripscore.lab.oeg-upm.net/"
   docum: "https://github.com/medialab-prado/tripscore/blob/master/README.md"
   repo: "https://github.com/medialab-prado/tripscore"
+  ribbon:
+    - {abbr: "", title: "2º Premio", url: "", prize: "second", image: "prize-2.png"}
 -
   id: 3
   title: "Madrid On You"
@@ -80,3 +83,5 @@
   proyecto: "https://muranga.shinyapps.io/dataton17_m30int/"
   docum: "https://github.com/medialab-prado/m30trafico/blob/master/M30%20Gestion%20Inteligente%20del%20Trafico.pdf"
   repo: "https://github.com/medialab-prado/m30trafico"
+  ribbon:
+    - {abbr: "", title: "3er Premio", url: "", prize: "third", image: "prize-3.png"}

_includes/project-list.html

@@ -7,6 +7,18 @@
                <div class="zoe-effect" data-toggle="modal" data-target="#projectDetail-{{ project.id }}">
                     <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/hackathon/' | append: project.thumbnailUrl }})">
                         <div class="overlay solid-overlay"></div>
+                        {% if project.ribbon != null %}
+                        <ul class="ribbon-wrapper">
+                            {% for ribbon in project.ribbon %}
+                            <li class="{{ ribbon["abbr"] | downcase }}">
+                                <p class="ribbon {{ ribbon["prize"] }}">{{ ribbon["title"] }}</p>
+                            </li>
+                            <div class="prize-img-wrapper">
+                                <img class="img-responsive" width="50%" src="{{ site.baseurl }}/img/hackathon/{{ ribbon.image }}" alt="copa">
+                            </div>
+                            {% endfor %}
+                        </ul>
+                        {% endif %}
                         <figcaption>
                             <div class="col-md-8 col-xs-8 text-left">
                                 <h2 class="name">{{ project.title }} <span>{{ project.surname }}</span></h2>