beautified html & js

This commit is contained in:
Open-Steps.org 2015-02-13 18:11:24 +01:00
parent fe460c0a2e
commit a777ddada6
15 changed files with 648 additions and 753 deletions

View file

@ -1,82 +1,68 @@
---
layout: default
---
--- layout: default ---
<div class="content container-fluid">
{% for post in site.posts %}
{% for post in site.posts %} {% if forloop.first != true %}
{% if forloop.first != true %}
<!-- TODO parametrize this, no hardcoded numbers -->
{% assign pos = 39 | minus: post.number %}
<!-- TODO parametrize this, no hardcoded numbers -->
{% assign pos = 39 | minus: post.number %}
<div data-scroll-index="{{pos}}" class="row">
<div data-scroll-index="{{pos}}" class="row">
<div class="event-date col-md-2 col-md-offset-1">
<div class="event-date col-md-2 col-md-offset-1">
<a class="button hvr-sweep-to-top" href={{post.url}}>
<h3>#{{post.number}}</h3>
<h4>{{post.date_text}}</h4>
</a>
{% if post.topics %}
<p><ul>
{% assign tags = (post.topics | split:",") %}
{% for tag in tags %}
<li>{{tag}}</li>
{% endfor%}
</ul></p>
{% endif %}
{% if post.location %}
<p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a></p>
{% endif %}
</div>
<div class="event event-{{post.number}} dark_bg col-md-7">
{% capture talks_number %}{{ post.talks | size }}{% endcapture %}
{% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %}
{% for talk in post.talks %}
<div class="talk col-md-{{col_width}}">
<div class="artist-media">
{% if {{talk.media_artist_url}} %}
<img src={{talk.media_artist_url}}></img>
{% else %}
<img src="/assets/no_artist-media.png"></img>
{% endif %}
</div>
<div class="talk-detail">
<h4>{{talk.artist}} / {{talk.title}}</h4>
<p>{{talk.description}}</p>
{% if talk.artist_website %}
<a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a>
{% endif %}
{% if talk.video_artist_url %}
<br>
<a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a>
{% endif %}
{% if talk.video_url %}
<br>
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
<a class="button hvr-sweep-to-top" href={{post.url}}>
<h3>#{{post.number}}</h3>
<h4>{{post.date_text}}</h4>
</a>
{% if post.topics %}
<p>
<ul>
{% assign tags = (post.topics | split:",") %} {% for tag in tags %}
<li>{{tag}}</li>
{% endfor%}
</ul>
</p>
{% endif %} {% if post.location %}
<p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a>
</p>
{% endif %}
{% endfor %}
</div>
<div class="event event-{{post.number}} dark_bg col-md-7">
{% capture talks_number %}{{ post.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in post.talks %}
<div class="talk col-md-{{col_width}}">
<div class="artist-media">
{% if {{talk.media_artist_url}} %}
<img src={{talk.media_artist_url}}></img>
{% else %}
<img src="/assets/no_artist-media.png"></img>
{% endif %}
</div>
<div class="talk-detail">
<h4>{{talk.artist}} / {{talk.title}}</h4>
<p>{{talk.description}}</p>
{% if talk.artist_website %}
<a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a> {% endif %} {% if talk.video_artist_url %}
<br>
<a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> {% endif %} {% if talk.video_url %}
<br>
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> {% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %} {% endfor %}
</div>