making upcoming session more visible

added contents for #46
This commit is contained in:
Open-Steps.org 2015-09-01 21:52:43 +02:00
parent c0c9b4bcfc
commit d601d994fe
81 changed files with 39621 additions and 5099 deletions

View file

@ -10,6 +10,7 @@
<meta name="description" content="">
<link rel="canonical" href="http://scopesessions.org/2013/03/14/Scope020.html">
<link rel="alternate" type="application/atom+xml" title="Scope Sessions Artist talks & media salon" href="http://scopesessions.org /feed.xml " />
<link rel="shortcut icon" href="favicon.ico" type="assets/favicon.ico" />
<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" />
@ -35,91 +36,58 @@
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<img alt="Logo" src="/assets/scope_logo.png">
</a>
<div class="navbar-header">
<a class="navbar-brand" href="/">
<img alt="Logo" src="/assets/scope_logo.png">
</a>
<!-- For desktop -->
<div class="hidden-xs">
<!-- For desktop -->
<div class="hidden-xs">
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
<a href="/" class="header-btn navbar-text button menu-icon hvr-sweep-to-top 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>
<!-- Up button -->
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="0"><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>
<!-- 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>
</div>
<!-- For mobile -->
<div class="visible-xs-inline">
<!-- 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>
<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>
<!-- 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>
<!-- 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>
</div>
</div>
</nav>
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<div class="row">
<!-- <div class="col-md-6 col-md-offset-1">
<h4><i class="fa fa-calendar"></i> #45 / June 27th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
<h4><i class="fa fa-calendar"></i> #46 / September 10th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
<div class="upcoming row">
@ -127,15 +95,15 @@
<div class="col-md-2">
<div class="upcoming-media">
<img src=/images/LYM-generative-nights-03.jpg></img>
<img src=/images/notube.png></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href="http://lolaandyukaomeet.com">Lola and Yukao</a> <br/> Lola and Yukao Meet "Nuits génératives" - AV Performance </p>
<p class="small-text"></p>
<p><a class="button hvr-sweep-to-top" href="http://iocose.org">IOCOSE</a> <br/> NoTube: Investigating the dark side of meaning production </p>
<p class="small-text">NoTube Contest, First-Viewer Television, YouTube, social media, user generated content, curating YouTube</p>
</div>
</div>
@ -146,32 +114,736 @@
<div class="col-md-2">
<div class="upcoming-media">
<img src=/images/PRINT_PSV_07_800.jpg></img>
<img src=http://40.media.tumblr.com/deaeea35a87d88e31f6c0b2277e5a7d5/tumblr_nl5wv1vuwo1upzhszo1_500.png></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href="http://cargocollective.com/dasein">Dasein</a> <br/> "Faceless Country" - AV Performance </p>
<p class="small-text"></p>
<p><a class="button hvr-sweep-to-top" href="http://myungduk.org">MyungDuk-Kim</a> <br/> Transform/ Sounds-Movements visual works </p>
<p class="small-text">Simple relationships between visual and sound rendering, corresponding to Movements.By defining this relationship, create a Sounds object that can be communicated with Movements and Visual.Focus on the activity of presenting motion while sounds triggered. The combination of these different medium can lead to different layers of interaction between sound and visual processes by improvising dancer.Two identical visual targets moving across each other can be perceived either to bounce off or to stream through each other.</p>
</div>
</div>
</div>
<div class="upcoming row">
<div class="col-md-2">
<div class="upcoming-media">
<img src=/images/Fridge-Crop-770x513.jpg></img>
</div>
</div>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href="http://julienbach.com/">Julien Bach</a> <br/> Augmented Illustration & Engaged motion-design </p>
<p class="small-text">Video-mapping, augmented illustration, collaborative work, future of motion-design, social engagement</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/">
</div> -->
<div class="col-md-8">
<h4><i class="fa fa-search"></i> Browse by topic</h4>
<a class="topic" data-scroll-nav="0">Concept, Video</a>
<a class="topic" data-scroll-nav="0">Sound, Generative</a>
<a class="topic" data-scroll-nav="0">Mapping, Motion graphics</a>
<a class="topic" data-scroll-nav="1">AV, Performance</a>
<a class="topic" data-scroll-nav="1">AV, Performance</a>
<a class="topic" data-scroll-nav="2">Film</a>
<a class="topic" data-scroll-nav="2">Philosophy</a>
<a class="topic" data-scroll-nav="2">Concept</a>
<a class="topic" data-scroll-nav="3">Audiovisual, Live set</a>
<a class="topic" data-scroll-nav="3">Sound,Research</a>
<a class="topic" data-scroll-nav="3">Analog, Film</a>
<a class="topic" data-scroll-nav="4">Science,Art</a>
<a class="topic" data-scroll-nav="4">Live Cinema, Installation</a>
<a class="topic" data-scroll-nav="4">Photography,Microbiology</a>
<a class="topic" data-scroll-nav="5">Mobile</a>
<a class="topic" data-scroll-nav="5">Video,Meditation</a>
<a class="topic" data-scroll-nav="5">Software</a>
<a class="topic" data-scroll-nav="5">Software</a>
<a class="topic" data-scroll-nav="6">Open Source,Software,Hardware</a>
<a class="topic" data-scroll-nav="6">Dance,Film</a>
<a class="topic" data-scroll-nav="7">Installation,Music</a>
<a class="topic" data-scroll-nav="7">VVVV,Coding</a>
<a class="topic" data-scroll-nav="8">VJing,Installation,Performance</a>
<a class="topic" data-scroll-nav="8">Coding,Research</a>
<a class="topic" data-scroll-nav="8">Installation,New Media</a>
<a class="topic" data-scroll-nav="9">Activism,Surveillance,Privacy</a>
<a class="topic" data-scroll-nav="10">Analog,Film,Research</a>
<a class="topic" data-scroll-nav="10">Installation,New Media</a>
<a class="topic" data-scroll-nav="10">Film,Projection,Glitch</a>
<a class="topic" data-scroll-nav="11">Media</a>
<a class="topic" data-scroll-nav="11">Science</a>
<a class="topic" data-scroll-nav="11">Installation</a>
<a class="topic" data-scroll-nav="12">Design,hardware,Installation</a>
<a class="topic" data-scroll-nav="12">VVVV,Coding,Sound</a>
<a class="topic" data-scroll-nav="12">VJing,Performance,Film</a>
<a class="topic" data-scroll-nav="13">Analog</a>
<a class="topic" data-scroll-nav="13">Interactive,Projection</a>
<a class="topic" data-scroll-nav="13">Science,Research</a>
<a class="topic" data-scroll-nav="14">Installation,Light</a>
<a class="topic" data-scroll-nav="14">Science,Film,Photography</a>
<a class="topic" data-scroll-nav="14">Mapping,Performance</a>
<a class="topic" data-scroll-nav="15">VJing</a>
<a class="topic" data-scroll-nav="15">Interactive,Live,Performance</a>
<a class="topic" data-scroll-nav="15">Performance</a>
<a class="topic" data-scroll-nav="16">VJing</a>
<a class="topic" data-scroll-nav="16">VJing</a>
<a class="topic" data-scroll-nav="16">Science,Research</a>
<a class="topic" data-scroll-nav="17">Design</a>
<a class="topic" data-scroll-nav="17">Video,Sound</a>
<a class="topic" data-scroll-nav="17">VJing,Mapping</a>
<a class="topic" data-scroll-nav="18">Mapping</a>
<a class="topic" data-scroll-nav="18">Interactive,Performance</a>
<a class="topic" data-scroll-nav="19">Film</a>
<a class="topic" data-scroll-nav="19">3D,Generative</a>
<a class="topic" data-scroll-nav="19">Collective,Research</a>
<a class="topic" data-scroll-nav="20">Glitch,Pixel</a>
<a class="topic" data-scroll-nav="20">Open Source,Gaming</a>
<a class="topic" data-scroll-nav="21">Mixing,Vjing</a>
<a class="topic" data-scroll-nav="21">Live Cinema,Mapping</a>
<a class="topic" data-scroll-nav="21">Vjing</a>
<a class="topic" data-scroll-nav="22">Research,Project</a>
<a class="topic" data-scroll-nav="22">Interactive,Installation</a>
<a class="topic" data-scroll-nav="22">Vjing</a>
<a class="topic" data-scroll-nav="23">Coding,generative</a>
<a class="topic" data-scroll-nav="23">Open Source,Hardware</a>
<a class="topic" data-scroll-nav="23">Collective,Activism</a>
<a class="topic" data-scroll-nav="24">New Media,Interactive</a>
<a class="topic" data-scroll-nav="24">Performance,Humour</a>
<a class="topic" data-scroll-nav="25">3D,AV Performance</a>
<a class="topic" data-scroll-nav="25">Performance</a>
<a class="topic" data-scroll-nav="25">Performance</a>
<a class="topic" data-scroll-nav="26">Photography</a>
<a class="topic" data-scroll-nav="26">Robotics,Research</a>
<a class="topic" data-scroll-nav="27">Research,Performance</a>
<a class="topic" data-scroll-nav="27">Design,AV Performance</a>
<a class="topic" data-scroll-nav="27">Architecture</a>
<a class="topic" data-scroll-nav="28">AV Performance</a>
<a class="topic" data-scroll-nav="28">AV Performance,Music</a>
<a class="topic" data-scroll-nav="28">Performance,Hacking</a>
<a class="topic" data-scroll-nav="29">Music production</a>
<a class="topic" data-scroll-nav="29">Hacking,Coding</a>
<a class="topic" data-scroll-nav="29">Performance</a>
<a class="topic" data-scroll-nav="30">Interaction,Generative,Coding</a>
<a class="topic" data-scroll-nav="30">Performance,Dance,Interaction</a>
<a class="topic" data-scroll-nav="30">Interaction,Software</a>
<a class="topic" data-scroll-nav="31">Performance,Interactive</a>
<a class="topic" data-scroll-nav="31">Photography</a>
<a class="topic" data-scroll-nav="31">Performance,Sound</a>
<a class="topic" data-scroll-nav="32">New Media</a>
<a class="topic" data-scroll-nav="32">Sound,Installation</a>
<a class="topic" data-scroll-nav="32">Performance</a>
<a class="topic" data-scroll-nav="32">Performance</a>
<a class="topic" data-scroll-nav="33">video-mapping</a>
<a class="topic" data-scroll-nav="33">Performance,Film</a>
<a class="topic" data-scroll-nav="33">Theater,Politics,Live Cinema</a>
<a class="topic" data-scroll-nav="34">Software</a>
<a class="topic" data-scroll-nav="34">Film</a>
<a class="topic" data-scroll-nav="34">Hacking,Performance</a>
<a class="topic" data-scroll-nav="35">AV,Perfomance</a>
<a class="topic" data-scroll-nav="35">Experimental,Film</a>
<a class="topic" data-scroll-nav="35">Hacking,Performance</a>
<a class="topic" data-scroll-nav="36">Perfomance,Illustration</a>
<a class="topic" data-scroll-nav="36">VVVV</a>
<a class="topic" data-scroll-nav="37">Performance,Paint</a>
<a class="topic" data-scroll-nav="37">Synaesthesia,Collaboration</a>
<a class="topic" data-scroll-nav="38">Video</a>
<a class="topic" data-scroll-nav="38">Hardware</a>
<a class="topic" data-scroll-nav="38">Vjing</a>
<a class="topic" data-scroll-nav="39">Light,Installation,Processing,Open Source</a>
<a class="topic" data-scroll-nav="40">Installation,Sound</a>
<a class="topic" data-scroll-nav="40">Software,Sound,Open Source</a>
<a class="topic" data-scroll-nav="41">Vjing,Festival</a>
<a class="topic" data-scroll-nav="41">Science</a>
<a class="topic" data-scroll-nav="41">Interaction,Installation</a>
<a class="topic" data-scroll-nav="42">Gaming,Festival</a>
<a class="topic" data-scroll-nav="42">Activism,Graffiti</a>
<a class="topic" data-scroll-nav="43">Design</a>
<a class="topic" data-scroll-nav="43">Game,Programming</a>
<a class="topic" data-scroll-nav="43">Dance,Performance</a>
<a class="topic" data-scroll-nav="44">live video</a>
<a class="topic" data-scroll-nav="44">coding,Pure Data</a>
<a class="topic" data-scroll-nav="45">video-mapping</a>
<a class="topic" data-scroll-nav="45">photography</a>
<a class="topic" data-scroll-nav="45">Sequencing,QuartzComposer</a>
</div>
<div class="col-md-4">
<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 -->
<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>
@ -210,10 +882,10 @@
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">
</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>
@ -222,12 +894,11 @@
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content container-fluid">
<div class="content container-fluid">