update 59

_posts/session/2016-10-13-059.markdown

@@ -0,0 +1,43 @@
+---
+layout: event
+categories : [session]
+title:
+number: 59
+date_text: "October 13th, 2016"
+date_yyyy_mm_dd: "2016-10-13"
+location: "Panke"
+location_website: "http://www.pankeculture.com"
+fb_event_url: "https://www.facebook.com/events/317478721955752/"
+fb_gallery_id:
+talks:
+- title: "How paintings obtain another dimension."
+  topics: "3D"
+  artist: "Gajek"
+  speakers: "Agnieszka Gajewska"
+  artist_bio: "Agnieszka Gajewska aka Gajek, born in Chorzów, Poland in 1982. Lived in Brussels, Belgium, 2010-2015. Lives in Mannheim, Germany since 2016. Graduated from Fine Arts Academy in Gdańsk, Painting and Serigraphy in 2008. Studied Painting at the Marmara University in 2007/2008.Gajek applies different 'optical' techniques, that has not been used so far in painting. She adapts them as a tool to highlight the message hidden in the work. This gives an extra aesthetic and emotional experience. Her works do not allow viewer to pass without getting a bit closer and contemplate a while. The main subject is people and emotions, often embodied by animals. Winner of the 'Minister of Culture and National Heritage Prize' (best master diploma in Painting in Poland), 2008. Award nominee for 'Creators of Culture in Gdańsk 2009' and 'Storm of the Year 2009'. Polish representative at the 'XIV Biennale of Young Artists from Europe and the Mediterranean' (BJCEM) in Skopje, Macedonia, 2009 and at the Biennale 'XIII BJCEM' in Bari, Italy, 2008. Received many cultural scholarships and grants in Poland. Numerous national and international exhibitions."
+  description: "Overview of past and current projects in painting involving 3D technique, creation process, how the utilized 3D anaglyph technique works, previous works in performance, silkprint, installation and painting."
+  artist_website: "http://www.agnieszkagajewska.com"
+  media_artist_url: "/images/gajek.jpg"
+  video_artist_url:
+  talk_video_url:
+- title: "Ephemera - immaterial work"
+  topics: "Data"
+  artist: "Martìn Romeo"
+  speakers: "Martìn Romeo"
+  artist_bio: "Martín Romeo is an Italian-Argentine multimedia artist-based in Venice, whose research is directed to interactive art ranging from video installations and dance performances. Artistic director and founder of the Toolkit Festival of Venice, he presented his work in various European and international contexts. He teaches new artistic forms connected to interactive technology, among others, in Belgium, China, Italy and Netherlands."
+  description: "The artist will show his latest work Ephemera - interactive olfactory installation, which consists in distill the real world in data that take on new olfative return. The audiences will be invited to follow the next Interactive Art workshop to be held on October 16 at Artistic Workshop Series."
+  artist_website: "http://www.martinromeo.com/"
+  media_artist_url: "/images/martin_romeo.jpeg"
+  video_artist_url: "https://vimeo.com/144276452"
+  talk_video_url:
+- title: "Performing in Physical and Mental Space"
+  topics: "Patching"
+  artist: "Kiritan Flux"
+  speakers: "Tobias Last"
+  artist_bio: "Kiritan Flux works as a live visual artist and expanded-media producer since 2004. His artistic work ranges from VJ shows at prominent techno events such as TimeWarp (DE), or Sonus Festival (HR) to more conceptual live-cinema performances tailored to their unique local context. In addition to artistic works, he co-curates the monthly artist talk event Scope Sessions in Berlin."
+  description: "Throughout my work in the field of improvised live video art ('VJing') one special focus has always been the 'set and setting' of the performance. Who am I besides the operator of my instruments? In which local and cultural context do I present my art right now? I deliberately use such questions as prime inspiration for conceptual live performances unique to the place of their presentation and my subjective reception of that place. 'Place' in a spatial and also geographical sense. In my talk I will present a selection of my past and current work related to this concept."
+  artist_website: "http://flux.vision/"
+  media_artist_url: "http://flux.vision/library/moam_1.jpg"
+  video_artist_url: "https://vimeo.com/157625424"
+  talk_video_url:
+---

_site/bower_components/picbookjs/Gruntfile.js

@@ -0,0 +1,45 @@
+/*global require, module */
+/*jslint node: true*/
+'use strict';
+
+module.exports = function (grunt) {
+
+  require('time-grunt')(grunt);
+  require('load-grunt-tasks')(grunt);
+
+  grunt.initConfig({
+
+    pkg: grunt.file.readJSON('package.json'),
+
+    uglify: {
+      options: {
+        banner: '/*! <%= pkg.name %> <%= pkg.version %> Copyright (C) 2014 <%= pkg.author %>, <%= pkg.homepage %> */\n'
+      },
+      lib: {
+        files: {
+          'js/picbook.min.js': ['js/picbook.js']
+        }
+      }
+    },
+
+    jshint: {
+      options: {
+        reporter: require('jshint-stylish'),
+        curly: true,
+        eqeqeq: true,
+        eqnull: true,
+        browser: true
+      },
+      gruntfile: {
+        src: 'Gruntfile.js'
+      },
+      lib: {
+        src: ['js/picbook.js']
+      }
+    },
+
+  });
+
+  grunt.registerTask('default', ['jshint','uglify']);
+
+};

_site/bower_components/picbookjs/LICENSE.md

@@ -0,0 +1,12 @@
+License
+-------
+
+The MIT License (MIT)
+
+Copyright © 2014 [Henrique Alves](https://github.com/henriquea)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

_site/bower_components/picbookjs/README.md

@@ -0,0 +1,87 @@
+picbookJs
+-------
+
+A simple Javascript library to display album photos from a Facebook Page.
+
+## Why?
+
+The library was made because we wanted to easily "embed" photos from a Facebook page to our church's [website](http://hillsong.co.uk). Also this would be managed by people with basic understanding of HTML, this is why I tried to keep it simple and without dependencies.
+
+## Installation
+
+- [Download](https://github.com/henriquea/picbookjs/archive/master.zip) ZIP
+- Bower: `bower install picbookjs`
+
+## Getting Started
+
+This is the simple way to get the ball rolling.
+
+### Basic usage
+
+Include the `picbook.min.js` before the `</body>` tag. Then initialise the library:
+
+```html
+<div class="picbook"></div>
+
+<script type="text/javascript" src="picbook.min.js"></script>
+
+<script type="text/javascript">
+  (function($)){
+    var picbook = new picbookJs({
+      albumId: '10150167782373951'
+    });
+  })(jQuery);
+</script>
+```
+
+### Options
+
+Those are the options avaliable when you initialise the library:
+
+| Parameter         | Description                                                            |
+| ----------------- | ---------------------------------------------------------------------- |
+| _albumId_         | The Facebook album ID (required)                                       |
+| _albumLoaded_     | Provide a callback as soon the album is loaded.                        |
+| _photosLoaded_    | Callback a function when the photos are loaded.                        |
+| _limit_           | Number of photos to be loaded. The maximum allower by Facebook is 100. |
+
+Example:
+
+```javascript
+var options = {
+  albumId: '10150167782373951',
+  limit: 10,
+  albumLoaded: function() { /* do something */ },
+  photosLoaded: function() { /* do something else */ }
+};
+
+var picbook = new picbookJs(options);
+```
+
+## Questions
+
+#### Where do I get the album ID?
+
+Go to an album page and copy the _ID_ from the address bar URL:
+
+![Image](http://f.cl.ly/items/2s0L3f430q2l1I11101K/fb-album-id.gif)
+
+#### How about retrieve an album that belongs to a user?
+
+Not possible. The `user_photo` [permission](https://developers.facebook.com/docs/reference/login/#permissions) is required, which means you would have to create a Facebook app and implement the Facebook Login.
+
+#### How about pagination?
+
+This is in my _TODO_ list. For now you can set a `limit` to 100 (maximum allowed by Facebook).
+
+## License
+
+The MIT License (MIT)
+
+Copyright © 2014 [Henrique Alves](https://github.com/henriquea)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

_site/bower_components/picbookjs/TODO.md

@@ -0,0 +1,6 @@
+TODO
+-------
+
+- Add model layer for album and photos object
+- Create one static page to retrieve the album ID from a given URL
+- Paginating

_site/bower_components/picbookjs/bower.json

@@ -0,0 +1,26 @@
+{
+  "name": "picbookjs",
+  "version": "0.3.0",
+  "homepage": "http://henriquea.github.io/picbookjs/",
+  "authors": [
+    "Henrique Alves <henriquea@gmail.com>"
+  ],
+  "description": "A simple Javascript library to display album photos from a Facebook Page",
+  "main": [
+    "js/picbook.js",
+    "css/picbook.css"
+  ],
+  "keywords": [
+    "facebook",
+    "javascript",
+    "photos"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

_site/bower_components/picbookjs/config.rb

@@ -0,0 +1,8 @@
+http_path = "/"
+css_dir = "css"
+sass_dir = "scss"
+
+# output_style = :expanded or :nested or :compact or :compressed
+output_style = :expanded
+
+line_comments = false

_site/bower_components/picbookjs/css/picbook.css

@@ -0,0 +1,27 @@
+.picbook .album-title {
+  font-size: 1.6em;
+  font-weight: 300;
+}
+.picbook .photo-list {
+  padding: 0;
+  margin: 0;
+}
+.picbook .photo-list .photo-list-item {
+  list-style-type: none;
+  display: inline-block;
+}
+.picbook .photo-list .photo-list-item .item-thumb {
+  cursor: pointer;
+  display: block;
+  margin: 3px;
+  width: 206px;
+  height: 206px;
+  background-size: cover;
+  background-position: 50% 25%;
+  transition: all 199ms ease;
+  vertical-align: top;
+  opacity: .73;
+}
+.picbook .photo-list .photo-list-item .item-thumb:hover {
+  opacity: 1;
+}

_site/bower_components/picbookjs/example.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>picbookJs</title>
+
+  <meta charset="utf-8">
+  <meta name="description" content="A Simple Javascript Library To Display Album Photos From A Facebook Page.">
+  <meta name="keywords" content="library,open source, github, javascript, js,facebook, album, photos">
+
+  <link rel="stylesheet" type="text/css" href="css/picbook.css">
+
+  <script type="text/javascript" src="js/picbook.js"></script>
+
+</head>
+
+<body>
+
+  <div class="picbook"></div>
+
+  <script type="text/javascript">
+    var picbook = new picbookJs({
+      limit: 30,
+      albumId: '10151871660806681'
+    });
+  </script>
+
+</body>
+</html>

_site/bower_components/picbookjs/js/picbook.js

@@ -0,0 +1,161 @@
+/* picbookJs 0.3.0 | Copyright (C) 2014 Henrique Alves, http://henriquea.github.io/picbookjs */
+var _picbookOptions = null;
+
+var picbookJs = (function(document){
+
+  'use strict';
+
+  function picbookJs(options) {
+
+    /*jslint validthis: true */
+    this.options = this.extend(this._options, options);
+    this.init();
+    _picbookOptions = this.options;
+
+  }
+
+  picbookJs.prototype = {
+
+    count: 0,
+
+    loaded: false,
+
+    dom: {},
+
+    _options: {
+      graph: 'https://graph.facebook.com/',
+      limit: 10,
+    },
+
+    init: function() {
+
+      this.loaded = false;
+      this.getAlbum({
+        callback: 'picbookJs.prototype.albumComplete'
+      });
+
+      // Setup DOM
+      this.dom.wrapper = document.querySelector('.picbook');
+      this.dom.title = document.createElement('h3');
+      this.dom.title.classList.add('album-title');
+      this.dom.photos = document.createElement('ul');
+      this.dom.photos.classList.add('photo-list');
+      this.dom.wrapper.appendChild(this.dom.title);
+      this.dom.wrapper.appendChild(this.dom.photos);
+
+    },
+
+    getAlbum: function(params) {
+
+      var js = document.createElement('script'),
+          options = _picbookOptions || this.options,
+          url = options.graph + options.albumId,
+          s;
+
+      js.type = 'text/javascript';
+      js.async = true;
+      js.src = url + '?callback=' + params.callback;
+
+      s = document.getElementsByTagName('script')[0];
+      s.parentNode.insertBefore(js, s.nextSibling);
+
+    },
+
+    // TODO: adpated the method for paging the data
+    getPhotos: function(params) {
+
+      var js = document.createElement('script'),
+          options = _picbookOptions || this.options,
+          url = options.graph + options.albumId + '/photos',
+          s;
+
+      js.type = 'text/javascript';
+      js.async = true;
+      js.src = url + '?limit=' + options.limit + '&callback=' + params.callback;
+
+      s = document.getElementsByTagName('script')[0];
+      s.parentNode.insertBefore(js, s.nextSibling);
+
+    },
+
+    // https://developers.facebook.com/docs/reference/api/album
+    albumComplete: function(response) {
+
+      var options = _picbookOptions || this.options;
+
+      this.album = response;
+      this.count = response.count;
+      this.getPhotos({
+        callback: 'picbookJs.prototype.photosComplete'
+      });
+
+      if (typeof options.albumLoaded === 'function') {
+        options.albumLoaded();
+      }
+
+      this.dom.title.innerHTML = response.name;
+
+    },
+
+    // https://developers.facebook.com/docs/graph-api/reference/photo
+    photosComplete: function(response) {
+
+      var options = _picbookOptions || this.options;
+
+      this.photos = response.data;
+      this.loaded = true;
+      this.createPhotos();
+
+      if (typeof options.photosLoaded  === 'function') {
+        options.photosLoaded();
+      }
+
+    },
+
+    createPhotos: function() {
+
+      var arrUrl = [], imgSrc, i, len, image, li, a, link;
+
+      for (i=0, len = this.photos.length; i < len; i++) {
+
+        image = this.photos[i].images[0];
+
+        // Check if photo has public permission
+        if (!image.source.match(/oh=/)) {
+
+          link = this.photos[i].link.replace(/graph.facebook/gi, 'www.facebook');
+          li = document.createElement('li');
+          a = document.createElement('a');
+          li.classList.add('photo-list-item');
+          this.dom.photos.appendChild(li);
+          li.appendChild(a);
+          a.classList.add('item-thumb');
+
+          arrUrl = image.source.split('/').splice(0);
+          arrUrl.splice(5,0,'p206x206');
+          imgSrc = arrUrl.join('/');
+
+          a.setAttribute('href', link);
+          a.setAttribute('style', 'background-image: url('+ imgSrc +')');
+        }
+
+      }
+
+    },
+
+    extend: function(a, b) {
+
+      for (var key in b) {
+        if (b.hasOwnProperty(key)) {
+          a[key] = b[key];
+        }
+      }
+      return a;
+
+    }
+
+  };
+
+  return picbookJs;
+
+})(document);

_site/bower_components/picbookjs/js/picbook.min.js

@@ -0,0 +1,2 @@
+/*! picbookJs 0.3.0 Copyright (C) 2014 Henrique Alves, http://henriquea.github.io/picbookjs */
+var _picbookOptions=null,picbookJs=function(a){"use strict";function b(a){this.options=this.extend(this._options,a),this.init(),_picbookOptions=this.options}return b.prototype={count:0,loaded:!1,dom:{},_options:{graph:"https://graph.facebook.com/",limit:10},init:function(){this.loaded=!1,this.getAlbum({callback:"picbookJs.prototype.albumComplete"}),this.dom.wrapper=a.querySelector(".picbook"),this.dom.title=a.createElement("h3"),this.dom.title.classList.add("album-title"),this.dom.photos=a.createElement("ul"),this.dom.photos.classList.add("photo-list"),this.dom.wrapper.appendChild(this.dom.title),this.dom.wrapper.appendChild(this.dom.photos)},getAlbum:function(b){var c,d=a.createElement("script"),e=_picbookOptions||this.options,f=e.graph+e.albumId;d.type="text/javascript",d.async=!0,d.src=f+"?callback="+b.callback,c=a.getElementsByTagName("script")[0],c.parentNode.insertBefore(d,c.nextSibling)},getPhotos:function(b){var c,d=a.createElement("script"),e=_picbookOptions||this.options,f=e.graph+e.albumId+"/photos";d.type="text/javascript",d.async=!0,d.src=f+"?limit="+e.limit+"&callback="+b.callback,c=a.getElementsByTagName("script")[0],c.parentNode.insertBefore(d,c.nextSibling)},albumComplete:function(a){var b=_picbookOptions||this.options;this.album=a,this.count=a.count,this.getPhotos({callback:"picbookJs.prototype.photosComplete"}),"function"==typeof b.albumLoaded&&b.albumLoaded(),this.dom.title.innerHTML=a.name},photosComplete:function(a){var b=_picbookOptions||this.options;this.photos=a.data,this.loaded=!0,this.createPhotos(),"function"==typeof b.photosLoaded&&b.photosLoaded()},createPhotos:function(){var b,c,d,e,f,g,h,i=[];for(c=0,d=this.photos.length;d>c;c++)e=this.photos[c].images[0],e.source.match(/oh=/)||(h=this.photos[c].link.replace(/graph.facebook/gi,"www.facebook"),f=a.createElement("li"),g=a.createElement("a"),f.classList.add("photo-list-item"),this.dom.photos.appendChild(f),f.appendChild(g),g.classList.add("item-thumb"),i=e.source.split("/").splice(0),i.splice(5,0,"p206x206"),b=i.join("/"),g.setAttribute("href",h),g.setAttribute("style","background-image: url("+b+")"))},extend:function(a,b){for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c]);return a}},b}(document);

_site/bower_components/picbookjs/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "picbookjs",
+  "version": "0.3.0",
+  "description": "A simple Javascript library to display album photos from a Facebook Page",
+  "main": "js/picbook.js",
+  "directories": {
+    "example": "examples"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/henriquea/picbookjs.git"
+  },
+  "keywords": [
+    "facebook",
+    "album",
+    "photo"
+  ],
+  "author": "Henrique Alves",
+  "homepage": "http://henriquea.github.io/picbookjs",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/henriquea/picbookjs/issues"
+  },
+  "devDependencies": {
+    "bower": "~1.2.8",
+    "grunt": "~0.4.2",
+    "grunt-contrib-jshint": "~0.7.0",
+    "load-grunt-tasks": "~0.2.0",
+    "time-grunt": "~0.2.0",
+    "jshint-stylish": "~0.1.3",
+    "grunt-contrib-uglify": "~0.3.2"
+  }
+}

_site/bower_components/picbookjs/scss/picbook.scss

@@ -0,0 +1,45 @@
+$thumb-margin: 3px;
+$thumb-width: 206px;
+$thumb-height: 206px;
+
+.picbook {
+
+  .album-title {
+    font-size: 1.6em;
+    font-weight: 300;
+  }
+
+  .photo-list {
+
+    padding: 0;
+    margin: 0;
+
+    .photo-list-item {
+
+      list-style-type: none;
+      display: inline-block;
+
+      .item-thumb {
+
+        cursor: pointer;
+        display: block;
+        margin: $thumb-margin;
+        width: $thumb-width;
+        height: $thumb-height;
+        background-size: cover;
+        background-position: 50% 25%;
+        transition: all 199ms ease;
+        vertical-align: top;
+        opacity: .73;
+
+        &:hover {
+          opacity: 1;
+        }
+
+      }
+
+    }
+
+  }
+
+}