mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-25 12:21:21 +01:00
70 lines
3.9 KiB
HTML
70 lines
3.9 KiB
HTML
<!-- Begin articles List-->
|
|
<section id="articles">
|
|
<div class="content-wrapper">
|
|
<div class="col-lg-10 col-lg-offset-1 appear-animation-trigger">
|
|
{% for article in site.data.articles %}
|
|
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 appear-animation">
|
|
<div class="zoe-effect" data-toggle="modal" data-target="#articleDetail-{{ article.id }}">
|
|
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/articles/' | append: article.thumbnailUrl }})">
|
|
<div class="overlay solid-overlay"></div>
|
|
{% if article.ribbon != null %}
|
|
<ul class="ribbon-wrapper">
|
|
{% for ribbon in article.ribbon %}
|
|
<li class="{{ ribbon["abbr"] | downcase }}">
|
|
<p class="ribbon abbr">{{ ribbon["abbr"] }}</p>
|
|
<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 %}
|
|
{% if article.formato == "audio" %}
|
|
<div id="DondeCruzanCaminos" class="aplayer" style="margin-top: 40px; color: #fff; background-color: rgba(0,0,0,0.4);"></div>
|
|
{% endif %}
|
|
<figcaption style="height: 70px;">
|
|
<div class="col-md-8 col-xs-8 text-left">
|
|
<h2 class="name">
|
|
<a href="{{ article.link }}" target="_blank" style="color: #333;text-shadow: 1px 1px 3px white;">
|
|
{{ article.title | truncatewords: 6 }}
|
|
</a>
|
|
</h2>
|
|
<p class="name">
|
|
{% for autor in article.autores %}
|
|
{% if autor.twitter != null %}
|
|
<a href="{{ autor.twitter }}" target="_blank">
|
|
<svg class="icon icon-twitter" viewBox="0 0 30 30" style="fill: #60ccfd;">
|
|
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-twitter"></use>
|
|
</svg>
|
|
{{autor.nombre}}
|
|
</a>
|
|
{% else %}
|
|
{{autor.nombre}}
|
|
{% endif %}
|
|
{% endfor %}
|
|
</p >
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
{% if article.link != null %}
|
|
<a href="{{ article.link }}" target="_blank">
|
|
<svg class="icon icon-site" viewBox="0 0 30 32">
|
|
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-site"></use>
|
|
</svg>
|
|
</a>
|
|
{% endif %}
|
|
</figcaption>
|
|
<p class="bio" style="height: auto; padding-top:10px;" >
|
|
{{ article.details | truncatewords: 30 }}
|
|
</p>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<script src="https://unpkg.com/aplayer"></script>
|
|
<script src="../js/audiolist.js"></script>
|
|
</section>
|
|
|
|
<!-- End articles List -->
|