beautified html & js
This commit is contained in:
parent
fe460c0a2e
commit
a777ddada6
15 changed files with 648 additions and 753 deletions
128
index.html
128
index.html
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue