status of 11.01.2015

This commit is contained in:
Open-Steps.org 2015-01-11 10:18:24 +01:00
parent d1ee848590
commit 0e1c504a6e
19 changed files with 341 additions and 131 deletions

View file

@ -8,8 +8,9 @@ description: > # this means to ignore newlines until "baseurl:"
Our focus is on intermedia arts and technologies, but we love to be surprised..!
baseurl: "" # the subpath of your site, e.g. /blog/
url: "http://scopesessions.org" # the base hostname & protocol for your site
paginate: 4
paginate: 8
paginate_path: "page:num/"
# Build settings
markdown: kramdown
facebook_link: https://www.facebook.com/scopesessions
gems: [jekyll-download-local-images-plugin}

View file

@ -4,20 +4,24 @@
<div class="row">
<div class="col-md-5 col-md-offset-2">
<div class="col-md-5 col-md-offset-3">
<h4>{{ site.title }}</h4>
<p>{{ site.description }}</p>
<p><a href="mailto:{{ site.email }}">{{ site.email }}</a></p>
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
<a href="{{site.facebook_link}}">Facebook</a>
<div class="footer-social">
<ul>
<li><a class="button hvr-sweep-to-top" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
<li><a class="button hvr-sweep-to-top" href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a></li>
<li><a class="button hvr-sweep-to-top" href="{{site.facebook_link}}">Facebook</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="col-md-2">
<h4>Supported by</h4>
<div class="footer-supporters">
<ul>
<li><img src="/assets/panke_logo.png"></img></li>
<li><img src="/assets/troika_logo.png"></img></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>

View file

@ -15,6 +15,8 @@
<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>
@ -32,6 +34,11 @@
src:'/assets/bgphotos/overlay.png'
});
});
$( document ).ready(function() {
$('.artist-media').imagefill();
});
</script>
</head>

View file

@ -9,13 +9,13 @@
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse">
<div class="">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Sessions <span class="caret"></span></a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Jump to session<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
{% for post in site.posts %}
<li><a href="{{post.url}}">{{post.title}}</a></li>
<li><a href="{{post.url}}">{{post.title}} / {{post.date_text}}</a></li>
{% endfor %}
</ul>
</li>

View file

@ -1,22 +1,31 @@
---
layout: default
---
<div class="event_page">
<div class="wrapper container-fluid">
<div class="content container-fluid">
<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>
<article class="post-content">
<div class="row">
<div class="row event">
<div class="event-date col-md-2 col-md-offset-1">
{% for talk in page.talks %}
<a href={{page.url}}>
<h3>#{{page.number}}</h3>
<h4>{{page.date_text}}</h4>
</a>
</div>
<div class="event event-{{page.number}} dark_bg col-md-7">
{% capture talks_number %}{{ page.talks | size }}{% endcapture %}
{% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %}
{% for talk in page.talks %}
<div class="talk col-md-{{col_width}}">
<div class="talk_detail col-md-4">
<div class="artist-media">
{% if {{talk.media_artist_url}} %}
<img src={{talk.media_artist_url}}></img>
@ -24,18 +33,64 @@ layout: default
<img class="artist_media" src="/assets/no_artist_media.png"></img>
{% endif %}
</div>
<a href={{talk.artist_website}} target="_blank">{{talk.artist}}</a>
<h4>{{talk.title}}</h4>
<p>{{talk.description}}</p>
<a href={{talk.video_url}}>Video</a>
<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 %}
<h5>Links</h5>
{% 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 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>

View file

@ -0,0 +1,7 @@
module Reading
class Generator < Jekyll::Generator
def generate(site)
test = True
end
end
end

View file

@ -1,6 +1,6 @@
---
layout: event
date_text: "Scope 37"
title: "Scope 37"
number: 37
date_text: "November 13th, 2014"
date_yyy_mm_dd: "2014-11-13"

View file

@ -3,7 +3,7 @@ layout: event
title: "Scope 38"
number: 38
date_text: "December 11th, 2014"
date_yyy_mm_dd: "2014-11-13"
date_yyy_mm_dd: "2014-12-11"
topics: "Creative coding,Vjing,Performance,Randomness"
location: "Panke"
location_website: "http://www.pankeculture.com"

View file

@ -0,0 +1,30 @@
---
layout: event
title: "Scope 39"
number: 39
date_text: "Januar 8th, 2015"
date_yyy_mm_dd: "2015-01-08"
topics: "Creative coding, Installation, Music composing"
location: "Panke"
location_website: "http://www.pankeculture.com"
fb_event_url: "http://www.facebook.com/event/1234"
talks:
- title: "Post-digital layers, ambiguities and background noise"
artist: "Nicolas Wiese"
speakers: "Nicolas Wiese"
artist_bio: "Nicolas Wiese, born 1976, is an audiovisual artist, designer and composer/performer of electroacoustic music, living in Berlin since 2006. He creates works in different formats and media, for various contexts installation and spatial performance, contemporary electronic composition, relational / improvised music, graphic art, drawing, collage, text collage, radio and experimental film."
description: "Post-digital layers, ambiguities and background noise. An associative lecture-­performance. A draft out of post­-utopian fragments. An invitation to exchange thoughts, while blurring the line between focus and diffusion."
artist_website: "http://nicolaswiese.com/"
media_artist_url: "http://nicolaswiese.com/images/Wasteland2013-3frame.gif"
video_artist_url:
talk_video_url:
- title: "50, that next big thing"
artist: "Tebjan Halm & Elias Holzer"
speakers: "Tebjan Halm, Elias Holzer"
artist_bio: "We're two developers of vvvv, a live-programming environment commonly used to implement large scale media projects and digital art. Its been around for more than a decade used and cultivated by a strong international community."
description: "In the past few years weve been eagerly working on a complete rewrite of vvvv which lead to a new visual programming language in combination with a development and runtime environment. In this talk well give you a short introduction into the key features of this new language were internally calling “50″."
artist_website: "http://vvvv.org/"
media_artist_url: "http://vvvv.org/sites/default/files/imagecache/screenshotviewer/screenshot1420807005.png"
video_artist_url:
talk_video_url:
---

View file

@ -4,11 +4,18 @@ title: About
permalink: /about/
---
<div class="container-fluid">
<div class="content container-fluid">
<div class="row">
<div class="dark_bg col-md-8 col-md-offset-2">
<div class="page-title col-md-2 col-md-offset-1">
<h3>{{page.title}}</h3>
<a class="button hvr-sweep-to-top" href="/">Back to home</a>
</div>
<div class="about dark_bg col-md-7">
<p>Scope is a monthly event happening every 2nd thursday a month in Berlin/DE.
Scope is an artist-run initiative without financial benefits.
@ -17,7 +24,7 @@ permalink: /about/
<P>Doors open from 19:00 Uhr / 7pm
Programme starting 20:00 Uhr / 8pm</p>
<h2>How to find us</h2>
<h5>How to find us</h5>
<p>S-Bahn: S41/S42 (Ring) Wedding
U-Bahn: U6 Wedding, U8 Gesundbrunnen
@ -27,34 +34,40 @@ permalink: /about/
Gerichtstr. 23, Hof 5
13347 Berlin Wedding</p>
<h2>Team</h2>
<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>
<ul>
<li><p>Alex Corbi / programming, app development
alexcorbi.com</p></li>
<div class="team row">
<li><p>Tobias Last aka Kiritan Flux / visualist, media artist, cultural manager
flux.kopiloten.com</p></li>
<div class="team-image col-md-7">
<img src="/assets/scope_team.jpg"></img>
<img src="/assets/scope_team_2.jpg"></img>
</div>
<li><p>Silke Müller aka Eklis Rellüm / culture consulting, project manager, producer
kopiloten.com</p></li>
<div class="team-list col-md-5">
<li><p>Mauritius Seeger aka dr. mo / programming, interactive environments
morishuz.com / videoreactive.com</p></li>
<ul>
<li><p>Christian Sonntag aka chrs smthng / projection services, event management
chrs-smthng.com</p></li>
<li><p><a class="button hvr-sweep-to-top" target="_blank" href="http://alexcorbi.com">Alex Corbi aka Axel Orbit</a></br>programming, app development</p></li>
<li><p>Rosa Teixidor / film maker, dancer
idealpaar.net</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>projection services, event management</p></li>
<li><p>Aude / video performance & photography
http://aude-f.com/</p></li>
</ul>
<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>

View file

@ -1,37 +0,0 @@
---
layout: page
title: Archive
permalink: /archive/
---
<div class="wrapper container-fluid">
<div class="row">
{% for event in site.posts %}
{% for talk in event.talks %}
<div class="dark_bg col-md-3">
<div class="artist-media">
{% if {{talk.media_artist_url}} %}
<img src={{talk.media_artist_url}}></img>
{% else %}
<img class="artist_media" src="/assets/no_artist_media.png"></img>
{% endif %}
</div>
<div class="talk_detail">
<h3><a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist}}</a></h3>
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>

61
artists.html Normal file
View file

@ -0,0 +1,61 @@
---
layout: page
title: Artists
permalink: /artists/
---
<div class="content container-fluid">
<div class="row">
<div class="page-title col-md-2 col-md-offset-1">
<h3>{{page.title}}</h3>
<a class="button hvr-sweep-to-top" href="/">Back to home</a>
</div>
<div class="about dark_bg col-md-7">
{% capture counter %}{{ '0' }}{% endcapture %}
{% for event in site.posts %}
{% for talk in event.talks %}
{% if counter == '0' %}
<div class="row">
{% endif %}
<div class="dark_bg col-md-3">
<div class="artist-media">
{% if {{talk.media_artist_url}} %}
<img src={{talk.media_artist_url}}></img>
{% else %}
<img class="artist_media" src="/assets/no_artist_media.png"></img>
{% endif %}
</div>
<div class="talk_detail">
<h3><a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist}}</a></h3>
<p>{{talk.artist_bio}}</p>
</div>
</div>
{% capture counter %}{{ counter | plus:'1' }}{% endcapture %}
{% if counter == '4' %}
{% capture counter %}{{ '0' }}{% endcapture %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
</div>
</div>

BIN
assets/scope_team.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
assets/scope_team_2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

View file

@ -18,6 +18,8 @@
"dependencies": {
"jquery": "~2.1.1",
"bootstrap": "~3.3.1",
"vegas": "~1.3.5"
"vegas": "~1.3.5",
"imagefill.js": "*",
"imagesloaded": "~3.1.8"
}
}

19
callfortalks.html Normal file
View file

@ -0,0 +1,19 @@
---
layout: page
title: Call for talks
permalink: /call-for-talks/
---
<div class="container-fluid">
<div class="row">
<div class="dark_bg col-md-8 col-md-offset-2">
TBD
</div>
</div>
</div>

View file

@ -49,21 +49,22 @@ a:hover{
margin-top: 40px;
}
.event-date{
text-align: right;
padding-right: 20px;
}
.event-date h3{
font-size: 96px;
text-align: center;
}
.event-date h4{
font-size: 18px;
text-align: center;
}
.artist-media {
width: 100%;
max-height: 200px;
overflow: hidden;
padding: 10px;
height: 140px;
background: #000;
}
@ -73,13 +74,7 @@ a:hover{
.event{
padding:10px;
margin:10px;
}
.event h3{
color: #fff;
margin-top: 0px;
font-size: 32px;
margin-bottom: 10px;
}
.dark_bg{
@ -104,19 +99,32 @@ a:hover{
.talk_detail{
padding:10px;
margin-top:10px;
}
.talk_detail h3{
font-size: 24px;
}
.talk_detail a{
.talk_detail h4{
font-size: 20px;
background: #fff;
color: #000;
padding: 4px;
}
.talk_detail h5{
font-size: 18px;
background: #fff;
color: #000;
padding: 4px;
}
.talk_detail a{
color: #337AB7;
margin: 0 auto;
padding: 2px;
float: center;
text-weight: bold;
}
.event-selector{
@ -135,19 +143,67 @@ a:hover{
.event-selector a{
display: block;
color: #fff;
text-size: 20px;
font-size: 20px;
}
.gallery{
margin-bottom:10px;
}
.team li{
list-style-type:none;
}
.team-image img{
width: 100%;
}
.team-list{
text-align: left;
}
.nav_bottom{
margin-bottom:10px;
}
.page-title{
text-align: right;
padding-right: 20px;
}
.page-title h3{
margin-top: 0px;
font-size: 48px;
}
.about h5{
font-size: 18px;
background: #fff;
color: #000;
padding: 4px;
}
.footer{
margin-top: 20px;
margin-top:10px;
}
.footer li{
list-style-type:none;
float: left;
margin: 10px;
}
.footer h4{
list-style-type:none;
background: #fff;
color: #000;
padding: 4px;
}
.footer-supporters li img{
margin: 10px;
height: 80px;
float: left;
height: 90px;
}
.footer-social li{
}

View file

@ -3,31 +3,22 @@ layout: default
---
<div class="content container-fluid">
<!-- <div class="event-selector col-md-2 col-md-offset-1">
<ul>
{% for post in site.posts %}
<li><a href="#">{{post.number}}</a></li>
{% endfor %}
</ul>
</div>
<div class="event-displayer col-md-7">-->
{% for post in paginator.posts %}
<div class="row">
<div class="event-date col-md-2 col-md-offset-1">
<a href={{post.url}}>
<a class="button hvr-sweep-to-top" href={{post.url}}>
<h3>#{{post.number}}</h3>
<h4>{{post.date_text}}</h4>
{% if post.location %}
<a class="button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a>
{% endif %}
</a>
</div>
<!-- <div class="row event event-{{post.number}}"> -->
<div class="event event-{{post.number}} dark_bg col-md-7">
{% capture talks_number %}{{ post.talks | size }}{% endcapture %}
@ -46,13 +37,18 @@ layout: default
</div>
<div class="talk_detail">
<h4>{{talk.artist}}: {{talk.title}}</h4>
<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 %}
<a href={{talk.video_url}}>Video</a>
<br>
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a>
{% endif %}
</div>
@ -68,17 +64,13 @@ layout: default
<div class="row">
<div class="col-md-2 col-md-offset-3">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
{% else %}
<span class="previous">Previous</span>
<div class="nav_bottom dark_bg col-md-3 col-md-offset-3">
{% if paginator.previous_page_path %}
<a href="{{ paginator.previous_page_path }}" class="previous">Previous </a>
{% endif %}
<span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
<span class="page_number">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}" class="next">Next</a>
{% else %}
<span class="next ">Next</span>
<a href="{{ paginator.next_page_path }}" class="next"> Next</a>
{% endif %}
</div>

BIN
scope_logo_big.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB