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

@ -5,16 +5,29 @@
<div class="col-md-7 col-md-offset-3"> <div class="col-md-7 col-md-offset-3">
<div class="footer-social"> <div class="footer-social">
<ul> <ul>
<li><a href="mailto:{{ site.email }}"><i class="fa fa-envelope-o"></i></a></li> <li><a href="mailto:{{ site.email }}"><i class="fa fa-envelope-o"></i></a>
<li><a href="{{ "/feed.xml" | prepend: site.baseurl }}"><i class="fa fa-rss-square"></i></a></li> </li>
<li><a href="{{site.facebook_link}}"><i class="fa fa-facebook-square"></i></a></li> <li><a href="{{ " /feed.xml " | prepend: site.baseurl }}"><i class="fa fa-rss-square"></i></a>
</li>
<li><a href="{{site.facebook_link}}"><i class="fa fa-facebook-square"></i></a>
</li>
</ul> </ul>
</div> </div>
<div class="footer-support"> <div class="footer-support">
<ul> <ul>
<li><h4>Support from</h4></li> <li>
<li><a href="http://pankeculture.com" target="_blank"><img src="/assets/panke_logo.png"></img></a></li> <h4>Support from</h4>
<li><a href="http://pankeculture.com" target="_blank"><img src="/assets/troika_logo.png"></img></a></li> </li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/panke_logo.png"></img>
</a>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/troika_logo.png"></img>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>

View file

@ -26,7 +26,6 @@
<script type="text/javascript" src="/js/scrollit.js-master/scrollit.min.js"></script> <script type="text/javascript" src="/js/scrollit.js-master/scrollit.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var rnd = Math.floor(Math.random() * 6); var rnd = Math.floor(Math.random() * 6);
$(function() { $(function() {
@ -41,7 +40,6 @@
// $( document ).ready(function() { // $( document ).ready(function() {
$('.artist-media').centerImage('inside'); $('.artist-media').centerImage('inside');
// }); // });
</script> </script>
</head> </head>

View file

@ -11,15 +11,17 @@
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div> <div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="#" class="navigator-toggle"><i class="fa fa-caret-square-o-down"></i> Upcoming session & more</a></li> <li><a href="#" class="navigator-toggle"><i class="fa fa-caret-square-o-down"></i> Upcoming session & more</a>
{% for page in site.pages %} </li>
{% if page.title %} {% for page in site.pages %} {% if page.title %}
<li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li> <li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %} </li>
{% endfor %} {% endif %} {% endfor %}
<li><a class="top-button" data-scroll-nav="0">TOP</a></li> <li><a class="top-button" data-scroll-nav="0">TOP</a>
</li>
</ul> </ul>
</div><!-- /.navbar-collapse --> </div>
<!-- /.navbar-collapse -->
</div> </div>
@ -29,12 +31,8 @@
<div class="row"> <div class="row">
<div class="col-md-7"> <div class="col-md-7">
<h4><i class="fa fa-search"></i> Browse by topic</h4> <h4><i class="fa fa-search"></i> Browse by topic</h4>
{% for post in site.posts %} {% for post in site.posts %} {% assign pos = 39 | minus: post.number %} {% for topic in post.topics | split:"," %}
{% assign pos = 39 | minus: post.number %} <a class="topic" data-scroll-nav="{{pos}}">{{topic}}</a> {% endfor %} {% endfor %}
{% for topic in post.topics | split:"," %}
<a class="topic" data-scroll-nav="{{pos}}">{{topic}}</a>
{% endfor %}
{% endfor %}
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<h4><i class="fa fa-calendar"></i> Upcoming session</h4> <h4><i class="fa fa-calendar"></i> Upcoming session</h4>
@ -42,9 +40,7 @@
<!-- <div class="container-fluid navigator"> --> <!-- <div class="container-fluid navigator"> -->
<h3>#{{post.number}}{{post.date_text}} ({{post.location}})</h3> <h3>#{{post.number}}{{post.date_text}} ({{post.location}})</h3>
{% for topic in post.topics | split:"," %} {% for topic in post.topics | split:"," %}
<a class="topic">{{topic}}</a> <a class="topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
{% endfor %}
{% for talk in post.talks %}
<div class="upcoming row"> <div class="upcoming row">
<div class="upcoming-media"> <div class="upcoming-media">

View file

@ -1,6 +1,4 @@
--- --- layout: default ---
layout: default
---
<div class="content container-fluid"> <div class="content container-fluid">
@ -14,15 +12,16 @@ layout: default
<h3>#{{page.number}}</h3> <h3>#{{page.number}}</h3>
<h4>{{page.date_text}}</h4> <h4>{{page.date_text}}</h4>
{% if page.topics %} {% if page.topics %}
<p><ul> <p>
{% assign tags = (page.topics | split:",") %} <ul>
{% for tag in tags %} {% assign tags = (page.topics | split:",") %} {% for tag in tags %}
<li>{{tag}}</li> <li>{{tag}}</li>
{% endfor%} {% endfor%}
</ul></p> </ul>
{% endif %} </p>
{% if page.location %} {% endif %} {% if page.location %}
<p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a></p> <p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a>
</p>
{% endif %} {% endif %}
</p> </p>
@ -32,10 +31,7 @@ layout: default
<div class="event event-{{page.number}} dark_bg col-md-7"> <div class="event event-{{page.number}} dark_bg col-md-7">
{% capture talks_number %}{{ page.talks | size }}{% endcapture %} {% capture talks_number %}{{ page.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in page.talks %}
{% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %}
{% for talk in page.talks %}
<div class="talk col-md-{{col_width}}"> <div class="talk col-md-{{col_width}}">
@ -51,24 +47,15 @@ layout: default
<h4>{{talk.artist}} / {{talk.title}}</h4> <h4>{{talk.artist}} / {{talk.title}}</h4>
{% if talk.description %} {% if talk.description %}
<p>{{talk.description}}</p> <p>{{talk.description}}</p>
{% endif %} {% endif %} {% if talk.artist_bio %}
{% if talk.artist_bio %}
<h5>About {{talk.artist}}</h5> <h5>About {{talk.artist}}</h5>
<p>{{talk.artist_bio}}</p> <p>{{talk.artist_bio}}</p>
{% endif %} {% endif %} {% if talk.artist_website || talk.video_artist_url || talk.video_url %} {% if talk.artist_website %}
{% if talk.artist_website || talk.video_artist_url || talk.video_url %} <a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a> {% endif %} {% if talk.video_artist_url %}
{% 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> <br>
<a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> {% endif %} {% if talk.video_url %}
{% endif %}
{% if talk.video_url %}
<br> <br>
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> <a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> {% endif %} {% endif %}
{% endif %}
{% endif %}
</div> </div>
</div> </div>
@ -92,12 +79,8 @@ layout: default
<h4>Discover more</h4> <h4>Discover more</h4>
{% if page.previous %} {% if page.previous %}
<a class="button hvr-sweep-to-top" href={{page.previous.url | prepend: site.baseurl }}>{{page.previous.title}}</a> <a class="button hvr-sweep-to-top" href={{page.previous.url | prepend: site.baseurl }}>{{page.previous.title}}</a> {% endif %} {% if page.next %}
{% endif %} <a class="button hvr-sweep-to-top" href={{page.next.url | prepend: site.baseurl }}>{{page.next.title}}</a> {% endif %}
{% if page.next %}
<a class="button hvr-sweep-to-top" href={{page.next.url | prepend: site.baseurl }}>{{page.next.title}}</a>
{% endif %}
</div> </div>

View file

@ -1,14 +1,8 @@
--- --- layout: default ---
layout: default
---
<div class="post"> <div class="post">
<div class="wrapper"> <div class="wrapper">
<!-- <header class="post-header">
<h1 class="post-title">{{ page.title }}</h1>
</header> -->
<article class="post-content"> <article class="post-content">
{{ content }} {{ content }}
</article> </article>

View file

@ -1,6 +1,4 @@
--- --- layout: default ---
layout: default
---
<div class="post"> <div class="post">
<div class="wrapper"> <div class="wrapper">
@ -11,8 +9,7 @@ layout: default
</header> </header>
<article class="post-content"> <article class="post-content">
<a> test </a> <a> test </a> {{ content }}
{{ content }}
</article> </article>
</div> </div>

View file

@ -1,8 +1,4 @@
--- --- layout: page title: About permalink: /about/ ---
layout: page
title: About
permalink: /about/
---
<div class="content container-fluid"> <div class="content container-fluid">
@ -30,13 +26,9 @@ permalink: /about/
<div class="col-md-7"> <div class="col-md-7">
<h5>How to find us</h5> <h5>How to find us</h5>
<p>S-Bahn: S41/S42 (Ring) Wedding <p>S-Bahn: S41/S42 (Ring) Wedding U-Bahn: U6 Wedding, U8 Gesundbrunnen Bus: M27 Wedding</p>
U-Bahn: U6 Wedding, U8 Gesundbrunnen
Bus: M27 Wedding</p>
<p>Panke e.V. <p>Panke e.V. Gerichtstr. 23, Hof 5 13347 Berlin Wedding</p>
Gerichtstr. 23, Hof 5
13347 Berlin Wedding</p>
</div> </div>
<div class="col-md-5"> <div class="col-md-5">
@ -44,8 +36,16 @@ permalink: /about/
<div class="supporters"> <div class="supporters">
<p>Thanks <a class="button hvr-sweep-to-top" href="http://pankeculture.com" target="_blank">Panke</a> and <a class="button hvr-sweep-to-top" href="http://www.troikaranch.org/" target="_blank">Troika Ranch</a> for the valuable support</p> <p>Thanks <a class="button hvr-sweep-to-top" href="http://pankeculture.com" target="_blank">Panke</a> and <a class="button hvr-sweep-to-top" href="http://www.troikaranch.org/" target="_blank">Troika Ranch</a> for the valuable support</p>
<ul> <ul>
<li><a href="http://pankeculture.com" target="_blank"><img src="/assets/panke_logo.png"></img></a></li> <li>
<li><a href="http://www.troikaranch.org/" target="_blank"><img src="/assets/troika_logo.png"></img></a></li> <a href="http://pankeculture.com" target="_blank">
<img src="/assets/panke_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.troikaranch.org/" target="_blank">
<img src="/assets/troika_logo.png"></img>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -68,17 +68,35 @@ permalink: /about/
<ul> <ul>
<li><p><a class="button hvr-sweep-to-top" target="_blank" href="http://alexcorbi.com">Alex Corbi aka Axel Orbit</a></br>programming, app development</p></li> <li>
<p><a class="button hvr-sweep-to-top" target="_blank" href="http://alexcorbi.com">Alex Corbi aka Axel Orbit</a>
</br>programming, app development</p>
</li>
<li><p><a class="button hvr-sweep-to-top" target="_blank" href="http://aude-f.com/">Aude François aka Auderose</a></br>video, performance, photography</p></li> <li>
<p><a class="button hvr-sweep-to-top" target="_blank" href="http://aude-f.com/">Aude François aka Auderose</a>
</br>video, performance, photography</p>
</li>
<li><p><a class="button hvr-sweep-to-top" target="_blank" href="http://kiritanflux.de/">Tobias Last aka Kiritan Flux</a></br>visualist, media artist, cultural manager</p></li> <li>
<p><a class="button hvr-sweep-to-top" target="_blank" href="http://kiritanflux.de/">Tobias Last aka Kiritan Flux</a>
</br>visualist, media artist, cultural manager</p>
</li>
<li><p><a class="button hvr-sweep-to-top" target="_blank" href="http://kopiloten.com/">Silke Müller aka Eklis Rellüm</a></br>culture consulting, project manager, producer</p></li> <li>
<p><a class="button hvr-sweep-to-top" target="_blank" href="http://kopiloten.com/">Silke Müller aka Eklis Rellüm</a>
</br>culture consulting, project manager, producer</p>
</li>
<li><p><a class="button hvr-sweep-to-top" target="_blank" href="http://morishuz.com/">Mauritius Seeger aka dr. mo</a></br>programming, interactive environments</p></li> <li>
<p><a class="button hvr-sweep-to-top" target="_blank" href="http://morishuz.com/">Mauritius Seeger aka dr. mo</a>
</br>programming, interactive environments</p>
</li>
<li><p><a class="button hvr-sweep-to-top" target="_blank" href="http://chrs-smthng.com/">Christian Sonntag aka chrs smthng</a></br>projection services, event management</p></li> <li>
<p><a class="button hvr-sweep-to-top" target="_blank" href="http://chrs-smthng.com/">Christian Sonntag aka chrs smthng</a>
</br>projection services, event management</p>
</li>
</ul> </ul>

View file

@ -1,8 +1,4 @@
--- --- layout: page title: Artists permalink: /artists/ ---
layout: page
title: Artists
permalink: /artists/
---
<div class="content container-fluid"> <div class="content container-fluid">
@ -15,12 +11,7 @@ permalink: /artists/
<div class="about dark_bg col-md-7"> <div class="about dark_bg col-md-7">
{% capture counter %}{{ '0' }}{% endcapture %} {% capture counter %}{{ '0' }}{% endcapture %} {% for post in site.posts %} {% for talk in post.talks %} {% if counter == '0' %}
{% for post in site.posts %}
{% for talk in post.talks %}
{% if counter == '0' %}
<div class="row"> <div class="row">
{% endif %} {% endif %}
@ -41,16 +32,9 @@ permalink: /artists/
</div> </div>
{% capture counter %}{{ counter | plus:'1' }}{% endcapture %} {% capture counter %}{{ counter | plus:'1' }}{% endcapture %} {% if counter == '4' %} {% capture counter %}{{ '0' }}{% endcapture %}
{% if counter == '4' %}
{% capture counter %}{{ '0' }}{% endcapture %}
</div> </div>
{% endif %} {% endif %} {% endfor %} {% endfor %}
{% endfor %}
{% endfor %}
</div> </div>

View file

@ -1,8 +1,4 @@
--- --- layout: page title: Call for talks permalink: /call-for-talks/ ---
layout: page
title: Call for talks
permalink: /call-for-talks/
---
<div class="container-fluid"> <div class="container-fluid">

View file

@ -6,35 +6,28 @@ body{
font-family: 'Abel', sans-serif; font-family: 'Abel', sans-serif;
font-size: 16px; font-size: 16px;
} }
h3 { h3 {
color: #fff; color: #fff;
} }
a { a {
color: #9775af; color: #9775af;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
color: #9775af; color: #9775af;
cursor: pointer; cursor: pointer;
} }
.top-button { .top-button {
display: none; display: none;
float: right; float: right;
} }
.navbar-header { .navbar-header {
padding-left: 20px; padding-left: 20px;
} }
.navbar-options { .navbar-options {
padding: 10px; padding: 10px;
float: right; float: right;
} }
/*.navbar-options a{ /*.navbar-options a{
margin-left: 10px; margin-left: 10px;
color: #000; color: #000;
@ -46,21 +39,17 @@ a:hover{
.navbar-brand img { .navbar-brand img {
height: 30px; height: 30px;
} }
.navbar-header a { .navbar-header a {
color: #000; color: #000;
} }
.navbar-nav li a { .navbar-nav li a {
color: #000; color: #000;
border-bottom: 4px solid #f8f8f8; border-bottom: 4px solid #f8f8f8;
} }
.navbar-nav li a:hover { .navbar-nav li a:hover {
color: #9775af; color: #9775af;
border-bottom: 4px solid #9775af; border-bottom: 4px solid #9775af;
} }
.navigator { .navigator {
padding: 20px; padding: 20px;
background: #fff; background: #fff;
@ -68,107 +57,84 @@ a:hover{
border-top: 1px solid #333; border-top: 1px solid #333;
display: none; display: none;
} }
.navigator a { .navigator a {
color: #000; color: #000;
} }
.navigator a:hover { .navigator a:hover {
color: #9775af; color: #9775af;
} }
.navigator li { .navigator li {
float: left; float: left;
margin: 4px; margin: 4px;
} }
.navigator h3 { .navigator h3 {
color: #9775af; color: #9775af;
} }
.navigator h4 { .navigator h4 {
color: #000; color: #000;
padding-left: 0px; padding-left: 0px;
} }
.upcoming { .upcoming {
padding: 10px; padding: 10px;
} }
.upcoming-media img { .upcoming-media img {
height: 80px; height: 80px;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
} }
.site-header { .site-header {
background: #fff; background: #fff;
} }
.site-footer { .site-footer {
color: #fff; color: #fff;
} }
.content { .content {
margin-top: 40px; margin-top: 40px;
} }
.event-date { .event-date {
text-align: right; text-align: right;
padding-right: 10px; padding-right: 10px;
} }
.event-date a { .event-date a {
margin-right: 10px; margin-right: 10px;
} }
.event-date p { .event-date p {
color: #fff; color: #fff;
} }
.event-date h3 { .event-date h3 {
font-size: 96px; font-size: 96px;
padding-right: 10px; padding-right: 10px;
} }
.event-date h4 { .event-date h4 {
font-size: 18px; font-size: 18px;
font-weight: normal; font-weight: normal;
padding-right: 10px; padding-right: 10px;
} }
.event-date li { .event-date li {
list-style: none; list-style: none;
padding-right: 10px; padding-right: 10px;
} }
.artist-media { .artist-media {
width: 100%; width: 100%;
height: 140px; height: 140px;
background: #000; background: #000;
} }
.artist-media { .artist-media {
background: #000; background: #000;
text-align: center; text-align: center;
} }
.artist-media img { .artist-media img {
width: 100%; width: 100%;
} }
.event { .event {
#padding: 10px; #padding: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.highlight { .highlight {
background: #fff; background: #fff;
color: #000; color: #000;
padding: 2px 10px; padding: 2px 10px;
} }
.dark_bg { .dark_bg {
#padding: 10px; #padding: 10px;
background: rgb(0, 0, 0) transparent; background: rgb(0, 0, 0) transparent;
@ -176,140 +142,107 @@ a:hover{
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
} }
.talk { .talk {
padding: 20px 5px; padding: 20px 5px;
} }
.talk:hover {} .talk-detail {} .talk-detail h3 {
.talk :hover{
}
.talk-detail{
}
.talk-detail h3{
font-size: 24px; font-size: 24px;
} }
.talk-detail h4 { .talk-detail h4 {
font-size: 20px; font-size: 20px;
background: #fff; background: #fff;
color: #000; color: #000;
padding: 4px; padding: 4px;
} }
.talk-detail h5 { .talk-detail h5 {
font-size: 18px; font-size: 18px;
background: #fff; background: #fff;
color: #000; color: #000;
padding: 4px; padding: 4px;
} }
.talk-detail a { .talk-detail a {
margin: 0 auto; margin: 0 auto;
padding: 2px; padding: 2px;
float: center; float: center;
text-weight: bold; text-weight: bold;
} }
.event-selector { .event-selector {
text-align: center; text-align: center;
} }
.event-selector ul { .event-selector ul {
list-style: none; list-style: none;
} }
.event-selector li { .event-selector li {
float: left; float: left;
margin: 10px; margin: 10px;
} }
.event-selector a { .event-selector a {
display: block; display: block;
color: #fff; color: #fff;
font-size: 20px; font-size: 20px;
} }
.gallery { .gallery {
margin-bottom: 10px; margin-bottom: 10px;
} }
.team li { .team li {
list-style-type: none; list-style-type: none;
} }
.team-image img { .team-image img {
width: 100%; width: 100%;
} }
.team-list { .team-list {
text-align: left; text-align: left;
} }
.nav_bottom { .nav_bottom {
margin-bottom: 10px; margin-bottom: 10px;
} }
.page-title { .page-title {
text-align: right; text-align: right;
padding-right: 20px; padding-right: 20px;
} }
.page-title h3 { .page-title h3 {
margin-top: 0px; margin-top: 0px;
font-size: 48px; font-size: 48px;
} }
.about h5 { .about h5 {
font-size: 18px; font-size: 18px;
background: #fff; background: #fff;
color: #000; color: #000;
padding: 4px; padding: 4px;
} }
.footer { .footer {
margin-top: 10px; margin-top: 10px;
background: #fff; background: #fff;
} }
.footer li { .footer li {
list-style-type: none; list-style-type: none;
float: left; float: left;
margin: 10px; margin: 10px;
} }
.footer h4 { .footer h4 {
list-style-type: none; list-style-type: none;
background: #fff; background: #fff;
color: #000; color: #000;
padding: 4px; padding: 4px;
} }
.supporters li { .supporters li {
list-style: none; list-style: none;
float: left; float: left;
} }
.supporters li img { .supporters li img {
height: 60px; height: 60px;
margin: 10px; margin: 10px;
} }
.footer-support { .footer-support {
float: right; float: right;
} }
.footer li { .footer li {
font-size: 32px; font-size: 32px;
} }
.footer li a:hover { .footer li a:hover {
color: #000; color: #000;
font-size: 32px; font-size: 32px;
} }
.footer li img { .footer li img {
height: 40px; height: 40px;
} }

View file

@ -1,6 +1,4 @@
--- --- layout: null ---
layout: null
---
<?xml version="1.0" encoding="UTF-8" ?> <?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
@ -20,8 +18,7 @@ layout: null
<guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid> <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
{% for tag in post.tags %} {% for tag in post.tags %}
<category>{{ tag | xml_escape }}</category> <category>{{ tag | xml_escape }}</category>
{% endfor %} {% endfor %} {% for cat in post.categories %}
{% for cat in post.categories %}
<category>{{ cat | xml_escape }}</category> <category>{{ cat | xml_escape }}</category>
{% endfor %} {% endfor %}
</item> </item>

View file

@ -1,11 +1,7 @@
--- --- layout: default ---
layout: default
---
<div class="content container-fluid"> <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 --> <!-- TODO parametrize this, no hardcoded numbers -->
{% assign pos = 39 | minus: post.number %} {% assign pos = 39 | minus: post.number %}
@ -20,26 +16,23 @@ layout: default
</a> </a>
{% if post.topics %} {% if post.topics %}
<p><ul> <p>
{% assign tags = (post.topics | split:",") %} <ul>
{% for tag in tags %} {% assign tags = (post.topics | split:",") %} {% for tag in tags %}
<li>{{tag}}</li> <li>{{tag}}</li>
{% endfor%} {% endfor%}
</ul></p> </ul>
{% endif %} </p>
{% endif %} {% if post.location %}
{% if post.location %} <p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a>
<p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a></p> </p>
{% endif %} {% endif %}
</div> </div>
<div class="event event-{{post.number}} dark_bg col-md-7"> <div class="event event-{{post.number}} dark_bg col-md-7">
{% capture talks_number %}{{ post.talks | size }}{% endcapture %} {% capture talks_number %}{{ post.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in post.talks %}
{% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %}
{% for talk in post.talks %}
<div class="talk col-md-{{col_width}}"> <div class="talk col-md-{{col_width}}">
@ -55,16 +48,11 @@ layout: default
<h4>{{talk.artist}} / {{talk.title}}</h4> <h4>{{talk.artist}} / {{talk.title}}</h4>
<p>{{talk.description}}</p> <p>{{talk.description}}</p>
{% if talk.artist_website %} {% if talk.artist_website %}
<a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a> <a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a> {% endif %} {% if talk.video_artist_url %}
{% endif %}
{% if talk.video_artist_url %}
<br> <br>
<a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> {% endif %} {% if talk.video_url %}
{% endif %}
{% if talk.video_url %}
<br> <br>
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> <a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> {% endif %}
{% endif %}
</div> </div>
</div> </div>
@ -75,8 +63,6 @@ layout: default
</div> </div>
{% endif %} {% endif %} {% endfor %}
{% endfor %}
</div> </div>