Adding _site to Versioning for git-hook based deplyoment

This commit is contained in:
Open-Steps.org 2015-04-16 10:18:08 +02:00
parent 3ec670b006
commit 774860a00d
192 changed files with 36131 additions and 1 deletions

View file

@ -0,0 +1,459 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1">
<title>Scope Sessions Artist talks & media salon</title>
<meta name="description" content="">
<link rel="canonical" href="http://scopesessions.org/2015/01/08/Scope039.html">
<link rel="alternate" type="application/atom+xml" title="Scope Sessions Artist talks & media salon" href="http://scopesessions.org /feed.xml " />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/vegas/dist/jquery.vegas.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/picbookjs/css/picbook.css" type="text/css" />
<link rel="stylesheet" href="/css/custom.css" type="text/css" >
<link rel="stylesheet" href="/css/hover.css" type="text/css" >
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<script src="/bower_components/jquery/dist/jquery.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/picbookjs/js/picbook.min.js" type="text/javascript"></script>
<script src="/js/jquery.imagefill.min.js" type="text/javascript" ></script>
<script src="/js/jquery.cookie.js" type="text/javascript" ></script>
<script src="/js/scrollIt.min.js" type="text/javascript" ></script>
<script src="/js/custom.js" type="text/javascript" ></script>
</head>
<body>
<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>
<!-- For desktop -->
<div class="hidden-xs">
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/call-for-talks/">Call for talks</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/artists/">Artists</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/about/">About</a>
</div>
<!-- For mobile -->
<div class="visible-xs-inline">
<a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/call-for-talks/"><i class="fa fa-sign-in"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/artists/"><i class="fa fa-user"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/about/"><i class="fa fa-info"></i></a>
</div>
</div>
</div>
</nav>
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<h4><i class="fa fa-calendar"></i> #43 / May 14th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- <h4><i class="fa fa-search"></i> Browse by topic</h4>
-->
<h4><i class="fa fa-sign-in"></i> Participate</h4>
<p>Do you like to share your work as visual artist with our audience? Fill the form on our <a class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<div class="row">
<div class="col-md-7">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
<div id="mc_embed_signup">
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</div>
<div class="col-md-5">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
<div class="share-page">
<ul>
<li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text=Scope Sessions Artist talks & media salon&url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://facebook.com/sharer.php?u=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://plus.google.com/share?url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="http://pinterest.com/pin/create/button/?url=http://scopesessions.org&description=Scope Sessions Artist talks & media salon" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content container-fluid">
<div class="content container-fluid">
<article>
<div class="row">
<div class="transp-bg padded event-info col-md-2 col-md-offset-1">
<div class="event-date">
<h3>#39</h3>
<h4>Januar 8th, 2015</h4>
</div>
<div class="padded_vert">
<ul>
<li>Installation</li>
<li>Music</li>
<li>VVVV</li>
<li>Coding</li>
</ul>
</div>
<div class="padded_vert">
<ul>
<li><a class="highlight button hvr-sweep-to-top" href= target="_blank">Panke</a></li>
<li><a class="highlight button hvr-sweep-to-top" target="_blank" href=><i class="fa fa-facebook-square"></i></a></li>
</ul>
</div>
</div>
<div class="event event-39 dark_bg col-md-7">
<div class="talk col-md-6">
<div class="artist-media">
<img src=/images/cropped-OO_PW_1.jpg></img>
</div>
<div class="talk-detail">
<h4>Pierce Warnecke / Audio-visual works</h4>
<p>My work stems from interest in the effects of time on matter: modification, deterioration and disappearance. Whether the focus is on digital forms or rough materials, large scales of time or microscopic details, the goal of my work is to re-adapt existing objects and materials into parallel contexts where their signified meanings, symbols and cultural connections have become residual ghosts. I like to imagine false paradigms, inexistent branches of research and fictional sciences in order to create unrealistic questionings as a basis for a new work. Form emerges through a process of collecting, filtering and combining phenomena (objects, data, sounds, images) that is linked to the conjecture. There are explorations and structures in this 'research' but no conclusions, except the ones you make.</p>
<h5>About Pierce Warnecke</h5>
<p>Pierce Warnecke is a sound and video artist from California, currently residing in Berlin after living in France for 10 years. He graduated from Berklee College of Music in 2007 and in 2013 completed his Meisterschüler studies at Universität der Kunst Berlin (Kunst und Medien). In addition to artistic works, he co-curates Emitter Micro Festival and label with Kris Limbach. He has presented his works at KW Institut (Berlin), LEAP (Berlin), FEED (Berlin), Harvestworks (NY), Luggage Store Gallery (SF), Berklee (Boston), CalArts (LA) as well as festivals like Zero1 Biennale, Transmediale, Bozart/BEAF (Brussels), MadeiraDig (PT), LAB30 (DE), Jazz à Vienne, Jazz d'Or, Boston Cyberarts, Visionsonic (FR), Pixelache (FR), Vidéoformes (FR), SXSW Interactive (US) and more. He has released music on Khalija, Staaltape, Gaffer and Attenuation Circuit, and Gruenrekorder.</p>
<a class="button hvr-sweep-to-top" href=http://piercewarnecke.com/ target="_blank"><i class="fa fa-link"></i> Website</a>
</div>
</div>
<div class="talk col-md-6">
<div class="artist-media">
<img src=/images/screenshot1420807005.png></img>
</div>
<div class="talk-detail">
<h4>Tebjan Halm & Elias Holzer / 50, that next big thing</h4>
<p>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″.</p>
<h5>About Tebjan Halm & Elias Holzer</h5>
<p>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.</p>
<a class="button hvr-sweep-to-top" href=http://vvvv.org/ target="_blank"><i class="fa fa-link"></i> Website</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="gallery dark_bg col-md-7 col-md-offset-3">
<h4>Photo gallery of the event</h4>
<div class="picbook"></div>
<script type="text/javascript">
var picbook = new picbookJs({
limit: 100,
albumId: '780088772078109'
});
</script>
</div>
</div>
</div>
<div class="row">
<div class="nav_bottom dark_bg col-md-7 col-md-offset-3">
<h4>Discover more</h4>
<a class="button hvr-sweep-to-top left" href=/2014/12/11/Scope038.html>#38: December 11th, 2014 </a>
<a class="button hvr-sweep-to-top right" href=/2015/03/12/Scope040.html>#40: March 12th, 2015 </a>
</div>
</div>
</article>
</div>
</div>
<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:mail@scopesessions.org"><i class="fa fa-envelope-o"></i></a>
</li>
<li><a href=" /feed.xml "><i class="fa fa-rss-square"></i></a>
</li>
<li><a href="https://www.facebook.com/scopesessions"><i class="fa fa-facebook-square"></i></a>
</li>
<!-- <li><a href="https://github.com/ScopeSessions"><i class="fa fa-github-square"></i></a>
</li> -->
</ul>
</div>
<div class="footer-support">
<ul>
<li>
<h4>Support from</h4>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/panke_logo.png"></img>
</a>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/troika_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.nkprojekt.de/" target="_blank">
<img src="/assets/nk_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.atelier-aeuglein.de" target="_blank">
<img src="/assets/aa_logo.png"></img>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,490 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1">
<title>Scope Sessions Artist talks & media salon</title>
<meta name="description" content="">
<link rel="canonical" href="http://scopesessions.org/2015/03/12/Scope040.html">
<link rel="alternate" type="application/atom+xml" title="Scope Sessions Artist talks & media salon" href="http://scopesessions.org /feed.xml " />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/vegas/dist/jquery.vegas.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/picbookjs/css/picbook.css" type="text/css" />
<link rel="stylesheet" href="/css/custom.css" type="text/css" >
<link rel="stylesheet" href="/css/hover.css" type="text/css" >
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<script src="/bower_components/jquery/dist/jquery.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/picbookjs/js/picbook.min.js" type="text/javascript"></script>
<script src="/js/jquery.imagefill.min.js" type="text/javascript" ></script>
<script src="/js/jquery.cookie.js" type="text/javascript" ></script>
<script src="/js/scrollIt.min.js" type="text/javascript" ></script>
<script src="/js/custom.js" type="text/javascript" ></script>
</head>
<body>
<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>
<!-- For desktop -->
<div class="hidden-xs">
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/call-for-talks/">Call for talks</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/artists/">Artists</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/about/">About</a>
</div>
<!-- For mobile -->
<div class="visible-xs-inline">
<a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/call-for-talks/"><i class="fa fa-sign-in"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/artists/"><i class="fa fa-user"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/about/"><i class="fa fa-info"></i></a>
</div>
</div>
</div>
</nav>
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<h4><i class="fa fa-calendar"></i> #43 / May 14th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- <h4><i class="fa fa-search"></i> Browse by topic</h4>
-->
<h4><i class="fa fa-sign-in"></i> Participate</h4>
<p>Do you like to share your work as visual artist with our audience? Fill the form on our <a class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<div class="row">
<div class="col-md-7">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
<div id="mc_embed_signup">
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</div>
<div class="col-md-5">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
<div class="share-page">
<ul>
<li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text=Scope Sessions Artist talks & media salon&url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://facebook.com/sharer.php?u=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://plus.google.com/share?url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="http://pinterest.com/pin/create/button/?url=http://scopesessions.org&description=Scope Sessions Artist talks & media salon" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content container-fluid">
<div class="content container-fluid">
<article>
<div class="row">
<div class="transp-bg padded event-info col-md-2 col-md-offset-1">
<div class="event-date">
<h3>#40</h3>
<h4>March 12th, 2015</h4>
</div>
<div class="padded_vert">
<ul>
<li>Open Source</li>
<li>Software</li>
<li>Hardware</li>
<li>Dance</li>
<li>Film</li>
</ul>
</div>
<div class="padded_vert">
<ul>
<li><a class="highlight button hvr-sweep-to-top" href= target="_blank">Panke</a></li>
<li><a class="highlight button hvr-sweep-to-top" target="_blank" href=><i class="fa fa-facebook-square"></i></a></li>
</ul>
</div>
</div>
<div class="event event-40 dark_bg col-md-7">
<div class="talk col-md-4">
<div class="artist-media">
<img src=/images/fetch.png></img>
</div>
<div class="talk-detail">
<h4>Embedded Artist / The Embedded Artist System</h4>
<p>In this talk Spahn and Steiner introduce their open source Embedded Artist System and talk about its capabilities, the motivation behind it and the development process.</p>
<h5>About Embedded Artist</h5>
<p>The Berlin based artists Malte Steiner and Wolfgang Spahn are exploring the artistic potential of embedded open source systems. These small-sized computing platforms gives the possibility to combine a multitude of independent devices to create a more powerful system than most single computers can provide. Based on the idea of free tools for free art, all hard- and software is open source and can be used, modified and improved by all other artists. Instead of using one high tech super computer for multiprojection Spahn and Steiner developed and share a system which allows theoreticaly the connection of thousands of independent embedded platforms for one gigantic multivision show and still keep the costs low by using the cheap mini computer Raspberry Pi, a platform originally designed for eductional purposes.</p>
<a class="button hvr-sweep-to-top" href=http://embeddedartist.dernulleffekt.de/doku.php target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/112580876" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="talk col-md-4">
<div class="artist-media">
<img src=/images/kb_hn13_0029b.jpg></img>
</div>
<div class="talk-detail">
<h4>Karla Brunet / The Sea: Art, Technology and Environment</h4>
<p>I will present my artwork related to the environment, more specifically to the sea of my surroundings. It's a mixture of formats: photo exhibition, interactive installation, DIY sensors, data visualization, video art, VJing, databending and web art, all having the same source, the sea and its underwater world. Some of the works are collective, developed at Ecoarte - a research group I coordinate at UFBA, Bahia, Brazil. Others are more introspective solo work, dealing with subjective issues of the sea. It is about disturbance, disruption, sensing and perceiving nature but also being entrapped by it. At the same time, art and science blend, in an attempt to create an intimate science.</p>
<h5>About Karla Brunet</h5>
<p>Karla Brunet is an artist and researcher, has a PhD in Audiovisual Communication and a master degree in Fine Arts. She has participated on many photography and digital arts exhibitions in Brazil, Europe and the USA and got a grant from FAPESB for a post-doctoral research on Mobile Technology and Art. Karla is a professor at IHAC and Pós- Cultura at UFBA, where she researches projects that present intersection of art, science and technology. From 2009-2012, Karla was the coordinator of Labdebug.net, a media lab focus on women and technology, and in 2012, she is the curator of FACMIL/LabMAM. Karla coordinates the Ecoarte, an interdisciplinary research and art group. Nowadays she lives in Berlin for a year research grant at UDK. </p>
<a class="button hvr-sweep-to-top" href=http://karlabru.net/site/ target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/103669959" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="talk col-md-4">
<div class="artist-media">
<img src=/images/rnd_frame_2s_pb.jpg></img>
</div>
<div class="talk-detail">
<h4>Riko Murakami & Haruka Mitani / Performance Dance and Film improvisation Super 8 and Butoh dance</h4>
<p>'Dance with Film' An improvised meeting of Butoh dance and hand-made Single 8 films of Butoh dance. Butoh is a journey to the Self. In this performance we explore existence and feeling beyond the mirage of film. There is no beginning and no ending.</p>
<h5>About Riko Murakami & Haruka Mitani</h5>
<p>Riko Murakami studied Image Arts and Science at Ritsumeikan University in Kyoto. While still a student, she joined the Butoh dance company Kiraza and has appeared in productions 'Hana-Ikusa' (2012) and 'Uzume - The Power to Open a Wind Cave' (2014). She collaborated with art photographer Marco van Duyvendijk on the photobook 'Riko' (2014) and acted the lead role in Takashi Ito's film 'The Last Angel' (2014). She has also regularly contributed to the event series 'Experiments in Art and Technology' organized by Michael Lyons. Haruka Mitani (Film) is an independent filmmaker whose films reflect hands-on processes and a deep interest in the materiality of film. In 2013 she completed a degree in Image Arts and Science at Ritsumeikan University in Kyoto. Her films have appeared in festivals around the world and she is active in expanded cinema performances at live events in Kyoto, including the “Experiments in Art and Technology” series. She was raised in a Kyoto crafts family and in addition to making films, she is an apprentice lacquerware artist.</p>
<a class="button hvr-sweep-to-top" href=http://haruka.kasrl.org target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/69155527" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="nav_bottom dark_bg col-md-7 col-md-offset-3">
<h4>Discover more</h4>
<a class="button hvr-sweep-to-top left" href=/2015/01/08/Scope039.html>#39: Januar 8th, 2015 </a>
<a class="button hvr-sweep-to-top right" href=/2015/03/12/Scope041.html>#41: March 19th, 2015 SCOPE @ B-Seite</a>
</div>
</div>
</article>
</div>
</div>
<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:mail@scopesessions.org"><i class="fa fa-envelope-o"></i></a>
</li>
<li><a href=" /feed.xml "><i class="fa fa-rss-square"></i></a>
</li>
<li><a href="https://www.facebook.com/scopesessions"><i class="fa fa-facebook-square"></i></a>
</li>
<!-- <li><a href="https://github.com/ScopeSessions"><i class="fa fa-github-square"></i></a>
</li> -->
</ul>
</div>
<div class="footer-support">
<ul>
<li>
<h4>Support from</h4>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/panke_logo.png"></img>
</a>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/troika_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.nkprojekt.de/" target="_blank">
<img src="/assets/nk_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.atelier-aeuglein.de" target="_blank">
<img src="/assets/aa_logo.png"></img>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,529 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1">
<title>SCOPE @ B-Seite</title>
<meta name="description" content="">
<link rel="canonical" href="http://scopesessions.org/2015/03/12/Scope041.html">
<link rel="alternate" type="application/atom+xml" title="Scope Sessions Artist talks & media salon" href="http://scopesessions.org /feed.xml " />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/vegas/dist/jquery.vegas.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/picbookjs/css/picbook.css" type="text/css" />
<link rel="stylesheet" href="/css/custom.css" type="text/css" >
<link rel="stylesheet" href="/css/hover.css" type="text/css" >
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<script src="/bower_components/jquery/dist/jquery.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/picbookjs/js/picbook.min.js" type="text/javascript"></script>
<script src="/js/jquery.imagefill.min.js" type="text/javascript" ></script>
<script src="/js/jquery.cookie.js" type="text/javascript" ></script>
<script src="/js/scrollIt.min.js" type="text/javascript" ></script>
<script src="/js/custom.js" type="text/javascript" ></script>
</head>
<body>
<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>
<!-- For desktop -->
<div class="hidden-xs">
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/call-for-talks/">Call for talks</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/artists/">Artists</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/about/">About</a>
</div>
<!-- For mobile -->
<div class="visible-xs-inline">
<a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/call-for-talks/"><i class="fa fa-sign-in"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/artists/"><i class="fa fa-user"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/about/"><i class="fa fa-info"></i></a>
</div>
</div>
</div>
</nav>
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<h4><i class="fa fa-calendar"></i> #43 / May 14th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- <h4><i class="fa fa-search"></i> Browse by topic</h4>
-->
<h4><i class="fa fa-sign-in"></i> Participate</h4>
<p>Do you like to share your work as visual artist with our audience? Fill the form on our <a class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<div class="row">
<div class="col-md-7">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
<div id="mc_embed_signup">
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</div>
<div class="col-md-5">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
<div class="share-page">
<ul>
<li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text=Scope Sessions Artist talks & media salon&url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://facebook.com/sharer.php?u=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://plus.google.com/share?url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="http://pinterest.com/pin/create/button/?url=http://scopesessions.org&description=Scope Sessions Artist talks & media salon" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content container-fluid">
<div class="content container-fluid">
<article>
<div class="row">
<div class="transp-bg padded event-info col-md-2 col-md-offset-1">
<div class="event-date">
<h3>#41</h3>
<h4>March 19th, 2015</h4>
</div>
<div class="padded_vert">
<ul>
<li>Mobile</li>
<li>Video</li>
<li>Meditation</li>
<li>Softwaresc</li>
<li>Software</li>
</ul>
</div>
<div class="padded_vert">
<ul>
<li><a class="highlight button hvr-sweep-to-top" href= target="_blank">Zeitraumexit</a></li>
<li><a class="highlight button hvr-sweep-to-top" target="_blank" href=><i class="fa fa-facebook-square"></i></a></li>
</ul>
</div>
</div>
<div class="event event-41 dark_bg col-md-7">
<div class="talk col-md-3">
<div class="artist-media">
<img src=/images/EDMT-Nexus_7-mockup-13.png></img>
</div>
<div class="talk-detail">
<h4>Vj Fader / I'm on EDMT</h4>
<p>EDMT is an interactive audio visual app designed by media artist Fader. He's combining years of his experience as a visual and software designer into one amazing app. It allows you to 'play' with your phone and tablet to create wonderful visuals and make beautiful sounds. There are several engaging scenes to choose from, where you can explore and discover exciting new audio visual environments. In this presentation Tilman and Fader will show the current work-in-progress version of EDMT App for Android and discuss future plans.</p>
<h5>About Vj Fader</h5>
<p>Fader is a visual artist who works with multimedia in a variety of disciplines. From video mapping, generative animation, music videos, stage design to art installations, his work has been shown to broad audiences around the world. He has exhibited at numerous festivals such as Coachella (Indio), Burningman (Black Rock City), Insomniac Events (Los Angeles), Fuji Rock Festival (Japan) and the Mapping Festival (Geneva). He received a degree in Animation from the Art Center in Pasadena California and went on to teach himself how to write programing code for his audio/video performances. He founded the Neuromixer VJ software company in 2004 which features video software and innovative prototypes like faderTouch. He continues to exhibit internationally, expanding his techniques and finding new applications.</p>
<a class="button hvr-sweep-to-top" href=http://www.vjfader.com/fader-bio/ target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/113488501" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="talk col-md-3">
<div class="artist-media">
<img src=/images/image136g.jpg></img>
</div>
<div class="talk-detail">
<h4>Kash / Intuitive Journeys</h4>
<p>MAGIC OF CIRCLE videogram is video based on around hundred sequences from inner meditative journey made in photoshop during several months in 2014. Those circle graphics are then morphed into meditative videogram with idea to catch us in present state of absolute film that is ongoing inside of each of us...</p>
<h5>About Kash</h5>
<p>Kash is just having fun with images and sound.</p>
<a class="button hvr-sweep-to-top" href=https://vimeo.com/55824850 target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/103669959" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="talk col-md-3">
<div class="artist-media">
<img src=/images/10863946_10152566352036448_7601724679990112331_o.jpg></img>
</div>
<div class="talk-detail">
<h4>CloneProduction / CloneProduction</h4>
<p>Irwin will talk about why he is using his own tool to VJ and how he got to this point.</p>
<h5>About CloneProduction</h5>
<p>CloneProduction is Irwin Quemener, French artist doing creative research and concept development. Specialized in live visuals and interactive experiences, for both art and commercial projects using real-time technology's potential to its maximum.</p>
<a class="button hvr-sweep-to-top" href=http://www.cloneproduction.net/ target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/69155527" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="talk col-md-3">
<div class="artist-media">
<img src=/images/x_Glassia_ConsSpace.jpg></img>
</div>
<div class="talk-detail">
<h4>Roberto Cuellar / Light sculptures</h4>
<p>Robert will talk about his light sculptures. His sculptures are usually made of wood and the design is based on 2D silhouettes which is then extend to 3D. Lighting plays a big role in his work. For B-Seite he produced a special sculpture that is projection mapped.</p>
<a class="button hvr-sweep-to-top" href=http://robcuellar.blogspot.de/ target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/107773316" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="nav_bottom dark_bg col-md-7 col-md-offset-3">
<h4>Discover more</h4>
<a class="button hvr-sweep-to-top left" href=/2015/03/12/Scope040.html>#40: March 12th, 2015 </a>
<a class="button hvr-sweep-to-top right" href=/2015/04/09/Scope042.html>#42: April 9th, 2015 STATE Festival special edition</a>
</div>
</div>
</article>
</div>
</div>
<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:mail@scopesessions.org"><i class="fa fa-envelope-o"></i></a>
</li>
<li><a href=" /feed.xml "><i class="fa fa-rss-square"></i></a>
</li>
<li><a href="https://www.facebook.com/scopesessions"><i class="fa fa-facebook-square"></i></a>
</li>
<!-- <li><a href="https://github.com/ScopeSessions"><i class="fa fa-github-square"></i></a>
</li> -->
</ul>
</div>
<div class="footer-support">
<ul>
<li>
<h4>Support from</h4>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/panke_logo.png"></img>
</a>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/troika_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.nkprojekt.de/" target="_blank">
<img src="/assets/nk_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.atelier-aeuglein.de" target="_blank">
<img src="/assets/aa_logo.png"></img>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,507 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1">
<title>STATE Festival special edition</title>
<meta name="description" content="">
<link rel="canonical" href="http://scopesessions.org/2015/04/09/Scope042.html">
<link rel="alternate" type="application/atom+xml" title="Scope Sessions Artist talks & media salon" href="http://scopesessions.org /feed.xml " />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/vegas/dist/jquery.vegas.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/picbookjs/css/picbook.css" type="text/css" />
<link rel="stylesheet" href="/css/custom.css" type="text/css" >
<link rel="stylesheet" href="/css/hover.css" type="text/css" >
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<script src="/bower_components/jquery/dist/jquery.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/picbookjs/js/picbook.min.js" type="text/javascript"></script>
<script src="/js/jquery.imagefill.min.js" type="text/javascript" ></script>
<script src="/js/jquery.cookie.js" type="text/javascript" ></script>
<script src="/js/scrollIt.min.js" type="text/javascript" ></script>
<script src="/js/custom.js" type="text/javascript" ></script>
</head>
<body>
<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>
<!-- For desktop -->
<div class="hidden-xs">
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/call-for-talks/">Call for talks</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/artists/">Artists</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/about/">About</a>
</div>
<!-- For mobile -->
<div class="visible-xs-inline">
<a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/call-for-talks/"><i class="fa fa-sign-in"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/artists/"><i class="fa fa-user"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/about/"><i class="fa fa-info"></i></a>
</div>
</div>
</div>
</nav>
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<h4><i class="fa fa-calendar"></i> #43 / May 14th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- <h4><i class="fa fa-search"></i> Browse by topic</h4>
-->
<h4><i class="fa fa-sign-in"></i> Participate</h4>
<p>Do you like to share your work as visual artist with our audience? Fill the form on our <a class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<div class="row">
<div class="col-md-7">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
<div id="mc_embed_signup">
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</div>
<div class="col-md-5">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
<div class="share-page">
<ul>
<li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text=Scope Sessions Artist talks & media salon&url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://facebook.com/sharer.php?u=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://plus.google.com/share?url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="http://pinterest.com/pin/create/button/?url=http://scopesessions.org&description=Scope Sessions Artist talks & media salon" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content container-fluid">
<div class="content container-fluid">
<article>
<div class="row">
<div class="transp-bg padded event-info col-md-2 col-md-offset-1">
<div class="event-date">
<h3>#42</h3>
<h4>April 9th, 2015</h4>
</div>
<div class="padded_vert">
<ul>
<li>Science</li>
<li>Art</li>
<li>Live Cinema</li>
<li> Installation</li>
<li>Photography</li>
<li>Microbiology</li>
</ul>
</div>
<div class="padded_vert">
<ul>
<li><a class="highlight button hvr-sweep-to-top" href= target="_blank">Panke</a></li>
<li><a class="highlight button hvr-sweep-to-top" target="_blank" href=><i class="fa fa-facebook-square"></i></a></li>
</ul>
</div>
</div>
<div class="event event-42 dark_bg col-md-7">
<div class="talk col-md-4">
<div class="artist-media">
<img src=/images/STATE+Logo.jpg></img>
</div>
<div class="talk-detail">
<h4>Christian Rauch / STATE Festival</h4>
<p>A quick tour behind the scenes of STATE Experience Science, a collective of independent scientists, artists and cultural producers, working to make science accessible and facilitate creativity without borders. Last year's STATE Festival featured 4 days of events in 2 locations in the heart of Berlin. Over 100 contributing scientists, artists and filmmakers from more than 20 countries took part in talks, exhibitions, films, performances, workshops, panels and interactive science formats.</p>
<h5>About Christian Rauch</h5>
<p>Christian is a physicist with passion for science and the things beyond. Since having resurfaced from a deep dive into academic research, he turned his focus towards the more general impacts of science in society and has been involved in initiating several science outreach initiatives. In 2014 he founded STATE Experience Science, a collective of scientists and artists exploring new ways of engaging with scientific topics.</p>
<a class="button hvr-sweep-to-top" href=http://www.statefestival.org target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/117501915" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="talk col-md-4">
<div class="artist-media">
<img src=/images/nesolito.jpg></img>
</div>
<div class="talk-detail">
<h4>Nenad Popov / Ways of Knowing</h4>
<p>Reflection on the State festival. Inspiration through science. Towards embedding citizen science in artistic practice.</p>
<h5>About Nenad Popov</h5>
<p>Nenad Popov is a media anarchist with a focus on live cinema pieces, sound installations, film installations, weird sound making contraptions and occasional parasitism on public cultural funds. He has collaborated with artists such as Daan Brinkmann, Electronic Opera, Erfan Abdi, Klara Ravat, Lillevan and his works have been exhibited at Sonic Acts, Dis-Patch, TodaysArt, E-Pulse, Share and Ars Electronica.</p>
<a class="button hvr-sweep-to-top" href=http://morphogenesis.eu target="_blank"><i class="fa fa-link"></i> Website</a>
<div class="transp-bg padded">
<p>Artist's Video</p>
<iframe src="//player.vimeo.com/video/35430604" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="talk col-md-4">
<div class="artist-media">
<img src=/images/001%20BiofilmStar%20Pablo%20Rojas%20Images%20of%20Fascination.jpg></img>
</div>
<div class="talk-detail">
<h4>Pablo Rojas / 19th century maladies vs. 'the wonders of science' calendar syndrome</h4>
<p>The everyday growing branches of science, especially biology, hold the possibility to provide the general public with an infinite variety of innovative topics and colorful images. Such information could potentially be used as a novel source of inspiration for the creation of art pieces. Although the aesthetics of such practice may look appealing on a first instance, it is important to draw a clear line between the visual representation of scientific content and a more appropriate collaboration between science and the arts. A better understanding of the history and significance of science in society would undoubtedly facilitate the collaboration with other disciplines of human knowledge.</p>
<h5>About Pablo Rojas</h5>
<p>Pablo Rojas is a photographer and microbiologist who draws just as much from experimental art as from biological experimentation. His artistic work has been exhibited at shows in Quito, Dublin, London, Sarajevo, Braunschweig, Bogota, and Berlin. In 2015, he will complete a DAAD Fellowship and receive his PhD. in medical microbiology from the Charité Universitätsmedizin Berlin.</p>
<a class="button hvr-sweep-to-top" href=http://www.dadafoto.com target="_blank"><i class="fa fa-link"></i> Website</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="gallery dark_bg col-md-7 col-md-offset-3">
<h4>Photo gallery of the event</h4>
<div class="picbook"></div>
<script type="text/javascript">
var picbook = new picbookJs({
limit: 100,
albumId: '831101656976820'
});
</script>
</div>
</div>
</div>
<div class="row">
<div class="nav_bottom dark_bg col-md-7 col-md-offset-3">
<h4>Discover more</h4>
<a class="button hvr-sweep-to-top left" href=/2015/03/12/Scope041.html>#41: March 19th, 2015 SCOPE @ B-Seite</a>
<a class="button hvr-sweep-to-top right" href=/2015/05/14/Scope043.html>#43: May 14th, 2015 Upcoming</a>
</div>
</div>
</article>
</div>
</div>
<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:mail@scopesessions.org"><i class="fa fa-envelope-o"></i></a>
</li>
<li><a href=" /feed.xml "><i class="fa fa-rss-square"></i></a>
</li>
<li><a href="https://www.facebook.com/scopesessions"><i class="fa fa-facebook-square"></i></a>
</li>
<!-- <li><a href="https://github.com/ScopeSessions"><i class="fa fa-github-square"></i></a>
</li> -->
</ul>
</div>
<div class="footer-support">
<ul>
<li>
<h4>Support from</h4>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/panke_logo.png"></img>
</a>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/troika_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.nkprojekt.de/" target="_blank">
<img src="/assets/nk_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.atelier-aeuglein.de" target="_blank">
<img src="/assets/aa_logo.png"></img>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,423 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1">
<title>Upcoming</title>
<meta name="description" content="">
<link rel="canonical" href="http://scopesessions.org/2015/05/14/Scope043.html">
<link rel="alternate" type="application/atom+xml" title="Scope Sessions Artist talks & media salon" href="http://scopesessions.org /feed.xml " />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/vegas/dist/jquery.vegas.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="/bower_components/picbookjs/css/picbook.css" type="text/css" />
<link rel="stylesheet" href="/css/custom.css" type="text/css" >
<link rel="stylesheet" href="/css/hover.css" type="text/css" >
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<script src="/bower_components/jquery/dist/jquery.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/picbookjs/js/picbook.min.js" type="text/javascript"></script>
<script src="/js/jquery.imagefill.min.js" type="text/javascript" ></script>
<script src="/js/jquery.cookie.js" type="text/javascript" ></script>
<script src="/js/scrollIt.min.js" type="text/javascript" ></script>
<script src="/js/custom.js" type="text/javascript" ></script>
</head>
<body>
<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>
<!-- For desktop -->
<div class="hidden-xs">
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/call-for-talks/">Call for talks</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/artists/">Artists</a>
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/about/">About</a>
</div>
<!-- For mobile -->
<div class="visible-xs-inline">
<a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a>
<!-- Up button -->
<a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/call-for-talks/"><i class="fa fa-sign-in"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/artists/"><i class="fa fa-user"></i></a>
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/about/"><i class="fa fa-info"></i></a>
</div>
</div>
</div>
</nav>
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<h4><i class="fa fa-calendar"></i> #43 / May 14th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src="/assets/no_artist_media.png"></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href=""></a> <br/> Upcoming </p>
<p class="small-text"></p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- <h4><i class="fa fa-search"></i> Browse by topic</h4>
-->
<h4><i class="fa fa-sign-in"></i> Participate</h4>
<p>Do you like to share your work as visual artist with our audience? Fill the form on our <a class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<div class="row">
<div class="col-md-7">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
<div id="mc_embed_signup">
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</div>
<div class="col-md-5">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
<div class="share-page">
<ul>
<li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text=Scope Sessions Artist talks & media salon&url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://facebook.com/sharer.php?u=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://plus.google.com/share?url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="http://pinterest.com/pin/create/button/?url=http://scopesessions.org&description=Scope Sessions Artist talks & media salon" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content container-fluid">
<div class="content container-fluid">
<article>
<div class="row">
<div class="transp-bg padded event-info col-md-2 col-md-offset-1">
<div class="event-date">
<h3>#43</h3>
<h4>May 14th, 2015</h4>
</div>
<div class="padded_vert">
<ul>
</ul>
</div>
<div class="padded_vert">
<ul>
<li><a class="highlight button hvr-sweep-to-top" href= target="_blank">Panke</a></li>
</ul>
</div>
</div>
<div class="event event-43 dark_bg col-md-7">
<div class="talk col-md-4">
<div class="artist-media">
<img src="/assets/no_artist_media.png"></img>
</div>
<div class="talk-detail">
<h4> / Upcoming</h4>
</div>
</div>
<div class="talk col-md-4">
<div class="artist-media">
<img src="/assets/no_artist_media.png"></img>
</div>
<div class="talk-detail">
<h4> / Upcoming</h4>
</div>
</div>
<div class="talk col-md-4">
<div class="artist-media">
<img src="/assets/no_artist_media.png"></img>
</div>
<div class="talk-detail">
<h4> / Upcoming</h4>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="nav_bottom dark_bg col-md-7 col-md-offset-3">
<h4>Discover more</h4>
<a class="button hvr-sweep-to-top left" href=/2015/04/09/Scope042.html>#42: April 9th, 2015 STATE Festival special edition</a>
</div>
</div>
</article>
</div>
</div>
<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:mail@scopesessions.org"><i class="fa fa-envelope-o"></i></a>
</li>
<li><a href=" /feed.xml "><i class="fa fa-rss-square"></i></a>
</li>
<li><a href="https://www.facebook.com/scopesessions"><i class="fa fa-facebook-square"></i></a>
</li>
<!-- <li><a href="https://github.com/ScopeSessions"><i class="fa fa-github-square"></i></a>
</li> -->
</ul>
</div>
<div class="footer-support">
<ul>
<li>
<h4>Support from</h4>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/panke_logo.png"></img>
</a>
</li>
<li>
<a href="http://pankeculture.com" target="_blank">
<img src="/assets/troika_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.nkprojekt.de/" target="_blank">
<img src="/assets/nk_logo.png"></img>
</a>
</li>
<li>
<a href="http://www.atelier-aeuglein.de" target="_blank">
<img src="/assets/aa_logo.png"></img>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>