beautified html & js
This commit is contained in:
Open-Steps.org
parent
fe460c0a2e
commit
a777ddada6
15 changed files with 648 additions and 753 deletions
|
|
@ -1,25 +1,38 @@
|
||||||
<footer class="footer dark_bg">
|
<footer class="footer dark_bg">
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<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>
|
||||||
</ul>
|
</li>
|
||||||
</div>
|
<li><a href="{{site.facebook_link}}"><i class="fa fa-facebook-square"></i></a>
|
||||||
<div class="footer-support">
|
</li>
|
||||||
<ul>
|
</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>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</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>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -1,47 +1,45 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width initial-scale=1">
|
<meta name="viewport" content="width=device-width initial-scale=1">
|
||||||
|
|
||||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
||||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||||
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
|
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ " /feed.xml " | prepend: site.baseurl | prepend: site.url }}" />
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"/>
|
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="/bower_components/vegas/dist/jquery.vegas.min.css"/>
|
<link rel="stylesheet" type="text/css" href="/bower_components/vegas/dist/jquery.vegas.min.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="/bower_components/fontawesome/css/font-awesome.min.css"/>
|
<link rel="stylesheet" type="text/css" href="/bower_components/fontawesome/css/font-awesome.min.css" />
|
||||||
<link rel="stylesheet" href="{{ "/css/custom.css" | prepend: site.baseurl }}">
|
<link rel="stylesheet" href="{{ " /css/custom.css " | prepend: site.baseurl }}">
|
||||||
<link rel="stylesheet" href="{{ "/css/hover.css" | prepend: site.baseurl }}">
|
<link rel="stylesheet" href="{{ " /css/hover.css " | prepend: site.baseurl }}">
|
||||||
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
|
||||||
|
|
||||||
<script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
|
<script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
|
||||||
<script type="text/javascript" src="/bower_components/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
<script type="text/javascript" src="/bower_components/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||||
<script type="text/javascript" src="/bower_components/imagefill.js/js/jquery-imagefill.js"></script>
|
<script type="text/javascript" src="/bower_components/imagefill.js/js/jquery-imagefill.js"></script>
|
||||||
<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
|
<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
|
||||||
<script src="/bower_components/vegas/dist/jquery.vegas.min.js" type="text/javascript"></script>
|
<script src="/bower_components/vegas/dist/jquery.vegas.min.js" type="text/javascript"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="/js/custom.js"></script>
|
<script type="text/javascript" src="/js/custom.js"></script>
|
||||||
<script type="text/javascript" src="/js/jquery.blImageCenter.js"></script>
|
<script type="text/javascript" src="/js/jquery.blImageCenter.js"></script>
|
||||||
<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() {
|
||||||
|
$.vegas({
|
||||||
|
src: '/assets/bgphotos/' + rnd + '.png'
|
||||||
|
});
|
||||||
|
$.vegas('overlay', {
|
||||||
|
src: '/assets/bgphotos/overlay.png'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
$(function() {
|
// $( document ).ready(function() {
|
||||||
$.vegas({
|
$('.artist-media').centerImage('inside');
|
||||||
src:'/assets/bgphotos/'+rnd+'.png'
|
// });
|
||||||
});
|
</script>
|
||||||
$.vegas('overlay', {
|
|
||||||
src:'/assets/bgphotos/overlay.png'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// $( document ).ready(function() {
|
|
||||||
$('.artist-media').centerImage('inside');
|
|
||||||
// });
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
|
|
@ -1,66 +1,62 @@
|
||||||
<nav class="navbar navbar-default navbar-fixed-top">
|
<nav class="navbar navbar-default navbar-fixed-top">
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
|
||||||
<div class="navbar-header">
|
|
||||||
<a class="navbar-brand" href="/">
|
|
||||||
<img alt="Logo" src="/assets/scope_logo.png">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 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>
|
|
||||||
</ul>
|
|
||||||
</div><!-- /.navbar-collapse -->
|
|
||||||
|
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a class="navbar-brand" href="/">
|
||||||
|
<img alt="Logo" src="/assets/scope_logo.png">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 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>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- /.navbar-collapse -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="container-fluid navigator">
|
<div class="container-fluid navigator">
|
||||||
<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>
|
||||||
{% assign post = site.posts | first%}
|
{% assign post = site.posts | first%}
|
||||||
<!-- <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 %}
|
<div class="upcoming row">
|
||||||
{% for talk in post.talks %}
|
|
||||||
<div class="upcoming row">
|
|
||||||
|
|
||||||
<div class="upcoming-media">
|
<div class="upcoming-media">
|
||||||
{% if {{talk.media_artist_url}} %}
|
{% if {{talk.media_artist_url}} %}
|
||||||
<img src={{talk.media_artist_url}}></img>
|
<img src={{talk.media_artist_url}}></img>
|
||||||
{% else %}
|
{% else %}
|
||||||
<img src="/assets/no_artist-media.png"></img>
|
<img src="/assets/no_artist-media.png"></img>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="upcoming-detail">
|
<div class="upcoming-detail">
|
||||||
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,18 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
{% include head.html %}
|
{% include head.html %}
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
{% include header.html %}
|
{% include header.html %}
|
||||||
|
|
||||||
<div class="content container-fluid">
|
<div class="content container-fluid">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% include footer.html %}
|
{% include footer.html %}
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,108 +1,91 @@
|
||||||
---
|
--- layout: default ---
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="content container-fluid">
|
<div class="content container-fluid">
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="event-date col-md-2 col-md-offset-1">
|
<div class="event-date col-md-2 col-md-offset-1">
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
<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>
|
||||||
{% endif %}
|
</p>
|
||||||
</p>
|
{% endif %}
|
||||||
|
</p>
|
||||||
|
|
||||||
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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}}">
|
<div class="artist-media">
|
||||||
|
{% if {{talk.media_artist_url}} %}
|
||||||
|
<img class="artist-media" src={{talk.media_artist_url}}></img>
|
||||||
|
{% else %}
|
||||||
|
<img class="artist-media" src="/assets/no_artist-media.png"></img>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="artist-media">
|
<div class="talk-detail">
|
||||||
{% if {{talk.media_artist_url}} %}
|
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
||||||
<img class="artist-media" src={{talk.media_artist_url}}></img>
|
{% if talk.description %}
|
||||||
{% else %}
|
<p>{{talk.description}}</p>
|
||||||
<img class="artist-media" src="/assets/no_artist-media.png"></img>
|
{% endif %} {% if talk.artist_bio %}
|
||||||
{% endif %}
|
<h5>About {{talk.artist}}</h5>
|
||||||
</div>
|
<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 %}
|
||||||
|
<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 %} {% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="talk-detail">
|
</div>
|
||||||
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
|
||||||
{% if talk.description %}
|
|
||||||
<p>{{talk.description}}</p>
|
|
||||||
{% 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 %}
|
|
||||||
<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 %}
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
{% endfor %}
|
||||||
|
|
||||||
{% endfor %}
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="gallery dark_bg col-md-4 col-md-offset-3">
|
|
||||||
|
|
||||||
<h4>Photo gallery of the event</h4>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="nav_bottom dark_bg col-md-2 col-md-offset-1">
|
|
||||||
|
|
||||||
<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 %}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</article>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="gallery dark_bg col-md-4 col-md-offset-3">
|
||||||
|
|
||||||
|
<h4>Photo gallery of the event</h4>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="nav_bottom dark_bg col-md-2 col-md-offset-1">
|
||||||
|
|
||||||
|
<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 %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,12 @@
|
||||||
---
|
--- layout: default ---
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
<div class="post">
|
<div class="post">
|
||||||
|
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
|
||||||
<!-- <header class="post-header">
|
<article class="post-content">
|
||||||
<h1 class="post-title">{{ page.title }}</h1>
|
{{ content }}
|
||||||
</header> -->
|
</article>
|
||||||
|
|
||||||
<article class="post-content">
|
</div>
|
||||||
{{ content }}
|
|
||||||
</article>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,17 @@
|
||||||
---
|
--- layout: default ---
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
<div class="post">
|
<div class="post">
|
||||||
|
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
|
||||||
<header class="post-header">
|
<header class="post-header">
|
||||||
<h1 class="post-title">{{ page.title }}</h1>
|
<h1 class="post-title">{{ page.title }}</h1>
|
||||||
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
|
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<article class="post-content">
|
<article class="post-content">
|
||||||
<a> test </a>
|
<a> test </a> {{ content }}
|
||||||
{{ content }}
|
</article>
|
||||||
</article>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
186
about.html
186
about.html
|
|
@ -1,93 +1,111 @@
|
||||||
---
|
--- layout: page title: About permalink: /about/ ---
|
||||||
layout: page
|
|
||||||
title: About
|
|
||||||
permalink: /about/
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="content container-fluid">
|
<div class="content container-fluid">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="page-title col-md-2 col-md-offset-1">
|
<div class="page-title col-md-2 col-md-offset-1">
|
||||||
|
|
||||||
<h3>{{page.title}}</h3>
|
<h3>{{page.title}}</h3>
|
||||||
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="about dark_bg col-md-7">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h5>{{ site.title }}</h5>
|
|
||||||
<p>{{ site.description }}</p>
|
|
||||||
|
|
||||||
<p>Doors open from 7pm - Programme starting 8pm</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<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>Panke e.V.
|
|
||||||
Gerichtstr. 23, Hof 5
|
|
||||||
13347 Berlin Wedding</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-5">
|
|
||||||
<h5>Supported by</h5>
|
|
||||||
<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>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Team</h5>
|
|
||||||
|
|
||||||
<p>SCOPE SESSIONS are curated & realised by a team, that shares passion for visual arts, experimental crossovers of sound and video, multimedia experiences, human interactions and computer technologies.</p>
|
|
||||||
<p>We started in summer 2011 with our first session, developed in cooperation with and hosted by Atelier Überall, with a strong initiative of Ludovic Bablon.</p>
|
|
||||||
<p>Since then we invited artists to share their unique approaches to an increasing audience. Hope you like it! See you at one of our sessions.</p>
|
|
||||||
|
|
||||||
<div class="team row">
|
|
||||||
|
|
||||||
<div class="team-image col-md-7">
|
|
||||||
<img src="/assets/scope_team.jpg"></img>
|
|
||||||
<img src="/assets/scope_team_2.jpg"></img>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="team-list col-md-5">
|
|
||||||
|
|
||||||
<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://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://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://chrs-smthng.com/">Christian Sonntag aka chrs smthng</a></br>projection services, event management</p></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="about dark_bg col-md-7">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h5>{{ site.title }}</h5>
|
||||||
|
<p>{{ site.description }}</p>
|
||||||
|
|
||||||
|
<p>Doors open from 7pm - Programme starting 8pm</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<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>Panke e.V. Gerichtstr. 23, Hof 5 13347 Berlin Wedding</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-5">
|
||||||
|
<h5>Supported by</h5>
|
||||||
|
<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>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h5>Team</h5>
|
||||||
|
|
||||||
|
<p>SCOPE SESSIONS are curated & realised by a team, that shares passion for visual arts, experimental crossovers of sound and video, multimedia experiences, human interactions and computer technologies.</p>
|
||||||
|
<p>We started in summer 2011 with our first session, developed in cooperation with and hosted by Atelier Überall, with a strong initiative of Ludovic Bablon.</p>
|
||||||
|
<p>Since then we invited artists to share their unique approaches to an increasing audience. Hope you like it! See you at one of our sessions.</p>
|
||||||
|
|
||||||
|
<div class="team row">
|
||||||
|
|
||||||
|
<div class="team-image col-md-7">
|
||||||
|
<img src="/assets/scope_team.jpg"></img>
|
||||||
|
<img src="/assets/scope_team_2.jpg"></img>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-list col-md-5">
|
||||||
|
|
||||||
|
<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://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://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://chrs-smthng.com/">Christian Sonntag aka chrs smthng</a>
|
||||||
|
</br>projection services, event management</p>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
72
artists.html
72
artists.html
|
|
@ -1,59 +1,43 @@
|
||||||
---
|
--- layout: page title: Artists permalink: /artists/ ---
|
||||||
layout: page
|
|
||||||
title: Artists
|
|
||||||
permalink: /artists/
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="content container-fluid">
|
<div class="content container-fluid">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="page-title col-md-2 col-md-offset-1">
|
<div class="page-title col-md-2 col-md-offset-1">
|
||||||
<h3>{{page.title}}</h3>
|
<h3>{{page.title}}</h3>
|
||||||
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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' %}
|
||||||
|
<div class="row">
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% for post in site.posts %}
|
<div class="dark_bg col-md-3">
|
||||||
{% for talk in post.talks %}
|
|
||||||
|
|
||||||
{% if counter == '0' %}
|
<div class="artist-media">
|
||||||
<div class="row">
|
{% if {{talk.media_artist_url}} %}
|
||||||
{% endif %}
|
<img class="artist-media" src={{talk.media_artist_url}}></img>
|
||||||
|
{% else %}
|
||||||
|
<img class="artist-media" src="/assets/no_artist-media.png"></img>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="dark_bg col-md-3">
|
<div class="talk-detail">
|
||||||
|
<h4>{{talk.artist}}</h4>
|
||||||
<div class="artist-media">
|
<a class="button hvr-sweep-to-top" href={{post.url}}>#{{post.number}}</a>
|
||||||
{% if {{talk.media_artist_url}} %}
|
</div>
|
||||||
<img class="artist-media" 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}}</h4>
|
|
||||||
<a class="button hvr-sweep-to-top" href={{post.url}}>#{{post.number}}</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% capture counter %}{{ counter | plus:'1' }}{% endcapture %}
|
|
||||||
|
|
||||||
{% if counter == '4' %}
|
|
||||||
{% capture counter %}{{ '0' }}{% endcapture %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
|
||||||
{% endfor %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{% capture counter %}{{ counter | plus:'1' }}{% endcapture %} {% if counter == '4' %} {% capture counter %}{{ '0' }}{% endcapture %}
|
||||||
|
</div>
|
||||||
|
{% endif %} {% endfor %} {% endfor %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
48
bower.json
48
bower.json
|
|
@ -1,26 +1,26 @@
|
||||||
{
|
{
|
||||||
"name": "ScopeJekyll",
|
"name": "ScopeJekyll",
|
||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"authors": [
|
"authors": [
|
||||||
"Open-Steps.org <contact@open-steps.org>"
|
"Open-Steps.org <contact@open-steps.org>"
|
||||||
],
|
],
|
||||||
"description": "Scope 2015 website built with Jekyll",
|
"description": "Scope 2015 website built with Jekyll",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"homepage": "http://www.scopesessions.org",
|
"homepage": "http://www.scopesessions.org",
|
||||||
"private": true,
|
"private": true,
|
||||||
"ignore": [
|
"ignore": [
|
||||||
"**/.*",
|
"**/.*",
|
||||||
"node_modules",
|
"node_modules",
|
||||||
"bower_components",
|
"bower_components",
|
||||||
"test",
|
"test",
|
||||||
"tests"
|
"tests"
|
||||||
],
|
],
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"jquery": "~2.1.1",
|
"jquery": "~2.1.1",
|
||||||
"bootstrap": "~3.3.1",
|
"bootstrap": "~3.3.1",
|
||||||
"vegas": "~1.3.5",
|
"vegas": "~1.3.5",
|
||||||
"imagefill.js": "*",
|
"imagefill.js": "*",
|
||||||
"imagesloaded": "~3.1.8",
|
"imagesloaded": "~3.1.8",
|
||||||
"fontawesome": "~4.3.0"
|
"fontawesome": "~4.3.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,15 @@
|
||||||
---
|
--- 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">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="dark_bg col-md-8 col-md-offset-2">
|
<div class="dark_bg col-md-8 col-md-offset-2">
|
||||||
|
|
||||||
TBD
|
TBD
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
409
css/custom.css
409
css/custom.css
|
|
@ -1,40 +1,33 @@
|
||||||
/*blue 2098d1
|
/*blue 2098d1
|
||||||
lila 9775af*/
|
lila 9775af*/
|
||||||
|
|
||||||
body{
|
body {
|
||||||
color:#fff;
|
color: #fff;
|
||||||
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;
|
||||||
|
|
@ -43,273 +36,213 @@ a:hover{
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
.navbar-brand img{
|
.navbar-brand img {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
.navbar-header a {
|
||||||
.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;
|
|
||||||
margin-top:40px;
|
|
||||||
border-top: 1px solid #333;
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navigator a{
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
.navbar-nav li a {
|
||||||
.navigator a:hover{
|
color: #000;
|
||||||
|
border-bottom: 4px solid #f8f8f8;
|
||||||
|
}
|
||||||
|
.navbar-nav li a:hover {
|
||||||
|
color: #9775af;
|
||||||
|
border-bottom: 4px solid #9775af;
|
||||||
|
}
|
||||||
|
.navigator {
|
||||||
|
padding: 20px;
|
||||||
|
background: #fff;
|
||||||
|
margin-top: 40px;
|
||||||
|
border-top: 1px solid #333;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.navigator a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.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;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
.site-header {
|
||||||
.event-date p{
|
background: #fff;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
.site-footer {
|
||||||
.event-date h3{
|
color: #fff;
|
||||||
font-size: 96px;
|
|
||||||
padding-right: 10px;
|
|
||||||
}
|
}
|
||||||
|
.content {
|
||||||
.event-date h4{
|
margin-top: 40px;
|
||||||
font-size: 18px;
|
|
||||||
font-weight: normal;
|
|
||||||
padding-right: 10px;
|
|
||||||
}
|
}
|
||||||
|
.event-date {
|
||||||
.event-date li{
|
text-align: right;
|
||||||
list-style:none;
|
padding-right: 10px;
|
||||||
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 {
|
.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;
|
background: rgba(0, 0, 0, 0.6);
|
||||||
background: rgba(0, 0, 0, 0.6);
|
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{
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
|
.talk-detail h4 {
|
||||||
.talk-detail{
|
font-size: 20px;
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
.talk-detail h5 {
|
||||||
.talk-detail h3{
|
font-size: 18px;
|
||||||
font-size: 24px;
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
.talk-detail a {
|
||||||
.talk-detail h4{
|
margin: 0 auto;
|
||||||
font-size: 20px;
|
padding: 2px;
|
||||||
background: #fff;
|
float: center;
|
||||||
color: #000;
|
text-weight: bold;
|
||||||
padding: 4px;
|
|
||||||
}
|
}
|
||||||
|
.event-selector {
|
||||||
.talk-detail h5{
|
text-align: center;
|
||||||
font-size: 18px;
|
|
||||||
background: #fff;
|
|
||||||
color: #000;
|
|
||||||
padding: 4px;
|
|
||||||
}
|
}
|
||||||
|
.event-selector ul {
|
||||||
.talk-detail a{
|
list-style: none;
|
||||||
margin: 0 auto;
|
|
||||||
padding: 2px;
|
|
||||||
float: center;
|
|
||||||
text-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
.event-selector li {
|
||||||
.event-selector{
|
float: left;
|
||||||
text-align: center;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
.event-selector a {
|
||||||
.event-selector ul{
|
display: block;
|
||||||
list-style:none;
|
color: #fff;
|
||||||
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
.gallery {
|
||||||
.event-selector li{
|
margin-bottom: 10px;
|
||||||
float:left;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
}
|
||||||
|
.team li {
|
||||||
.event-selector a{
|
list-style-type: none;
|
||||||
display: block;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
}
|
||||||
|
.team-image img {
|
||||||
.gallery{
|
width: 100%;
|
||||||
margin-bottom:10px;
|
|
||||||
}
|
}
|
||||||
|
.team-list {
|
||||||
.team li{
|
text-align: left;
|
||||||
list-style-type:none;
|
|
||||||
}
|
}
|
||||||
|
.nav_bottom {
|
||||||
.team-image img{
|
margin-bottom: 10px;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
.page-title {
|
||||||
.team-list{
|
text-align: right;
|
||||||
text-align: left;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
|
.page-title h3 {
|
||||||
.nav_bottom{
|
margin-top: 0px;
|
||||||
margin-bottom:10px;
|
font-size: 48px;
|
||||||
}
|
}
|
||||||
|
.about h5 {
|
||||||
.page-title{
|
font-size: 18px;
|
||||||
text-align: right;
|
background: #fff;
|
||||||
padding-right: 20px;
|
color: #000;
|
||||||
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
.footer {
|
||||||
.page-title h3{
|
margin-top: 10px;
|
||||||
margin-top: 0px;
|
background: #fff;
|
||||||
font-size: 48px;
|
|
||||||
}
|
}
|
||||||
|
.footer li {
|
||||||
.about h5{
|
list-style-type: none;
|
||||||
font-size: 18px;
|
float: left;
|
||||||
background: #fff;
|
margin: 10px;
|
||||||
color: #000;
|
|
||||||
padding: 4px;
|
|
||||||
}
|
}
|
||||||
|
.footer h4 {
|
||||||
.footer{
|
list-style-type: none;
|
||||||
margin-top:10px;
|
background: #fff;
|
||||||
background: #fff;
|
color: #000;
|
||||||
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
.supporters li {
|
||||||
.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;
|
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;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
53
feed.xml
53
feed.xml
|
|
@ -1,30 +1,27 @@
|
||||||
---
|
--- 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>
|
||||||
<title>{{ site.title | xml_escape }}</title>
|
<title>{{ site.title | xml_escape }}</title>
|
||||||
<description>{{ site.description | xml_escape }}</description>
|
<description>{{ site.description | xml_escape }}</description>
|
||||||
<link>{{ site.url }}{{ site.baseurl }}/</link>
|
<link>{{ site.url }}{{ site.baseurl }}/</link>
|
||||||
<atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
|
<atom:link href="{{ " /feed.xml " | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml" />
|
||||||
<pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
|
<pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
|
||||||
<lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
|
<lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
|
||||||
<generator>Jekyll v{{ jekyll.version }}</generator>
|
<generator>Jekyll v{{ jekyll.version }}</generator>
|
||||||
{% for post in site.posts limit:10 %}
|
{% for post in site.posts limit:10 %}
|
||||||
<item>
|
<item>
|
||||||
<title>{{ post.title | xml_escape }}</title>
|
<title>{{ post.title | xml_escape }}</title>
|
||||||
<description>{{ post.content | xml_escape }}</description>
|
<description>{{ post.content | xml_escape }}</description>
|
||||||
<pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
|
<pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
|
||||||
<link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
|
<link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
|
||||||
<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>
|
{% endfor %}
|
||||||
{% endfor %}
|
</channel>
|
||||||
</channel>
|
|
||||||
</rss>
|
</rss>
|
||||||
|
|
|
||||||
128
index.html
128
index.html
|
|
@ -1,82 +1,68 @@
|
||||||
---
|
--- 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 -->
|
||||||
|
{% assign pos = 39 | minus: post.number %}
|
||||||
|
|
||||||
<!-- TODO parametrize this, no hardcoded numbers -->
|
<div data-scroll-index="{{pos}}" class="row">
|
||||||
{% assign pos = 39 | minus: post.number %}
|
|
||||||
|
|
||||||
<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>
|
||||||
<a class="button hvr-sweep-to-top" href={{post.url}}>
|
<h4>{{post.date_text}}</h4>
|
||||||
<h3>#{{post.number}}</h3>
|
</a>
|
||||||
<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>
|
|
||||||
|
|
||||||
|
{% 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 %}
|
{% 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>
|
</div>
|
||||||
|
|
|
||||||
54
js/custom.js
54
js/custom.js
|
|
@ -2,17 +2,17 @@ var scrolling = false;
|
||||||
var navigatorOpen = false;
|
var navigatorOpen = false;
|
||||||
var topButtonVisible = true;
|
var topButtonVisible = true;
|
||||||
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function() {
|
||||||
|
|
||||||
$(function(){
|
$(function() {
|
||||||
$.scrollIt();
|
$.scrollIt();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
$(".navigator-toggle").click(function() {
|
$(".navigator-toggle").click(function() {
|
||||||
if (navigatorOpen){
|
if (navigatorOpen) {
|
||||||
closeTopMenu();
|
closeTopMenu();
|
||||||
}else{
|
} else {
|
||||||
openTopMenu();
|
openTopMenu();
|
||||||
}
|
}
|
||||||
navigatorOpen = !navigatorOpen;
|
navigatorOpen = !navigatorOpen;
|
||||||
|
|
@ -22,39 +22,39 @@ $(document).ready(function(){
|
||||||
closeTopMenu();
|
closeTopMenu();
|
||||||
});
|
});
|
||||||
|
|
||||||
function openTopMenu(){
|
function openTopMenu() {
|
||||||
if (!scrolling && !navigatorOpen){
|
if (!scrolling && !navigatorOpen) {
|
||||||
scrolling = true;
|
scrolling = true;
|
||||||
$(".navigator").slideDown( "slow", function() {
|
$(".navigator").slideDown("slow", function() {
|
||||||
scrolling = false;
|
scrolling = false;
|
||||||
navigatorOpen = true;
|
navigatorOpen = true;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function closeTopMenu(){
|
function closeTopMenu() {
|
||||||
if (!scrolling && navigatorOpen){
|
if (!scrolling && navigatorOpen) {
|
||||||
scrolling = true;
|
scrolling = true;
|
||||||
$('.navigator').slideUp( "slow", function() {
|
$('.navigator').slideUp("slow", function() {
|
||||||
scrolling = false;
|
scrolling = false;
|
||||||
navigatorOpen = false;
|
navigatorOpen = false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function showTopButton(){
|
function showTopButton() {
|
||||||
console.log('showTopButton');
|
console.log('showTopButton');
|
||||||
if (!topButtonVisible){
|
if (!topButtonVisible) {
|
||||||
$('.top-button').show( "slow", function() {
|
$('.top-button').show("slow", function() {
|
||||||
topButtonVisible = true;
|
topButtonVisible = true;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function hideTopButton(){
|
function hideTopButton() {
|
||||||
console.log('hideTopButton');
|
console.log('hideTopButton');
|
||||||
if (topButtonVisible){
|
if (topButtonVisible) {
|
||||||
$('.top-button').hide( "slow", function() {
|
$('.top-button').hide("slow", function() {
|
||||||
topButtonVisible = false;
|
topButtonVisible = false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
@ -63,18 +63,18 @@ $(document).ready(function(){
|
||||||
var timeout = null;
|
var timeout = null;
|
||||||
var navbarHeight = $('.navbar').height();
|
var navbarHeight = $('.navbar').height();
|
||||||
|
|
||||||
$(window).scroll(function () {
|
$(window).scroll(function() {
|
||||||
if (!timeout) {
|
if (!timeout) {
|
||||||
timeout = setTimeout(function () {
|
timeout = setTimeout(function() {
|
||||||
clearTimeout(timeout);
|
clearTimeout(timeout);
|
||||||
timeout = null;
|
timeout = null;
|
||||||
if ($(window).scrollTop() >= navbarHeight) {
|
if ($(window).scrollTop() >= navbarHeight) {
|
||||||
closeTopMenu();
|
closeTopMenu();
|
||||||
showTopButton();
|
showTopButton();
|
||||||
}else{
|
} else {
|
||||||
hideTopButton();
|
hideTopButton();
|
||||||
}
|
}
|
||||||
}, 250);
|
}, 250);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue