beautified html & js
This commit is contained in:
parent
fe460c0a2e
commit
a777ddada6
15 changed files with 648 additions and 753 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
56
about.html
56
about.html
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
24
artists.html
24
artists.html
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
7
feed.xml
7
feed.xml
|
|
@ -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>
|
||||||
|
|
|
||||||
44
index.html
44
index.html
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue