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">
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<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>
|
||||
</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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<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>
|
||||
</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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,47 +1,45 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width initial-scale=1">
|
||||
|
||||
<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 %}">
|
||||
<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 }}" />
|
||||
<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 %}">
|
||||
<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="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/fontawesome/css/font-awesome.min.css"/>
|
||||
<link rel="stylesheet" href="{{ "/css/custom.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 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/fontawesome/css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" href="{{ " /css/custom.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'>
|
||||
|
||||
<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/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/vegas/dist/jquery.vegas.min.js" type="text/javascript"></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/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/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/jquery.blImageCenter.js"></script>
|
||||
<script type="text/javascript" src="/js/scrollit.js-master/scrollit.min.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/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() {
|
||||
$.vegas({
|
||||
src:'/assets/bgphotos/'+rnd+'.png'
|
||||
});
|
||||
$.vegas('overlay', {
|
||||
src:'/assets/bgphotos/overlay.png'
|
||||
});
|
||||
});
|
||||
|
||||
// $( document ).ready(function() {
|
||||
$('.artist-media').centerImage('inside');
|
||||
// });
|
||||
|
||||
</script>
|
||||
// $( document ).ready(function() {
|
||||
$('.artist-media').centerImage('inside');
|
||||
// });
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,66 +1,62 @@
|
|||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
|
||||
<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="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>
|
||||
|
||||
</nav>
|
||||
|
||||
<div class="container-fluid navigator">
|
||||
<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 %}
|
||||
<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 %}
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4><i class="fa fa-calendar"></i> Upcoming session</h4>
|
||||
{% assign post = site.posts | first%}
|
||||
<!-- <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 %}
|
||||
<div class="upcoming row">
|
||||
{% assign post = site.posts | first%}
|
||||
<!-- <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 %}
|
||||
<div class="upcoming row">
|
||||
|
||||
<div class="upcoming-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="upcoming-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="upcoming-detail">
|
||||
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
||||
</div>
|
||||
<div class="upcoming-detail">
|
||||
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
<body>
|
||||
|
||||
{% include header.html %}
|
||||
{% include header.html %}
|
||||
|
||||
<div class="content container-fluid">
|
||||
{{ content }}
|
||||
</div>
|
||||
<div class="content container-fluid">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
{% include footer.html %}
|
||||
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</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>
|
||||
<h3>#{{page.number}}</h3>
|
||||
<h4>{{page.date_text}}</h4>
|
||||
{% if page.topics %}
|
||||
<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>
|
||||
{% endif %}
|
||||
</p>
|
||||
<p>
|
||||
<h3>#{{page.number}}</h3>
|
||||
<h4>{{page.date_text}}</h4>
|
||||
{% if page.topics %}
|
||||
<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>
|
||||
{% 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 col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %}
|
||||
{% capture talks_number %}{{ page.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in page.talks %}
|
||||
|
||||
{% 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">
|
||||
{% 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="talk-detail">
|
||||
<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 class="talk-detail">
|
||||
<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>
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</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="wrapper">
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- <header class="post-header">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
</header> -->
|
||||
<article class="post-content">
|
||||
{{ content }}
|
||||
</article>
|
||||
|
||||
<article class="post-content">
|
||||
{{ content }}
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,17 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
<div class="post">
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper">
|
||||
|
||||
<header class="post-header">
|
||||
<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>
|
||||
</header>
|
||||
<header class="post-header">
|
||||
<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>
|
||||
</header>
|
||||
|
||||
<article class="post-content">
|
||||
<a> test </a>
|
||||
{{ content }}
|
||||
</article>
|
||||
<article class="post-content">
|
||||
<a> test </a> {{ content }}
|
||||
</article>
|
||||
|
||||
</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="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>
|
||||
<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>
|
||||
<h3>{{page.title}}</h3>
|
||||
<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>
|
||||
|
|
|
|||
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="row">
|
||||
<div class="row">
|
||||
|
||||
<div class="page-title col-md-2 col-md-offset-1">
|
||||
<h3>{{page.title}}</h3>
|
||||
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
||||
</div>
|
||||
<div class="page-title col-md-2 col-md-offset-1">
|
||||
<h3>{{page.title}}</h3>
|
||||
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
||||
</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 %}
|
||||
{% for talk in post.talks %}
|
||||
<div class="dark_bg col-md-3">
|
||||
|
||||
{% if counter == '0' %}
|
||||
<div class="row">
|
||||
{% endif %}
|
||||
<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="dark_bg col-md-3">
|
||||
|
||||
<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="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 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>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
48
bower.json
48
bower.json
|
|
@ -1,26 +1,26 @@
|
|||
{
|
||||
"name": "ScopeJekyll",
|
||||
"version": "0.0.0",
|
||||
"authors": [
|
||||
"Open-Steps.org <contact@open-steps.org>"
|
||||
],
|
||||
"description": "Scope 2015 website built with Jekyll",
|
||||
"license": "MIT",
|
||||
"homepage": "http://www.scopesessions.org",
|
||||
"private": true,
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": "~2.1.1",
|
||||
"bootstrap": "~3.3.1",
|
||||
"vegas": "~1.3.5",
|
||||
"imagefill.js": "*",
|
||||
"imagesloaded": "~3.1.8",
|
||||
"fontawesome": "~4.3.0"
|
||||
}
|
||||
"name": "ScopeJekyll",
|
||||
"version": "0.0.0",
|
||||
"authors": [
|
||||
"Open-Steps.org <contact@open-steps.org>"
|
||||
],
|
||||
"description": "Scope 2015 website built with Jekyll",
|
||||
"license": "MIT",
|
||||
"homepage": "http://www.scopesessions.org",
|
||||
"private": true,
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": "~2.1.1",
|
||||
"bootstrap": "~3.3.1",
|
||||
"vegas": "~1.3.5",
|
||||
"imagefill.js": "*",
|
||||
"imagesloaded": "~3.1.8",
|
||||
"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="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
|
||||
|
||||
</div>
|
||||
TBD
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
409
css/custom.css
409
css/custom.css
|
|
@ -1,40 +1,33 @@
|
|||
/*blue 2098d1
|
||||
lila 9775af*/
|
||||
|
||||
body{
|
||||
color:#fff;
|
||||
font-family: 'Abel', sans-serif;
|
||||
font-size: 16px;
|
||||
body {
|
||||
color: #fff;
|
||||
font-family: 'Abel', sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h3{
|
||||
color:#fff;
|
||||
h3 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #9775af;
|
||||
a {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration: none;
|
||||
color: #9775af;
|
||||
cursor: pointer;
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #9775af;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.top-button{
|
||||
display:none;
|
||||
float:right;
|
||||
.top-button {
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navbar-header{
|
||||
padding-left: 20px;
|
||||
.navbar-header {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.navbar-options{
|
||||
padding: 10px;
|
||||
float:right;
|
||||
.navbar-options {
|
||||
padding: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*.navbar-options a{
|
||||
margin-left: 10px;
|
||||
color: #000;
|
||||
|
|
@ -43,273 +36,213 @@ a:hover{
|
|||
font-size: 18px;
|
||||
}*/
|
||||
|
||||
.navbar-brand img{
|
||||
height: 30px;
|
||||
.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;
|
||||
margin-top:40px;
|
||||
border-top: 1px solid #333;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.navigator a{
|
||||
.navbar-header a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.navigator a:hover{
|
||||
.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;
|
||||
}
|
||||
.navigator a:hover {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
.navigator li{
|
||||
.navigator li {
|
||||
float: left;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.navigator h3{
|
||||
color:#9775af;
|
||||
.navigator h3 {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
.navigator h4{
|
||||
color:#000;
|
||||
padding-left:0px;
|
||||
.navigator h4 {
|
||||
color: #000;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.upcoming{
|
||||
.upcoming {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.upcoming-media img{
|
||||
.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;
|
||||
.site-header {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.event-date h3{
|
||||
font-size: 96px;
|
||||
padding-right: 10px;
|
||||
.site-footer {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.event-date h4{
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
padding-right: 10px;
|
||||
.content {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.event-date li{
|
||||
list-style:none;
|
||||
padding-right: 10px;
|
||||
.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;
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.artist-media{
|
||||
background: #000;
|
||||
text-align:center;
|
||||
.artist-media {
|
||||
background: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.artist-media img{
|
||||
width:100%;
|
||||
.artist-media img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.event{
|
||||
#padding:10px;
|
||||
margin-bottom: 10px;
|
||||
.event {
|
||||
#padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.highlight{
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 2px 10px;
|
||||
.highlight {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
|
||||
.dark_bg{
|
||||
#padding: 10px;
|
||||
background: rgb(0, 0, 0) transparent;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
|
||||
.dark_bg {
|
||||
#padding: 10px;
|
||||
background: rgb(0, 0, 0) transparent;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
|
||||
}
|
||||
|
||||
.talk{
|
||||
padding:20px 5px;
|
||||
.talk {
|
||||
padding: 20px 5px;
|
||||
}
|
||||
|
||||
.talk :hover{
|
||||
.talk:hover {} .talk-detail {} .talk-detail h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.talk-detail{
|
||||
|
||||
.talk-detail h4 {
|
||||
font-size: 20px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.talk-detail h3{
|
||||
font-size: 24px;
|
||||
.talk-detail h5 {
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.talk-detail h4{
|
||||
font-size: 20px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
.talk-detail a {
|
||||
margin: 0 auto;
|
||||
padding: 2px;
|
||||
float: center;
|
||||
text-weight: bold;
|
||||
}
|
||||
|
||||
.talk-detail h5{
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
.event-selector {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.talk-detail a{
|
||||
margin: 0 auto;
|
||||
padding: 2px;
|
||||
float: center;
|
||||
text-weight: bold;
|
||||
.event-selector ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.event-selector{
|
||||
text-align: center;
|
||||
.event-selector li {
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.event-selector ul{
|
||||
list-style:none;
|
||||
.event-selector a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.event-selector li{
|
||||
float:left;
|
||||
margin: 10px;
|
||||
.gallery {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.event-selector a{
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
.team li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.gallery{
|
||||
margin-bottom:10px;
|
||||
.team-image img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.team li{
|
||||
list-style-type:none;
|
||||
.team-list {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.team-image img{
|
||||
width: 100%;
|
||||
.nav_bottom {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.team-list{
|
||||
text-align: left;
|
||||
.page-title {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.nav_bottom{
|
||||
margin-bottom:10px;
|
||||
.page-title h3 {
|
||||
margin-top: 0px;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.page-title{
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
.about h5 {
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.page-title h3{
|
||||
margin-top: 0px;
|
||||
font-size: 48px;
|
||||
.footer {
|
||||
margin-top: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.about h5{
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
.footer li {
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer{
|
||||
margin-top:10px;
|
||||
background: #fff;
|
||||
.footer h4 {
|
||||
list-style-type: none;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.footer li{
|
||||
list-style-type:none;
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer h4{
|
||||
list-style-type:none;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.supporters li{
|
||||
.supporters li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.supporters li img{
|
||||
height: 60px;
|
||||
margin: 10px;
|
||||
.supporters li img {
|
||||
height: 60px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer-support{
|
||||
float: right;
|
||||
.footer-support {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.footer li {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.footer li a:hover{
|
||||
.footer li a:hover {
|
||||
color: #000;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.footer li img{
|
||||
height:40px;
|
||||
.footer li img {
|
||||
height: 40px;
|
||||
}
|
||||
|
|
|
|||
53
feed.xml
53
feed.xml
|
|
@ -1,30 +1,27 @@
|
|||
---
|
||||
layout: null
|
||||
---
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
--- layout: null ---
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>{{ site.title | xml_escape }}</title>
|
||||
<description>{{ site.description | xml_escape }}</description>
|
||||
<link>{{ site.url }}{{ site.baseurl }}/</link>
|
||||
<atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
|
||||
<pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
|
||||
<lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
|
||||
<generator>Jekyll v{{ jekyll.version }}</generator>
|
||||
{% for post in site.posts limit:10 %}
|
||||
<item>
|
||||
<title>{{ post.title | xml_escape }}</title>
|
||||
<description>{{ post.content | xml_escape }}</description>
|
||||
<pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
|
||||
<link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
|
||||
<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 %}
|
||||
<category>{{ cat | xml_escape }}</category>
|
||||
{% endfor %}
|
||||
</item>
|
||||
{% endfor %}
|
||||
</channel>
|
||||
<channel>
|
||||
<title>{{ site.title | xml_escape }}</title>
|
||||
<description>{{ site.description | xml_escape }}</description>
|
||||
<link>{{ site.url }}{{ site.baseurl }}/</link>
|
||||
<atom:link href="{{ " /feed.xml " | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml" />
|
||||
<pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
|
||||
<lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
|
||||
<generator>Jekyll v{{ jekyll.version }}</generator>
|
||||
{% for post in site.posts limit:10 %}
|
||||
<item>
|
||||
<title>{{ post.title | xml_escape }}</title>
|
||||
<description>{{ post.content | xml_escape }}</description>
|
||||
<pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
|
||||
<link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
|
||||
<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 %}
|
||||
<category>{{ cat | xml_escape }}</category>
|
||||
{% endfor %}
|
||||
</item>
|
||||
{% endfor %}
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
|
|||
128
index.html
128
index.html
|
|
@ -1,82 +1,68 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
<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 -->
|
||||
{% assign pos = 39 | minus: post.number %}
|
||||
<div data-scroll-index="{{pos}}" class="row">
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<a class="button hvr-sweep-to-top" href={{post.url}}>
|
||||
<h3>#{{post.number}}</h3>
|
||||
<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 %}
|
||||
|
||||
{% 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>
|
||||
|
|
|
|||
54
js/custom.js
54
js/custom.js
|
|
@ -2,17 +2,17 @@ var scrolling = false;
|
|||
var navigatorOpen = false;
|
||||
var topButtonVisible = true;
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function() {
|
||||
|
||||
$(function(){
|
||||
$(function() {
|
||||
$.scrollIt();
|
||||
});
|
||||
|
||||
|
||||
$(".navigator-toggle").click(function() {
|
||||
if (navigatorOpen){
|
||||
if (navigatorOpen) {
|
||||
closeTopMenu();
|
||||
}else{
|
||||
} else {
|
||||
openTopMenu();
|
||||
}
|
||||
navigatorOpen = !navigatorOpen;
|
||||
|
|
@ -22,39 +22,39 @@ $(document).ready(function(){
|
|||
closeTopMenu();
|
||||
});
|
||||
|
||||
function openTopMenu(){
|
||||
if (!scrolling && !navigatorOpen){
|
||||
function openTopMenu() {
|
||||
if (!scrolling && !navigatorOpen) {
|
||||
scrolling = true;
|
||||
$(".navigator").slideDown( "slow", function() {
|
||||
$(".navigator").slideDown("slow", function() {
|
||||
scrolling = false;
|
||||
navigatorOpen = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function closeTopMenu(){
|
||||
if (!scrolling && navigatorOpen){
|
||||
function closeTopMenu() {
|
||||
if (!scrolling && navigatorOpen) {
|
||||
scrolling = true;
|
||||
$('.navigator').slideUp( "slow", function() {
|
||||
$('.navigator').slideUp("slow", function() {
|
||||
scrolling = false;
|
||||
navigatorOpen = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function showTopButton(){
|
||||
function showTopButton() {
|
||||
console.log('showTopButton');
|
||||
if (!topButtonVisible){
|
||||
$('.top-button').show( "slow", function() {
|
||||
if (!topButtonVisible) {
|
||||
$('.top-button').show("slow", function() {
|
||||
topButtonVisible = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function hideTopButton(){
|
||||
function hideTopButton() {
|
||||
console.log('hideTopButton');
|
||||
if (topButtonVisible){
|
||||
$('.top-button').hide( "slow", function() {
|
||||
if (topButtonVisible) {
|
||||
$('.top-button').hide("slow", function() {
|
||||
topButtonVisible = false;
|
||||
});
|
||||
}
|
||||
|
|
@ -63,18 +63,18 @@ $(document).ready(function(){
|
|||
var timeout = null;
|
||||
var navbarHeight = $('.navbar').height();
|
||||
|
||||
$(window).scroll(function () {
|
||||
$(window).scroll(function() {
|
||||
if (!timeout) {
|
||||
timeout = setTimeout(function () {
|
||||
clearTimeout(timeout);
|
||||
timeout = null;
|
||||
if ($(window).scrollTop() >= navbarHeight) {
|
||||
closeTopMenu();
|
||||
showTopButton();
|
||||
}else{
|
||||
hideTopButton();
|
||||
}
|
||||
}, 250);
|
||||
timeout = setTimeout(function() {
|
||||
clearTimeout(timeout);
|
||||
timeout = null;
|
||||
if ($(window).scrollTop() >= navbarHeight) {
|
||||
closeTopMenu();
|
||||
showTopButton();
|
||||
} else {
|
||||
hideTopButton();
|
||||
}
|
||||
}, 250);
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue