improving aesthetics

This commit is contained in:
Open-Steps.org 2015-01-09 18:01:24 +01:00
parent ed41988844
commit d1ee848590
16 changed files with 144 additions and 98 deletions

View file

@ -1,11 +1,9 @@
---
layout: default
---
<div class="container-fluid">
<div class="content container-fluid">
<div class="row">
<div class="event-selector col-md-2 col-md-offset-1">
<!-- <div class="event-selector col-md-2 col-md-offset-1">
<ul>
{% for post in site.posts %}
<li><a href="#">{{post.number}}</a></li>
@ -13,61 +11,81 @@ layout: default
</ul>
</div>
<div class="event-displayer col-md-7">
<div class="event-displayer col-md-7">-->
{% for post in site.posts %}
{% for post in paginator.posts %}
<div class="row event event-{{post.number}}">
<div class="row">
<a href={{post.url}}><h3>{{post.title}}</h3></a>
<div class="event-date col-md-2 col-md-offset-1">
{% for talk in post.talks %}
<a href={{post.url}}>
<h3>#{{post.number}}</h3>
<h4>{{post.date_text}}</h4>
</a>
<div class="talk col-md-4">
</div>
<!-- <div class="row event event-{{post.number}}"> -->
<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 class="artist_media" 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_url %}
<a href={{talk.video_url}}>Video</a>
{% endif %}
</div>
<div class="artist-media">
{% if {{talk.media_artist_url}} %}
<img src={{talk.media_artist_url}}></img>
{% else %}
<img class="artist_media" src="/assets/no_artist_media.png"></img>
{% endif %}
</div>
<div class="talk_detail">
<h3><a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist}}</a></h3>
<h4>{{talk.title}}</h4>
<p>{{talk.description}}</p>
<a href={{talk.video_url}}>Video</a>
</div>
{% endfor %}
</div>
{% endfor%}
</div>
</div>
{% endfor%}
{% endfor %}
<div class="row">
<div class="col-md-2 col-md-offset-3">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
{% else %}
<span class="previous">Previous</span>
{% endif %}
<span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}" class="next">Next</a>
{% else %}
<span class="next ">Next</span>
{% endif %}
</div>
</div>
</div>
</div>
<!-- <div class="row pagination">
<div class="pagination">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
{% else %}
<span class="previous">Previous</span>
{% endif %}
<span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}" class="next">Next</a>
{% else %}
<span class="next ">Next</span>
{% endif %}
</div>
</div> -->
</div>