beautified html & js
This commit is contained in:
Open-Steps.org
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="footer-social">
|
||||
<ul>
|
||||
<li><a href="mailto:{{ site.email }}"><i class="fa fa-envelope-o"></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>
|
||||
<li><a href="mailto:{{ site.email }}"><i class="fa fa-envelope-o"></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>
|
||||
</div>
|
||||
<div class="footer-support">
|
||||
<ul>
|
||||
<li><h4>Support from</h4></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>
|
||||
<li>
|
||||
<h4>Support from</h4>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,6 @@
|
|||
<script type="text/javascript" src="/js/scrollit.js-master/scrollit.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var rnd = Math.floor(Math.random() * 6);
|
||||
|
||||
$(function() {
|
||||
|
|
@ -41,7 +40,6 @@
|
|||
// $( document ).ready(function() {
|
||||
$('.artist-media').centerImage('inside');
|
||||
// });
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -11,15 +11,17 @@
|
|||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div>
|
||||
<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>
|
||||
{% for page in site.pages %}
|
||||
{% if page.title %}
|
||||
<li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li><a class="top-button" data-scroll-nav="0">TOP</a></li>
|
||||
<li><a href="#" class="navigator-toggle"><i class="fa fa-caret-square-o-down"></i> Upcoming session & more</a>
|
||||
</li>
|
||||
{% for page in site.pages %} {% if page.title %}
|
||||
<li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
|
||||
</li>
|
||||
{% endif %} {% endfor %}
|
||||
<li><a class="top-button" data-scroll-nav="0">TOP</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -29,12 +31,8 @@
|
|||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<h4><i class="fa fa-search"></i> Browse by topic</h4>
|
||||
{% for post in site.posts %}
|
||||
{% assign pos = 39 | minus: post.number %}
|
||||
{% for topic in post.topics | split:"," %}
|
||||
<a class="topic" data-scroll-nav="{{pos}}">{{topic}}</a>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% for post in site.posts %} {% assign pos = 39 | minus: post.number %} {% for topic in post.topics | split:"," %}
|
||||
<a class="topic" data-scroll-nav="{{pos}}">{{topic}}</a> {% endfor %} {% endfor %}
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4><i class="fa fa-calendar"></i> Upcoming session</h4>
|
||||
|
|
@ -42,9 +40,7 @@
|
|||
<!-- <div class="container-fluid navigator"> -->
|
||||
<h3>#{{post.number}}{{post.date_text}} ({{post.location}})</h3>
|
||||
{% for topic in post.topics | split:"," %}
|
||||
<a class="topic">{{topic}}</a>
|
||||
{% endfor %}
|
||||
{% for talk in post.talks %}
|
||||
<a class="topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
|
||||
<div class="upcoming row">
|
||||
|
||||
<div class="upcoming-media">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,4 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
|
||||
<div class="content container-fluid">
|
||||
|
||||
|
|
@ -14,15 +12,16 @@ layout: default
|
|||
<h3>#{{page.number}}</h3>
|
||||
<h4>{{page.date_text}}</h4>
|
||||
{% if page.topics %}
|
||||
<p><ul>
|
||||
{% assign tags = (page.topics | split:",") %}
|
||||
{% for tag in tags %}
|
||||
<p>
|
||||
<ul>
|
||||
{% assign tags = (page.topics | split:",") %} {% for tag in tags %}
|
||||
<li>{{tag}}</li>
|
||||
{% endfor%}
|
||||
</ul></p>
|
||||
{% endif %}
|
||||
{% if page.location %}
|
||||
<p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a></p>
|
||||
</ul>
|
||||
</p>
|
||||
{% endif %} {% if page.location %}
|
||||
<p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
|
|
@ -32,10 +31,7 @@ layout: default
|
|||
|
||||
<div class="event event-{{page.number}} dark_bg col-md-7">
|
||||
|
||||
{% capture talks_number %}{{ page.talks | size }}{% endcapture %}
|
||||
{% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %}
|
||||
|
||||
{% for talk in page.talks %}
|
||||
{% capture talks_number %}{{ page.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in page.talks %}
|
||||
|
||||
<div class="talk col-md-{{col_width}}">
|
||||
|
||||
|
|
@ -51,24 +47,15 @@ layout: default
|
|||
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
||||
{% if talk.description %}
|
||||
<p>{{talk.description}}</p>
|
||||
{% endif %}
|
||||
{% if talk.artist_bio %}
|
||||
{% endif %} {% if talk.artist_bio %}
|
||||
<h5>About {{talk.artist}}</h5>
|
||||
<p>{{talk.artist_bio}}</p>
|
||||
{% endif %}
|
||||
{% if talk.artist_website || talk.video_artist_url || talk.video_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 %}
|
||||
{% endif %} {% if talk.artist_website || talk.video_artist_url || talk.video_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>
|
||||
<a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a>
|
||||
{% endif %}
|
||||
{% if talk.video_url %}
|
||||
<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 %}
|
||||
{% endif %}
|
||||
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> {% endif %} {% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -92,12 +79,8 @@ layout: default
|
|||
<h4>Discover more</h4>
|
||||
|
||||
{% if page.previous %}
|
||||
<a class="button hvr-sweep-to-top" href={{page.previous.url | prepend: site.baseurl }}>{{page.previous.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 %}
|
||||
<a class="button hvr-sweep-to-top" href={{page.previous.url | prepend: site.baseurl }}>{{page.previous.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>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,14 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
<div class="post">
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- <header class="post-header">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
</header> -->
|
||||
|
||||
<article class="post-content">
|
||||
{{ content }}
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,4 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
<div class="post">
|
||||
|
||||
<div class="wrapper">
|
||||
|
|
@ -11,8 +9,7 @@ layout: default
|
|||
</header>
|
||||
|
||||
<article class="post-content">
|
||||
<a> test </a>
|
||||
{{ content }}
|
||||
<a> test </a> {{ content }}
|
||||
</article>
|
||||
|
||||
</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">
|
||||
|
||||
|
|
@ -30,13 +26,9 @@ permalink: /about/
|
|||
<div class="col-md-7">
|
||||
<h5>How to find us</h5>
|
||||
|
||||
<p>S-Bahn: S41/S42 (Ring) Wedding
|
||||
U-Bahn: U6 Wedding, U8 Gesundbrunnen
|
||||
Bus: M27 Wedding</p>
|
||||
<p>S-Bahn: S41/S42 (Ring) Wedding U-Bahn: U6 Wedding, U8 Gesundbrunnen Bus: M27 Wedding</p>
|
||||
|
||||
<p>Panke e.V.
|
||||
Gerichtstr. 23, Hof 5
|
||||
13347 Berlin Wedding</p>
|
||||
<p>Panke e.V. Gerichtstr. 23, Hof 5 13347 Berlin Wedding</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
|
|
@ -44,8 +36,16 @@ permalink: /about/
|
|||
<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>
|
||||
<ul>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -68,17 +68,35 @@ permalink: /about/
|
|||
|
||||
<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>
|
||||
|
||||
|
|
|
|||
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">
|
||||
|
||||
|
|
@ -15,12 +11,7 @@ permalink: /artists/
|
|||
|
||||
<div class="about dark_bg col-md-7">
|
||||
|
||||
{% capture counter %}{{ '0' }}{% endcapture %}
|
||||
|
||||
{% for post in site.posts %}
|
||||
{% for talk in post.talks %}
|
||||
|
||||
{% if counter == '0' %}
|
||||
{% capture counter %}{{ '0' }}{% endcapture %} {% for post in site.posts %} {% for talk in post.talks %} {% if counter == '0' %}
|
||||
<div class="row">
|
||||
{% endif %}
|
||||
|
||||
|
|
@ -41,16 +32,9 @@ permalink: /artists/
|
|||
|
||||
</div>
|
||||
|
||||
{% capture counter %}{{ counter | plus:'1' }}{% endcapture %}
|
||||
|
||||
{% if counter == '4' %}
|
||||
{% capture counter %}{{ '0' }}{% endcapture %}
|
||||
{% capture counter %}{{ counter | plus:'1' }}{% endcapture %} {% if counter == '4' %} {% capture counter %}{{ '0' }}{% endcapture %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% endif %} {% endfor %} {% endfor %}
|
||||
|
||||
</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">
|
||||
|
||||
|
|
|
|||
|
|
@ -6,35 +6,28 @@ body{
|
|||
font-family: 'Abel', sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #9775af;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.top-button {
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.navbar-options {
|
||||
padding: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*.navbar-options a{
|
||||
margin-left: 10px;
|
||||
color: #000;
|
||||
|
|
@ -46,21 +39,17 @@ a:hover{
|
|||
.navbar-brand img {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.navbar-header a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.navbar-nav li a {
|
||||
color: #000;
|
||||
border-bottom: 4px solid #f8f8f8;
|
||||
}
|
||||
|
||||
.navbar-nav li a:hover {
|
||||
color: #9775af;
|
||||
border-bottom: 4px solid #9775af;
|
||||
}
|
||||
|
||||
.navigator {
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
|
|
@ -68,107 +57,84 @@ a:hover{
|
|||
border-top: 1px solid #333;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navigator a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.navigator a:hover {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
.navigator li {
|
||||
float: left;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.navigator h3 {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
.navigator h4 {
|
||||
color: #000;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.upcoming {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.upcoming-media img {
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
.site-header {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.event-date {
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.event-date a {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.event-date p {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.event-date h3 {
|
||||
font-size: 96px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.event-date h4 {
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.event-date li {
|
||||
list-style: none;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.artist-media {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.artist-media {
|
||||
background: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.artist-media img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.event {
|
||||
#padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
|
||||
.dark_bg {
|
||||
#padding: 10px;
|
||||
background: rgb(0, 0, 0) transparent;
|
||||
|
|
@ -176,140 +142,107 @@ a:hover{
|
|||
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
|
||||
}
|
||||
|
||||
.talk {
|
||||
padding: 20px 5px;
|
||||
}
|
||||
|
||||
.talk :hover{
|
||||
}
|
||||
|
||||
.talk-detail{
|
||||
|
||||
}
|
||||
|
||||
.talk-detail h3{
|
||||
.talk:hover {} .talk-detail {} .talk-detail h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.talk-detail h4 {
|
||||
font-size: 20px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.talk-detail h5 {
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.talk-detail a {
|
||||
margin: 0 auto;
|
||||
padding: 2px;
|
||||
float: center;
|
||||
text-weight: bold;
|
||||
}
|
||||
|
||||
.event-selector {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.event-selector ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.event-selector li {
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.event-selector a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.team li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.team-image img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.team-list {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.nav_bottom {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.page-title h3 {
|
||||
margin-top: 0px;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.about h5 {
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.footer li {
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer h4 {
|
||||
list-style-type: none;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.supporters li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.supporters li img {
|
||||
height: 60px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer-support {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.footer li {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.footer li a:hover {
|
||||
color: #000;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.footer li img {
|
||||
height: 40px;
|
||||
}
|
||||
|
|
|
|||
7
feed.xml
7
feed.xml
|
|
@ -1,6 +1,4 @@
|
|||
---
|
||||
layout: null
|
||||
---
|
||||
--- layout: null ---
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
|
|
@ -20,8 +18,7 @@ layout: null
|
|||
<guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
|
||||
{% for tag in post.tags %}
|
||||
<category>{{ tag | xml_escape }}</category>
|
||||
{% endfor %}
|
||||
{% for cat in post.categories %}
|
||||
{% endfor %} {% for cat in post.categories %}
|
||||
<category>{{ cat | xml_escape }}</category>
|
||||
{% endfor %}
|
||||
</item>
|
||||
|
|
|
|||
44
index.html
44
index.html
|
|
@ -1,11 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
<div class="content container-fluid">
|
||||
|
||||
{% for post in site.posts %}
|
||||
|
||||
{% if forloop.first != true %}
|
||||
{% for post in site.posts %} {% if forloop.first != true %}
|
||||
|
||||
<!-- TODO parametrize this, no hardcoded numbers -->
|
||||
{% assign pos = 39 | minus: post.number %}
|
||||
|
|
@ -20,26 +16,23 @@ layout: default
|
|||
</a>
|
||||
|
||||
{% if post.topics %}
|
||||
<p><ul>
|
||||
{% assign tags = (post.topics | split:",") %}
|
||||
{% for tag in tags %}
|
||||
<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>
|
||||
</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 %}
|
||||
{% 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}}">
|
||||
|
||||
|
|
@ -55,16 +48,11 @@ layout: default
|
|||
<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 %}
|
||||
<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 %}
|
||||
<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 %}
|
||||
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> {% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -75,8 +63,6 @@ layout: default
|
|||
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
{% endif %} {% endfor %}
|
||||
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue