outsourced video related JS, fixed CSS things, added visualberlinFestival videos

6_video.html

@@ -58,7 +58,7 @@ permalink: /video/
            <div class="videobox {% for tag in tags | uniq %}{{tag | strip | replace: " ", "-" | downcase}} {% endfor %}{{post.location | strip | replace: " ", "-" | downcase}} col-sm-3" vimeo="{{vimeo_id}}">
              <div class="video-title">{{talk.artist}}</div>
              <div class="playbutton"></div>
-             <div class="video-description"><h3>{{talk.title}}</h3><p><span class="video-session">#{{ post.number }}</span>: <span class="video-artist">{{talk.artist}}</span> / {{talk.artist_website}} – {{talk.description}}</p></div>
+             <div class="video-description"><h3>{{talk.title}}</h3><p><span class="video-session">Session #{{ post.number }}, {{post.date_text}}</span>: <span class="video-artist">{{talk.artist}}</span> / {{talk.artist_website}} – {{talk.description}}</p><p class="visible-lg">{{talk.artist_bio}}</p></div>
            </div>
            {% endif %}
          {% endfor %}
@@ -78,84 +78,5 @@ permalink: /video/
 </div> <!-- container -->
 
 <script>
-
-   jQuery( document ).ready(function() {
-
-     jQuery('.videobox').each(function() {
-
-       var $this = jQuery(this);
-       jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
-         $this.css('background', 'url("' + data.thumbnail_url + '")');
-         $this.css('background-size', 'cover');
-         $this.css('background-position', 'center center');
-       });
-
-       $this.on('mouseover', function() {
-         var offset = $this.offset().left;
-         var center = jQuery(window).width()/2 - 50;
-         if( offset.left >= center) {
-           jQuery('#videotext').css('right', '');
-           jQuery('#videotext').css('left', '20px');
-           jQuery('#videotext').css('top', '80px');
-         } else {
-           jQuery('#videotext').css('left', '');
-           jQuery('#videotext').css('right', '20px');
-           jQuery('#videotext').css('top', '80px');
-         }
-
-         jQuery('#videotext').html($this.html());
-         $this.find(".playbutton").show();
-         timer = window.setTimeout(function() {
-           jQuery('#videotext').show(300);
-         }, 500);
-       });
-
-       $this.on('mouseout', function() {
-         jQuery('#videotext').hide();
-         $this.find(".playbutton").hide();
-         if (timer) {
-           window.clearTimeout(timer);
-         }
-       });
-
-       $this.on('click', function() {
-         jQuery('#videotext').hide();
-         $this.find("img").hide();
-         if (timer) {
-           window.clearTimeout(timer);
-         }
-         jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
-           var player = jQuery('#videoplayer #player');
-           player.html(data.html)
-           player.find( "iframe" ).attr('width', "100%").attr('height', "100%");
-           var src = player.find( "iframe" ).attr('src');
-           player.find( "iframe" ).attr('src', src + "?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1");
-         });
-         jQuery('#videoplayer').fadeIn(300, function () {
-           jQuery.vegas({ src: '/assets/bgphotos/' + Math.floor(Math.random() * 12) + '.png' });
-         });
-       });
-
-       jQuery('#videoplayer').on('click', function() {
-         jQuery(this).fadeOut(500, function() {
-           jQuery('#videoplayer #player').html('');
-         });
-       });
-
-     });
-     $('#video-roster').isotope({
-       // options
-       itemSelector: '.videobox'
-     });
-     // init Isotope
-      var $grid = $('#video-roster').isotope({
-      });
-      // filter items on button click
-      $('.filter-button-group').on( 'click', 'button', function() {
-        var filterValue = $(this).attr('data-filter');
-        $grid.isotope({ filter: filterValue });
-        $('.filter-button-group').find('button').css('background-color', 'black');
-        $(this).css('background-color', '#5a4b68');
-      });
-   });
+  jQuery.getScript('/js/videoplayer.js');
 </script>

7_video_no_header_or_footer.html

@@ -26,9 +26,7 @@ permalink: /video_fullscreen/
 {% assign allTopicsABC = allTopics | sort %}
 
 <div class="content no-header">
-
   <div class="row">
-
     <div class="dark_bg col-md-10 col-md-offset-1">
 
       <div class="button-group filter-button-group">
@@ -45,7 +43,6 @@ permalink: /video_fullscreen/
 
   <div class="row">
     <div class="dark_bg col-md-10 col-md-offset-1">
-
       <div id="video-roster" class="container-fluid">
 
        {% for post in site.posts %}
@@ -58,7 +55,7 @@ permalink: /video_fullscreen/
            <div class="videobox {% for tag in tags | uniq %}{{tag | strip | replace: " ", "-" | downcase}} {% endfor %}{{post.location | strip | replace: " ", "-" | downcase}} col-sm-3" vimeo="{{vimeo_id}}">
              <div class="video-title">{{talk.artist}}</div>
              <div class="playbutton"></div>
-             <div class="video-description"><h3>{{talk.title}}</h3><p><span class="video-session">#{{ post.number }}</span>: <span class="video-artist">{{talk.artist}}</span> / {{talk.artist_website}} – {{talk.description}}</p></div>
+             <div class="video-description"><h3>{{talk.title}}</h3><p><span class="video-session">{% if post.number %}Session #{{ post.number }}, {% endif %}{{post.date_text}}</span>: <span class="video-artist">{{talk.artist}}</span> / {{talk.artist_website}} – {{talk.description}}</p><p class="visible-lg">{{talk.artist_bio}}</p></div>
            </div>
            {% endif %}
          {% endfor %}
@@ -70,92 +67,22 @@ permalink: /video_fullscreen/
           <div id="player"></div>
           <div id="close-button"></div>
         </div>
-
       </div>
+    </div>
+  </div
 
+  <div class="spacer"></div>
+  <div class="spacer"></div>
+
+  <div class="row spacer">
+    <div class="dark_bg col-md-10 col-md-offset-1">
+      <h4><i class="fa fa-newspaper-o"></i> Stay informed about our events and join our newsletter</h4>
+      {% include join_newsletter.html %}
+    </div>
   </div>
 
 </div> <!-- container -->
 
 <script>
-
-   jQuery( document ).ready(function() {
-
-     jQuery('.videobox').each(function() {
-
-       var $this = jQuery(this);
-       jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
-         $this.css('background', 'url("' + data.thumbnail_url + '")');
-         $this.css('background-size', 'cover');
-         $this.css('background-position', 'center center');
-       });
-
-       $this.on('mouseover', function() {
-         var offset = $this.offset().left;
-         var center = jQuery(window).width()/2 - 50;
-         if( offset >= center) {
-           jQuery('#videotext').css('right', '');
-           jQuery('#videotext').css('left', '20px');
-           jQuery('#videotext').css('top', '80px');
-         } else {
-           jQuery('#videotext').css('left', '');
-           jQuery('#videotext').css('right', '20px');
-           jQuery('#videotext').css('top', '80px');
-         }
-
-         jQuery('#videotext').html($this.html());
-         $this.find(".playbutton").show();
-         timer = window.setTimeout(function() {
-           jQuery('#videotext').show(300);
-         }, 500);
-       });
-
-       $this.on('mouseout', function() {
-         jQuery('#videotext').hide();
-         $this.find(".playbutton").hide();
-         if (timer) {
-           window.clearTimeout(timer);
-         }
-       });
-
-       $this.on('click', function() {
-         jQuery('#videotext').hide();
-         $this.find("img").hide();
-         if (timer) {
-           window.clearTimeout(timer);
-         }
-         jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
-           var player = jQuery('#videoplayer #player');
-           player.html(data.html)
-           player.find( "iframe" ).attr('width', "100%").attr('height', "100%");
-           var src = player.find( "iframe" ).attr('src');
-           player.find( "iframe" ).attr('src', src + "?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1");
-         });
-         jQuery('#videoplayer').fadeIn(300, function () {
-           jQuery.vegas({ src: '/assets/bgphotos/' + Math.floor(Math.random() * 12) + '.png' });
-         });
-       });
-
-       jQuery('#videoplayer').on('click', function() {
-         jQuery(this).fadeOut(500, function() {
-           jQuery('#videoplayer #player').html('');
-         });
-       });
-
-     });
-     $('#video-roster').isotope({
-       // options
-       itemSelector: '.videobox'
-     });
-     // init Isotope
-      var $grid = $('#video-roster').isotope({
-      });
-      // filter items on button click
-      $('.filter-button-group').on( 'click', 'button', function() {
-        var filterValue = $(this).attr('data-filter');
-        $grid.isotope({ filter: filterValue });
-        $('.filter-button-group').find('button').css('background-color', 'black');
-        $(this).css('background-color', '#5a4b68');
-      });
-   });
+  jQuery.getScript('/js/videoplayer.js');
 </script>

_posts/session/2011-11-10-008.markdown

@@ -31,7 +31,7 @@ talks:
   video_artist_url:
   talk_video_url: "https://vimeo.com/200819234"
 - title: "VisualBerlin"
-  topics: "VJ, Video Art, Association"
+  topics: "VJ, Video Art, Association,visualBerlin"
   artist: "VisualBerlin"
   speakers: "Aude François, Kiritan Flux"
   artist_bio:

_posts/special/2010-06-01-visualberlinFestival.markdown

@@ -0,0 +1,132 @@
+---
+layout: event-special
+categories : [special]
+title: "visualberlinFestival"
+date_text: "June 10-12, 2010"
+date_yyyy_mm_dd: "2010-06-12"
+location: "Kraftwerk"
+location_website: "http://www.visualberlin.org"
+fb_event_url: "https://www.facebook.com/events/10153352991979744/"
+fb_gallery_id:
+talks:
+- title: "The Mask Generator"
+  topics: "VJ,software,installation,visualBerlin"
+  artist: "Ran Ancor"
+  speakers: "Ran Ancor"
+  artist_bio: "Ran ancor, videomaker and musician, born in 1969, lives in Rome, Italy. He studied philosopy with a minor in computers, then started to work in between art and informatics. During last years he worked on electronic live-set with video and music and also as a vj. Most significant elements in his video works are immateriality, movement and metamorphosis, visual fluxus, fusion with sound and space. VJ WORK"
+  description: "The Mask Generator may be used for vj set and played live with an external controller or screened as a solo installation in an audio reactive mode. I also use the 3xvga for a larger space of projection Mask Generator is a generative software that produce a geometrical bidimensional world where a single sharp is multiplied through its opposite polarity positive/negative.
+
+  <br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website: "http://www.xlight.it/?cat=6"
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/13181044"
+- title: "Code 36"
+  topics: "AV,Live Cinema,visualBerlin"
+  artist: "The Exlex"
+  speakers: "The Exlex"
+  artist_bio:
+  description: "Sanfranciscobeat aka Profile25 was chosen in the top 5 DJs in Hungary, 2009. He played together with names as Richie Hawtin, Magda, Hernan Cattaneo, Tiga, Matyas Kalman and Daniel Besnyo are both founders of the Hungarian VJ movement and independent studio, VJ Centrum (nonamevj.blogspot.com), they worked with numerous theater groups, they projected at almost all the party places in Hungary, and some festivals abroad too.
+
+Audiovisual live act of the CODE36 DVD. A strange fusion of techno music and silent film introducing various sights of Hungary from an original, modern point of view.
+
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website: "http://www.code36.net/"
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/13735668"
+- title:
+  topics: "music,games,AV,visualBerlin"
+  artist: "Notendo"
+  speakers: "Notendo"
+  artist_bio: "Jeff Donaldson began playing guitar at the age of 12 while making in-camera edits of local skateboarders. From 2000-2001, Jeff pursued a degree in jazz guitar and music composition at University. In 2001, a shift toward more visual work occurred which has lead to international recognition in new media art. During the 1st decade of the new millenium, Jeff was also part of the local Baltimore band Wzt Hearts with Jason Urick, Shaun Flynn and Mike Haleta. Wzt Hearts went on to release 2 full length LPs on Carpark/Hoss records gaining recognition by NME and Pitchfork as well as inspiring the British band Klaxons. Jeff currently resides in Brooklyn, NYC."
+  description: "Jeff Donaldson began the noteNdo project in 2001 with the intent to create animation entirely with his own hardware modifications of 8bit NES and 16bit SEGA Genesis/Master Systems. There is no new code involved, only machine logic.
+
+  <br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website: "http://notendo.com"
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/13932106"
+- title: "Live Cinema Reconsidered"
+  topics: "live cinema,visualBerlin"
+  artist: "fAlk"
+  speakers: "fAlk"
+  artist_bio:
+  description: "Creating a new type of event is the conclusion out of 10 years of frustration, research and performances. fALk will be sharing his most recent theoretical research in the field of live audiovisual storytelling and performances. He will shed light on how to succeed in telling a story that has emotions, adds energy to the event can be watched for prolonged periods of times without banning the watchers in a chair and dark room all the while not loosing the overarching idea that it is a live performance that is created in front of the audience and in rhythmic and emotional synch with the music.
+
+For the talk he will elaborate on performance techniques, interface ideas and his personal path forward.
+
+As per usual in his presentation this comes with a heavy dose of utopianism and provocation.
+
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website:
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/13932218"
+- title:
+  topics: "AV,visualBerlin"
+  artist: ":NÄ:"
+  speakers: ":NÄ:"
+  artist_bio:
+  description: ":NÄ: is the meeting of A-li-ce (video) and Mectoob (Music), creating some electro / breakbeat / experimental live sets and dubstep mix sets, evolving into some graphical colorful universes, full of strange and absurd creatures. Le Goûter chelou / A mad tea-party is their first project together. Surrounded by electronic happy sounds, some mysterious creatures, space fishes and little human things get out from dark and fabulous lands. Welcome to the electro and video mad tea party cooked by A-li-ce and Mectoob.
+
+  <br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website: "http://fr.myspace.com/themagicspaceofna"
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/13935245"
+- title:
+  topics: "VJ,mapping,visualBerlin"
+  artist: "Sinsynplus"
+  speakers: "Sinsynplus"
+  artist_bio:
+  description: "2001 shado sinfusion synkretistem founded. shadovisuals.com myspace.com/shadovisuals 2003 Akademie der bildenden Künste, Munich i-crew.org 2005/06 stipendiary Hochschule für Gestaltung, Karlsruhe 2006 sep.-oct. work for Greenpost, postproduction, vietnam 2007 LPM 2007 – LIVE PERFORMERS MEETING, Roma 2008 node.london – ()RE|BOOT 2008 VJFEST Istanbul 2009 Fusion Festival 2010 NAIAS Detroit 2010 | MINI, consultancy/development for gate.11, Munich
+
+visual hardrock since 2001.. sinsynplus starts vjing and visual arts back in 2001, working with slide projectors and videodecks. always evolving in hardware and software he is nowadays working completely digital, exploring new techniques and devices like integrating iphone, wiimote and sensor data, programming his own modules and plugins and working on multiscreen setups to push vjing onto the next level. his style combines graphical elements, interactive, generative, audio-reactive code and real-time manipulated 3D models to an unique visual language. sinsynplus, studying media art at the academy of fine arts and working with the postproduction company greenpost in munich is co-founder of the visual crews shado sinfusion synkretistem and kopffuessler.org.
+
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website: "http://www.sinsynplus.de/"
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/16283476"
+- title:
+  topics: "mapping,visualBerlin"
+  artist: "VJ Chindogu & Alfafa"
+  speakers: "VJ Chindogu & Alfafa"
+  artist_bio:
+  description: "Special thanks to our huruguayan friends -VJ Chindogu & Alfafa- who made an amazing drawing audio visual mapping in the tresor, great work, spirit and vibs!!!
+
+  <br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website:
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/18988275"
+- title:
+  topics: "AV,music,visualBerlin"
+  artist: "TriOOn"
+  speakers: "TriOOn"
+  artist_bio:
+  description: "TRIoon is a live oriented AV project bringing together in a unique jam session three experienced independent artists with diverse backgrounds and approaches. A TRIoon performance is a bending of time in realtime: where moments in time are reassembled using the resonant and the electrical, using tools from a 1000 years of sonic evolution, colour, tone, light and shade. TRIoon explores the realms of method, discipline, chaos, thought, feeling, boundaries, nation, culture and technology, improvising a narrative in realtime.
+
+Armed with a guitar, a bass guitar, a box of children’s instruments, found objects, a radio, FX, self-built Minitronics and 3 laptops which they refuse to synchronise, TRIoon responds to the moment taking the audience on a total rollercoaster ride of the senses encompassing fragility, intensity, movement and stillness.
+
+TRIoon is an international collaboration between producer/musicians Dr.Nojoke (Germany) and J-Lab (UK) & Spanish musician/visual artist, Servando Barreiro operating mainly in the Netaudio and Open Source community. At the moment they are based in Berlin, Germany. TRIoon presented their debut performance at Club Transmediale 09 in Berlin.
+
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website:
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/29426725"
+- title: "*spark d-fuser"
+  topics: "hardware,live cinema,visualBerlin"
+  artist: "toby*spark"
+  speakers: "toby*spark"
+  artist_bio:
+  description: "A thirty minute presentation given at visualberlin-festival about the dvi mixer project. Its in two parts, a story - parable, almost - about how much more malleable the modern world seems to be now in allowing such things to be possible, and an eight point announcement of the key *spark d-fuser features.
+
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>"
+  artist_website: "http://sparkav.co.uk/dvimixer"
+  media_artist_url:
+  video_artist_url:
+  talk_video_url: "https://vimeo.com/12657671"
+---

_posts/special/2011-12-11-Freemote.markdown

@@ -2,7 +2,6 @@
 layout: event-special
 categories : [special]
 title: "Scope @ Freemote"
-number: 01
 date_text: "December 11th, 2011"
 date_yyyy_mm_dd: "2011-12-11"
 location: "NUTrecht"

_posts/special/2012-03-23-B-Seite.markdown

@@ -2,7 +2,6 @@
 layout: event-special
 categories : [special]
 title: "Scope @ B-Seite"
-number: 02
 date_text: "March 23rd, 2012"
 date_yyyy_mm_dd: "2012-03-23"
 location: "zeitraumexit"

_posts/special/2012-06-01-LPM.markdown

@@ -2,7 +2,6 @@
 layout: event-special
 categories : [special]
 title: "Scope @ LPM"
-number: 03
 date_text: "June 1st, 2012"
 date_yyyy_mm_dd: "2012-05-01"
 location:

_posts/special/2014-03-23-B-Seite.markdown

@@ -2,7 +2,6 @@
 layout: event-special
 categories : [special]
 title: "Scope @ B-Seite"
-number: 04
 date_text: "March 23, 2014"
 date_yyyy_mm_dd: "2014-03-23"
 location: "Cinema Quadrat Mannheim"

_posts/special/2016-06-11-MIRA.markdown

@@ -2,7 +2,6 @@
 layout: event-special
 categories : [special]
 title: "Scope @ MIRA Berlin"
-number: 56
 date_text: "June 11, 2016"
 date_yyyy_mm_dd: "2016-06-11"
 location: "Funkhaus Berlin"
@@ -41,7 +40,7 @@ talks:
   video_artist_url:
   talk_video_url: "https://vimeo.com/170467518"
 - title: "Black Moves"
-  topics: "full-dome,research,animation,installation,3d"
+  topics: "full dome,research,animation,installation,3d"
   artist: "Carla Chan"
   speakers: "Carla Chan"
   artist_bio:

_site/css/video.css

@@ -146,3 +146,13 @@
 {
   margin-top:20px;
 }
+
+#mc_embed_signup
+{
+  background: none;
+}
+
+#mc_embed_signup label
+{
+  color: white;
+}

_site/feed.json

@@ -159,7 +159,7 @@
     "description": "Carla Chan introduces us to her aesthetics and the techniques used to create her amorphous, immersive full-dome video 'Black moves'. She will discuss her research into manipulating erratic nature forms in digital and E/M/D/L projects, focusing on different approaches and creation methods in immersive artistic production. Black moves will be presented as a full dome installation at this years festival in the MIRA dome. Carla Chan is media artist based in Berlin and Hong Kong. She works with a variety of media, such as video, installation, photography and interactive media. Minimal in style and form, Chan’s works often toy with the blurred boundaries between reality and illusion, figure and abstraction. Her screening Black Moves is selected for showcase at 21st Incubator for Film and Visual media in Asia as a finalist and 22nd International Symposium on Electronic Art (ISEA) in Hong Kong. Black Moves is an immersive video, a spatial drama and a virtual landscape that simulates the forming and de-forming of an amorphous black mass. Black Moves springs from a long obsession and fascination with natural transformations, particularly formless shapes and their movement.",
     "artist": "Carla Chan",
     "talk_video_url": "https://vimeo.com/170482794",    
-    "topics": "full-dome,research,animation,installation,3d"
+    "topics": "full dome,research,animation,installation,3d"
   }
   
   ,
@@ -1561,7 +1561,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
     "description": "VisualBerlin management board member Aude François and co-founder Kiritan Flux will present Berlin’s number one video-arts and VJ association VisualBerlin, how it all started in 2005 and what it has developed to today. Members and projects will be presented and people will have the chance to ask questions about the association.",
     "artist": "VisualBerlin",
     "talk_video_url": "https://vimeo.com/200844837",    
-    "topics": "VJ, Video Art, Association"
+    "topics": "VJ, Video Art, Association,visualBerlin"
   }
   
   ,
@@ -1713,5 +1713,95 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
     "topics": "Software,glitch,QuartzComposer"
   }
   
+  ,
+
+  
+  {
+    "title": "The Mask Generator",
+    "description": "The Mask Generator may be used for vj set and played live with an external controller or screened as a solo installation in an audio reactive mode. I also use the 3xvga for a larger space of projection Mask Generator is a generative software that produce a geometrical bidimensional world where a single sharp is multiplied through its opposite polarity positive/negative.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "Ran Ancor",
+    "talk_video_url": "https://vimeo.com/13181044",    
+    "topics": "VJ,software,installation,visualBerlin"
+  },
+  
+  {
+    "title": "Code 36",
+    "description": "Sanfranciscobeat aka Profile25 was chosen in the top 5 DJs in Hungary, 2009. He played together with names as Richie Hawtin, Magda, Hernan Cattaneo, Tiga, Matyas Kalman and Daniel Besnyo are both founders of the Hungarian VJ movement and independent studio, VJ Centrum (nonamevj.blogspot.com), they worked with numerous theater groups, they projected at almost all the party places in Hungary, and some festivals abroad too.
+Audiovisual live act of the CODE36 DVD. A strange fusion of techno music and silent film introducing various sights of Hungary from an original, modern point of view.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "The Exlex",
+    "talk_video_url": "https://vimeo.com/13735668",    
+    "topics": "AV,Live Cinema,visualBerlin"
+  },
+  
+  {
+    "title": "",
+    "description": "Jeff Donaldson began the noteNdo project in 2001 with the intent to create animation entirely with his own hardware modifications of 8bit NES and 16bit SEGA Genesis/Master Systems. There is no new code involved, only machine logic.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "Notendo",
+    "talk_video_url": "https://vimeo.com/13932106",    
+    "topics": "music,games,AV,visualBerlin"
+  },
+  
+  {
+    "title": "Live Cinema Reconsidered",
+    "description": "Creating a new type of event is the conclusion out of 10 years of frustration, research and performances. fALk will be sharing his most recent theoretical research in the field of live audiovisual storytelling and performances. He will shed light on how to succeed in telling a story that has emotions, adds energy to the event can be watched for prolonged periods of times without banning the watchers in a chair and dark room all the while not loosing the overarching idea that it is a live performance that is created in front of the audience and in rhythmic and emotional synch with the music.
+For the talk he will elaborate on performance techniques, interface ideas and his personal path forward.
+As per usual in his presentation this comes with a heavy dose of utopianism and provocation.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "fAlk",
+    "talk_video_url": "https://vimeo.com/13932218",    
+    "topics": "live cinema,visualBerlin"
+  },
+  
+  {
+    "title": "",
+    "description": ":NÄ: is the meeting of A-li-ce (video) and Mectoob (Music), creating some electro / breakbeat / experimental live sets and dubstep mix sets, evolving into some graphical colorful universes, full of strange and absurd creatures. Le Goûter chelou / A mad tea-party is their first project together. Surrounded by electronic happy sounds, some mysterious creatures, space fishes and little human things get out from dark and fabulous lands. Welcome to the electro and video mad tea party cooked by A-li-ce and Mectoob.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": ":NÄ:",
+    "talk_video_url": "https://vimeo.com/13935245",    
+    "topics": "AV,visualBerlin"
+  },
+  
+  {
+    "title": "",
+    "description": "2001 shado sinfusion synkretistem founded. shadovisuals.com myspace.com/shadovisuals 2003 Akademie der bildenden Künste, Munich i-crew.org 2005/06 stipendiary Hochschule für Gestaltung, Karlsruhe 2006 sep.-oct. work for Greenpost, postproduction, vietnam 2007 LPM 2007 – LIVE PERFORMERS MEETING, Roma 2008 node.london – ()RE|BOOT 2008 VJFEST Istanbul 2009 Fusion Festival 2010 NAIAS Detroit 2010 | MINI, consultancy/development for gate.11, Munich
+visual hardrock since 2001.. sinsynplus starts vjing and visual arts back in 2001, working with slide projectors and videodecks. always evolving in hardware and software he is nowadays working completely digital, exploring new techniques and devices like integrating iphone, wiimote and sensor data, programming his own modules and plugins and working on multiscreen setups to push vjing onto the next level. his style combines graphical elements, interactive, generative, audio-reactive code and real-time manipulated 3D models to an unique visual language. sinsynplus, studying media art at the academy of fine arts and working with the postproduction company greenpost in munich is co-founder of the visual crews shado sinfusion synkretistem and kopffuessler.org.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "Sinsynplus",
+    "talk_video_url": "https://vimeo.com/16283476",    
+    "topics": "VJ,mapping,visualBerlin"
+  },
+  
+  {
+    "title": "",
+    "description": "Special thanks to our huruguayan friends -VJ Chindogu & Alfafa- who made an amazing drawing audio visual mapping in the tresor, great work, spirit and vibs!!!
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "VJ Chindogu & Alfafa",
+    "talk_video_url": "https://vimeo.com/18988275",    
+    "topics": "mapping,visualBerlin"
+  },
+  
+  {
+    "title": "",
+    "description": "TRIoon is a live oriented AV project bringing together in a unique jam session three experienced independent artists with diverse backgrounds and approaches. A TRIoon performance is a bending of time in realtime: where moments in time are reassembled using the resonant and the electrical, using tools from a 1000 years of sonic evolution, colour, tone, light and shade. TRIoon explores the realms of method, discipline, chaos, thought, feeling, boundaries, nation, culture and technology, improvising a narrative in realtime.
+Armed with a guitar, a bass guitar, a box of children’s instruments, found objects, a radio, FX, self-built Minitronics and 3 laptops which they refuse to synchronise, TRIoon responds to the moment taking the audience on a total rollercoaster ride of the senses encompassing fragility, intensity, movement and stillness.
+TRIoon is an international collaboration between producer/musicians Dr.Nojoke (Germany) and J-Lab (UK) & Spanish musician/visual artist, Servando Barreiro operating mainly in the Netaudio and Open Source community. At the moment they are based in Berlin, Germany. TRIoon presented their debut performance at Club Transmediale 09 in Berlin.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "TriOOn",
+    "talk_video_url": "https://vimeo.com/29426725",    
+    "topics": "AV,music,visualBerlin"
+  },
+  
+  {
+    "title": "*spark d-fuser",
+    "description": "A thirty minute presentation given at visualberlin-festival about the dvi mixer project. Its in two parts, a story - parable, almost - about how much more malleable the modern world seems to be now in allowing such things to be possible, and an eight point announcement of the key *spark d-fuser features.
+<br/><i>(This video was produced in 2010 at visualberlinFestival by Oigovisiones and has not been part of the Scope Sessions. We included it as a tribute to the video arts association VisualBerlin which just turned 10 years old, where Scope was born in 2011)</i>",
+    "artist": "toby*spark",
+    "talk_video_url": "https://vimeo.com/12657671",    
+    "topics": "hardware,live cinema,visualBerlin"
+  }
+  
   
 ]

_site/feed.xml

@@ -6,8 +6,8 @@
 </description>
   <link>http://scopesessions.org/</link>
   <atom:link href="http://scopesessions.org /feed.xml " rel="self" type="application/rss+xml" />
-  <pubDate>Wed, 25 Jan 2017 22:49:50 +0100</pubDate>
-  <lastBuildDate>Wed, 25 Jan 2017 22:49:50 +0100</lastBuildDate>
+  <pubDate>Fri, 27 Jan 2017 11:27:30 +0100</pubDate>
+  <lastBuildDate>Fri, 27 Jan 2017 11:27:30 +0100</lastBuildDate>
   <generator>Jekyll v3.1.6</generator>
   
   <item>

_site/js/videoplayer.js

@@ -0,0 +1,79 @@
+jQuery('.videobox').each(function() {
+
+  var $this = jQuery(this);
+  jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
+    $this.css('background', 'url("' + data.thumbnail_url + '")');
+    $this.css('background-size', 'cover');
+    $this.css('background-position', 'center center');
+    $this.css('background-repeat', 'no-repeat');
+  });
+
+  $this.on('mouseover', function() {
+    var offset = $this.offset().left;
+    var center = jQuery(window).width()/2 - 50;
+    if( offset >= center) {
+      jQuery('#videotext').css('right', '');
+      jQuery('#videotext').css('left', '20px');
+      jQuery('#videotext').css('top', '80px');
+    } else {
+      jQuery('#videotext').css('left', '');
+      jQuery('#videotext').css('right', '20px');
+      jQuery('#videotext').css('top', '80px');
+    }
+
+    jQuery('#videotext').html($this.html());
+    $this.find(".playbutton").show();
+    timer = window.setTimeout(function() {
+      if( document.body.clientWidth >= 768 ) {
+        jQuery('#videotext').show(300);
+      }
+    }, 500);
+  });
+
+  $this.on('mouseout', function() {
+    jQuery('#videotext').hide();
+    $this.find(".playbutton").hide();
+    if (timer) {
+      window.clearTimeout(timer);
+    }
+  });
+
+  $this.on('click', function() {
+    jQuery('#videotext').hide();
+    $this.find("img").hide();
+    if (timer) {
+      window.clearTimeout(timer);
+    }
+    jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
+      var player = jQuery('#videoplayer #player');
+      player.html(data.html)
+      player.find( "iframe" ).attr('width', "100%").attr('height', "100%");
+      var src = player.find( "iframe" ).attr('src');
+      player.find( "iframe" ).attr('src', src + "?title=0&byline=0&portrait=0&autoplay=1");
+    });
+    jQuery('#videoplayer').fadeIn(300, function () {
+      jQuery.vegas({ src: '/assets/bgphotos/' + Math.floor(Math.random() * 12) + '.png' });
+    });
+  });
+
+  jQuery('#videoplayer').on('click', function() {
+    jQuery(this).fadeOut(500, function() {
+      jQuery('#videoplayer #player').html('');
+    });
+  });
+
+});
+$('#video-roster').isotope({
+  // options
+  itemSelector: '.videobox'
+});
+// init Isotope
+ var $grid = $('#video-roster').isotope({
+ });
+ // filter items on button click
+ $('.filter-button-group').on( 'click', 'button', function() {
+   var filterValue = $(this).attr('data-filter');
+   $grid.isotope({ filter: filterValue });
+   $('.filter-button-group').find('button').css('background-color', 'black');
+   $(this).css('background-color', '#5a4b68');
+ });

css/video.css

@@ -146,3 +146,13 @@
 {
   margin-top:20px;
 }
+
+#mc_embed_signup
+{
+  background: none;
+}
+
+#mc_embed_signup label
+{
+  color: white;
+}

js/videoplayer.js

@@ -0,0 +1,79 @@
+jQuery('.videobox').each(function() {
+
+  var $this = jQuery(this);
+  jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
+    $this.css('background', 'url("' + data.thumbnail_url + '")');
+    $this.css('background-size', 'cover');
+    $this.css('background-position', 'center center');
+    $this.css('background-repeat', 'no-repeat');
+  });
+
+  $this.on('mouseover', function() {
+    var offset = $this.offset().left;
+    var center = jQuery(window).width()/2 - 50;
+    if( offset >= center) {
+      jQuery('#videotext').css('right', '');
+      jQuery('#videotext').css('left', '20px');
+      jQuery('#videotext').css('top', '80px');
+    } else {
+      jQuery('#videotext').css('left', '');
+      jQuery('#videotext').css('right', '20px');
+      jQuery('#videotext').css('top', '80px');
+    }
+
+    jQuery('#videotext').html($this.html());
+    $this.find(".playbutton").show();
+    timer = window.setTimeout(function() {
+      if( document.body.clientWidth >= 768 ) {
+        jQuery('#videotext').show(300);
+      }
+    }, 500);
+  });
+
+  $this.on('mouseout', function() {
+    jQuery('#videotext').hide();
+    $this.find(".playbutton").hide();
+    if (timer) {
+      window.clearTimeout(timer);
+    }
+  });
+
+  $this.on('click', function() {
+    jQuery('#videotext').hide();
+    $this.find("img").hide();
+    if (timer) {
+      window.clearTimeout(timer);
+    }
+    jQuery.getJSON('https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(jQuery(this).attr('vimeo')), {format: "json"}, function(data) {
+      var player = jQuery('#videoplayer #player');
+      player.html(data.html)
+      player.find( "iframe" ).attr('width', "100%").attr('height', "100%");
+      var src = player.find( "iframe" ).attr('src');
+      player.find( "iframe" ).attr('src', src + "?title=0&byline=0&portrait=0&autoplay=1");
+    });
+    jQuery('#videoplayer').fadeIn(300, function () {
+      jQuery.vegas({ src: '/assets/bgphotos/' + Math.floor(Math.random() * 12) + '.png' });
+    });
+  });
+
+  jQuery('#videoplayer').on('click', function() {
+    jQuery(this).fadeOut(500, function() {
+      jQuery('#videoplayer #player').html('');
+    });
+  });
+
+});
+$('#video-roster').isotope({
+  // options
+  itemSelector: '.videobox'
+});
+// init Isotope
+ var $grid = $('#video-roster').isotope({
+ });
+ // filter items on button click
+ $('.filter-button-group').on( 'click', 'button', function() {
+   var filterValue = $(this).attr('data-filter');
+   $grid.isotope({ filter: filterValue });
+   $('.filter-button-group').find('button').css('background-color', 'black');
+   $(this).css('background-color', '#5a4b68');
+ });