This commit is contained in:
Kiritan Flux 2017-01-23 12:35:40 +01:00
parent 1f47486523
commit 2104affd6f
62 changed files with 3476 additions and 511 deletions

View file

@ -0,0 +1,5 @@
Bootstrap uses [GitHub's Releases feature](https://github.com/blog/1547-release-your-software) for its changelogs.
See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap.
Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release.

View file

@ -0,0 +1,6 @@
source 'https://rubygems.org'
group :development, :test do
gem 'jekyll', '~> 3.1.2'
gem 'jekyll-sitemap', '~> 0.11.0'
end

View file

@ -0,0 +1,43 @@
GEM
remote: https://rubygems.org/
specs:
addressable (2.4.0)
colorator (0.1)
ffi (1.9.14-x64-mingw32)
jekyll (3.1.6)
colorator (~> 0.1)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 1.1)
kramdown (~> 1.3)
liquid (~> 3.0)
mercenary (~> 0.3.3)
rouge (~> 1.7)
safe_yaml (~> 1.0)
jekyll-sass-converter (1.4.0)
sass (~> 3.4)
jekyll-sitemap (0.11.0)
addressable (~> 2.4.0)
jekyll-watch (1.4.0)
listen (~> 3.0, < 3.1)
kramdown (1.11.1)
liquid (3.0.6)
listen (3.0.8)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
mercenary (0.3.6)
rb-fsevent (0.9.7)
rb-inotify (0.9.7)
ffi (>= 0.5.0)
rouge (1.11.1)
safe_yaml (1.0.4)
sass (3.4.22)
PLATFORMS
x64-mingw32
DEPENDENCIES
jekyll (~> 3.1.2)
jekyll-sitemap (~> 0.11.0)
BUNDLED WITH
1.12.5

View file

@ -1,7 +1,7 @@
/*!
* Bootstrap's Gruntfile
* http://getbootstrap.com
* Copyright 2013-2015 Twitter, Inc.
* Copyright 2013-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@ -17,7 +17,6 @@ module.exports = function (grunt) {
var fs = require('fs');
var path = require('path');
var npmShrinkwrap = require('npm-shrinkwrap');
var generateGlyphiconsData = require('./grunt/bs-glyphicons-data-generator.js');
var BsLessdocParser = require('./grunt/bs-lessdoc-parser.js');
var getLessVarsData = function () {
@ -130,7 +129,7 @@ module.exports = function (grunt) {
warnings: false
},
mangle: true,
preserveComments: 'some'
preserveComments: /^!|@preserve|@license|@cc_on/i
},
core: {
src: '<%= concat.bootstrap.dest %>',
@ -231,6 +230,8 @@ module.exports = function (grunt) {
// and then simplify the fix for https://github.com/twbs/bootstrap/issues/14837 accordingly
compatibility: 'ie8',
keepSpecialComments: '*',
sourceMap: true,
sourceMapInlineSources: true,
advanced: false
},
minifyCore: {
@ -243,6 +244,7 @@ module.exports = function (grunt) {
},
docs: {
src: [
'docs/assets/css/ie10-viewport-bug-workaround.css',
'docs/assets/css/src/pygments-manni.css',
'docs/assets/css/src/docs.css'
],
@ -275,7 +277,7 @@ module.exports = function (grunt) {
copy: {
fonts: {
expand: true,
src: 'fonts/*',
src: 'fonts/**',
dest: 'dist/'
},
docs: {
@ -299,7 +301,9 @@ module.exports = function (grunt) {
jekyll: {
options: {
config: '_config.yml'
bundleExec: true,
config: '_config.yml',
incremental: false
},
docs: {},
github: {
@ -312,12 +316,27 @@ module.exports = function (grunt) {
htmlmin: {
dist: {
options: {
collapseBooleanAttributes: true,
collapseWhitespace: true,
conservativeCollapse: true,
minifyCSS: true,
decodeEntities: false,
minifyCSS: {
compatibility: 'ie8',
keepSpecialComments: 0
},
minifyJS: true,
minifyURLs: false,
processConditionalComments: true,
removeAttributeQuotes: true,
removeComments: true
removeComments: true,
removeOptionalAttributes: true,
removeOptionalTags: true,
removeRedundantAttributes: true,
removeScriptTypeAttributes: true,
removeStyleLinkTypeAttributes: true,
removeTagWhitespace: false,
sortAttributes: true,
sortClassName: true
},
expand: true,
cwd: '_gh_pages',
@ -329,17 +348,17 @@ module.exports = function (grunt) {
}
},
jade: {
pug: {
options: {
pretty: true,
data: getLessVarsData
},
customizerVars: {
src: 'docs/_jade/customizer-variables.jade',
src: 'docs/_pug/customizer-variables.pug',
dest: 'docs/_includes/customizer-variables.html'
},
customizerNav: {
src: 'docs/_jade/customizer-nav.jade',
src: 'docs/_pug/customizer-nav.pug',
dest: 'docs/_includes/nav/customize.html'
}
},
@ -348,7 +367,7 @@ module.exports = function (grunt) {
options: {
ignore: [
'Attribute "autocomplete" not allowed on element "button" at this point.',
'Attribute "autocomplete" not allowed on element "input" at this point.',
'Attribute "autocomplete" is only allowed when the input type is "color", "date", "datetime", "datetime-local", "email", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", or "week".',
'Element "img" is missing required attribute "src".'
]
},
@ -370,25 +389,6 @@ module.exports = function (grunt) {
}
},
sed: {
versionNumber: {
pattern: (function () {
var old = grunt.option('oldver');
return old ? RegExp.quote(old) : old;
})(),
replacement: grunt.option('newver'),
exclude: [
'dist/fonts',
'docs/assets',
'fonts',
'js/tests/vendor',
'node_modules',
'test-infra'
],
recursive: true
}
},
'saucelabs-qunit': {
all: {
options: {
@ -483,16 +483,11 @@ module.exports = function (grunt) {
// Default task.
grunt.registerTask('default', ['clean:dist', 'copy:fonts', 'test']);
// Version numbering task.
// grunt change-version-number --oldver=A.B.C --newver=X.Y.Z
// This can be overzealous, so its changes should always be manually reviewed!
grunt.registerTask('change-version-number', 'sed');
grunt.registerTask('build-glyphicons-data', function () { generateGlyphiconsData.call(this, grunt); });
// task for building customizer
grunt.registerTask('build-customizer', ['build-customizer-html', 'build-raw-files']);
grunt.registerTask('build-customizer-html', 'jade');
grunt.registerTask('build-customizer-html', 'pug');
grunt.registerTask('build-raw-files', 'Add scripts/less files to customizer.', function () {
var banner = grunt.template.process('<%= banner %>');
generateRawFiles(grunt, banner);
@ -510,22 +505,7 @@ module.exports = function (grunt) {
grunt.registerTask('docs-js', ['uglify:docsJs', 'uglify:customize']);
grunt.registerTask('lint-docs-js', ['jshint:assets', 'jscs:assets']);
grunt.registerTask('docs', ['docs-css', 'lint-docs-css', 'docs-js', 'lint-docs-js', 'clean:docs', 'copy:docs', 'build-glyphicons-data', 'build-customizer']);
grunt.registerTask('docs-github', ['jekyll:github', 'htmlmin']);
grunt.registerTask('prep-release', ['dist', 'docs', 'jekyll:github', 'htmlmin', 'compress']);
// Task for updating the cached npm packages used by the Travis build (which are controlled by test-infra/npm-shrinkwrap.json).
// This task should be run and the updated file should be committed whenever Bootstrap's dependencies change.
grunt.registerTask('update-shrinkwrap', ['exec:npmUpdate', '_update-shrinkwrap']);
grunt.registerTask('_update-shrinkwrap', function () {
var done = this.async();
npmShrinkwrap({ dev: true, dirname: __dirname }, function (err) {
if (err) {
grunt.fail.warn(err);
}
var dest = 'test-infra/npm-shrinkwrap.json';
fs.renameSync('npm-shrinkwrap.json', dest);
grunt.log.writeln('File ' + dest.cyan + ' updated.');
done();
});
});
grunt.registerTask('prep-release', ['dist', 'docs', 'docs-github', 'compress']);
};

View file

@ -0,0 +1,22 @@
Before opening an issue:
- [Search for duplicate or closed issues](https://github.com/twbs/bootstrap/issues?utf8=%E2%9C%93&q=is%3Aissue)
- [Validate](http://validator.w3.org/nu/) and [lint](https://github.com/twbs/bootlint#in-the-browser) any HTML to avoid common problems
- Prepare a [reduced test case](https://css-tricks.com/reduced-test-cases/) for any bugs
- Read the [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md)
When asking general "how to" questions:
- Please do not open an issue here
- Instead, ask for help on [StackOverflow, IRC, or Slack](https://github.com/twbs/bootstrap/blob/master/README.md#community)
When reporting a bug, include:
- Operating system and version (Windows, Mac OS X, Android, iOS, Win10 Mobile)
- Browser and version (Chrome, Firefox, Safari, IE, MS Edge, Opera 15+, Android Browser)
- Reduced test cases and potential fixes using [JS Bin](https://jsbin.com)
When suggesting a feature, include:
- As much detail as possible for what we should add and why it's important to Bootstrap
- Relevant links to prior art, screenshots, or live demos whenever possible

View file

@ -1,6 +1,6 @@
The MIT License (MIT)
Copyright (c) 2011-2015 Twitter, Inc
Copyright (c) 2011-2016 Twitter, Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal

View file

@ -1,36 +1,40 @@
# [Bootstrap](http://getbootstrap.com)
[![Slack](https://bootstrap-slack.herokuapp.com/badge.svg)](https://bootstrap-slack.herokuapp.com)
![Bower version](https://img.shields.io/bower/v/bootstrap.svg)
[![npm version](https://img.shields.io/npm/v/bootstrap.svg)](https://www.npmjs.com/package/bootstrap)
[![Build Status](https://img.shields.io/travis/twbs/bootstrap/master.svg)](https://travis-ci.org/twbs/bootstrap)
[![devDependency Status](https://img.shields.io/david/dev/twbs/bootstrap.svg)](https://david-dm.org/twbs/bootstrap#info=devDependencies)
[![NuGet](https://img.shields.io/nuget/v/bootstrap.svg)](https://www.nuget.org/packages/Bootstrap)
[![Selenium Test Status](https://saucelabs.com/browser-matrix/bootstrap.svg)](https://saucelabs.com/u/bootstrap)
Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thornton](https://twitter.com/fat), and maintained by the [core team](https://github.com/orgs/twbs/people) with the massive support and involvement of the community.
To get started, check out <http://getbootstrap.com>!
## Table of contents
- [Quick start](#quick-start)
- [Bugs and feature requests](#bugs-and-feature-requests)
- [Documentation](#documentation)
- [Contributing](#contributing)
- [Community](#community)
- [Versioning](#versioning)
- [Creators](#creators)
- [Copyright and license](#copyright-and-license)
* [Quick start](#quick-start)
* [Bugs and feature requests](#bugs-and-feature-requests)
* [Documentation](#documentation)
* [Contributing](#contributing)
* [Community](#community)
* [Versioning](#versioning)
* [Creators](#creators)
* [Copyright and license](#copyright-and-license)
## Quick start
Several quick start options are available:
- [Download the latest release](https://github.com/twbs/bootstrap/archive/v3.3.5.zip).
- Clone the repo: `git clone https://github.com/twbs/bootstrap.git`.
- Install with [Bower](http://bower.io): `bower install bootstrap`.
- Install with [npm](https://www.npmjs.com): `npm install bootstrap`.
- Install with [Meteor](https://www.meteor.com): `meteor add twbs:bootstrap`.
- Install with [Composer](https://getcomposer.org): `composer require twbs/bootstrap`.
* [Download the latest release](https://github.com/twbs/bootstrap/archive/v3.3.7.zip).
* Clone the repo: `git clone https://github.com/twbs/bootstrap.git`.
* Install with [Bower](http://bower.io): `bower install bootstrap`.
* Install with [npm](https://www.npmjs.com): `npm install bootstrap@3`.
* Install with [Meteor](https://www.meteor.com): `meteor add twbs:bootstrap`.
* Install with [Composer](https://getcomposer.org): `composer require twbs/bootstrap`.
Read the [Getting started page](http://getbootstrap.com/getting-started/) for information on the framework contents, templates and examples, and more.
@ -44,9 +48,11 @@ bootstrap/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ └── bootstrap-theme.min.css
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
@ -61,11 +67,12 @@ bootstrap/
We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). CSS [source maps](https://developer.chrome.com/devtools/docs/css-preprocessors) (`bootstrap.*.map`) are available for use with certain browsers' developer tools. Fonts from Glyphicons are included, as is the optional Bootstrap theme.
## Bugs and feature requests
Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/twbs/bootstrap/issues/new).
Note that **feature requests must target [Bootstrap v4](https://github.com/twbs/bootstrap/tree/v4-dev),** because Bootstrap v3 is now in maintenance mode and is closed off to new features. This is so that we can focus our efforts on Bootstrap v4.
## Documentation
@ -73,11 +80,10 @@ Bootstrap's documentation, included in this repo in the root directory, is built
### Running documentation locally
1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v2.5.x).
- **Windows users:** Read [this unofficial guide](http://jekyll-windows.juthilo.com/) to get Jekyll up and running without problems.
2. Install the Ruby-based syntax highlighter, [Rouge](https://github.com/jneen/rouge), with `gem install rouge`.
3. From the root `/bootstrap` directory, run `jekyll serve` in the command line.
4. Open <http://localhost:9001> in your browser, and voilà.
1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) and other Ruby dependencies with `bundle install`.
**Note for Windows users:** Read [this unofficial guide](http://jekyll-windows.juthilo.com/) to get Jekyll up and running without problems.
2. From the root `/bootstrap` directory, run `bundle exec jekyll serve` in the command line.
4. Open `http://localhost:9001` in your browser, and voilà.
Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).
@ -88,50 +94,49 @@ Documentation for v2.3.2 has been made available for the time being at <http://g
[Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download.
## Contributing
Please read through our [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
Moreover, if your pull request contains JavaScript patches or features, you must include [relevant unit tests](https://github.com/twbs/bootstrap/tree/master/js/tests). All HTML and CSS should conform to the [Code Guide](https://github.com/mdo/code-guide), maintained by [Mark Otto](https://github.com/mdo).
Editor preferences are available in the [editor config](https://github.com/twbs/bootstrap/blob/master/.editorconfig) for easy use in common text editors. Read more and download plugins at <http://editorconfig.org>.
**Bootstrap v3 is now closed off to new features.** It has gone into maintenance mode so that we can focus our efforts on [Bootstrap v4](https://github.com/twbs/bootstrap/tree/v4-dev), the future of the framework. Pull requests which add new features (rather than fix bugs) should target [Bootstrap v4 (the `v4-dev` git branch)](https://github.com/twbs/bootstrap/tree/v4-dev) instead.
Editor preferences are available in the [editor config](https://github.com/twbs/bootstrap/blob/master/.editorconfig) for easy use in common text editors. Read more and download plugins at <http://editorconfig.org>.
## Community
Get updates on Bootstrap's development and chat with the project maintainers and community members.
- Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap).
- Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
- Join [the official Slack room](https://bootstrap-slack.herokuapp.com).
- Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##bootstrap` channel.
- Implementation help may be found at Stack Overflow (tagged [`twitter-bootstrap-3`](https://stackoverflow.com/questions/tagged/twitter-bootstrap-3)).
- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.
* Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap).
* Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
* Join [the official Slack room](https://bootstrap-slack.herokuapp.com).
* Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##bootstrap` channel.
* Implementation help may be found at Stack Overflow (tagged [`twitter-bootstrap-3`](https://stackoverflow.com/questions/tagged/twitter-bootstrap-3)).
* Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.
## Versioning
For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under [the Semantic Versioning guidelines](http://semver.org/). Sometimes we screw up, but we'll adhere to those rules whenever possible.
See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap. Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release.
## Creators
**Mark Otto**
- <https://twitter.com/mdo>
- <https://github.com/mdo>
* <https://twitter.com/mdo>
* <https://github.com/mdo>
**Jacob Thornton**
- <https://twitter.com/fat>
- <https://github.com/fat>
* <https://twitter.com/fat>
* <https://github.com/fat>
## Copyright and license
Code and documentation copyright 2011-2015 Twitter, Inc. Code released under [the MIT license](https://github.com/twbs/bootstrap/blob/master/LICENSE). Docs released under [Creative Commons](https://github.com/twbs/bootstrap/blob/master/docs/LICENSE).
Code and documentation copyright 2011-2016 Twitter, Inc. Code released under [the MIT license](https://github.com/twbs/bootstrap/blob/master/LICENSE). Docs released under [Creative Commons](https://github.com/twbs/bootstrap/blob/master/docs/LICENSE).

View file

@ -29,6 +29,6 @@
"test-infra"
],
"dependencies": {
"jquery": ">= 1.9.1"
"jquery": "1.9.1 - 3"
}
}

View file

@ -1,6 +1,6 @@
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn-default,

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,6 +1,6 @@
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@ -279,10 +279,10 @@ th {
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
content: "\002a";
}
.glyphicon-plus:before {
content: "\2b";
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
@ -1106,7 +1106,6 @@ a:focus {
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
@ -2537,7 +2536,6 @@ select[size] {
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
@ -2582,6 +2580,10 @@ output {
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
@ -2988,7 +2990,7 @@ select[multiple].input-lg {
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.333333px;
padding-top: 11px;
font-size: 18px;
}
}
@ -3025,7 +3027,6 @@ select[multiple].input-lg {
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
@ -3096,9 +3097,6 @@ fieldset[disabled] a.btn {
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
@ -3107,13 +3105,7 @@ fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
@ -3162,9 +3154,6 @@ fieldset[disabled] .btn-default.active {
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
@ -3173,13 +3162,7 @@ fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
@ -3228,9 +3211,6 @@ fieldset[disabled] .btn-primary.active {
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
@ -3239,13 +3219,7 @@ fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
@ -3294,9 +3268,6 @@ fieldset[disabled] .btn-success.active {
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
@ -3305,13 +3276,7 @@ fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
@ -3360,9 +3325,6 @@ fieldset[disabled] .btn-info.active {
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
@ -3371,13 +3333,7 @@ fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
@ -3426,9 +3382,6 @@ fieldset[disabled] .btn-warning.active {
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
@ -3437,13 +3390,7 @@ fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
@ -3817,6 +3764,7 @@ tbody.collapse.in {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
@ -3824,6 +3772,7 @@ tbody.collapse.in {
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
@ -3881,6 +3830,9 @@ tbody.collapse.in {
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
@ -4792,7 +4744,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 3;
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
@ -4803,7 +4755,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
@ -5024,6 +4976,8 @@ a.badge:focus {
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
@ -5978,7 +5932,6 @@ button.close {
opacity: .5;
}
.modal-header {
min-height: 16.42857143px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
@ -6371,6 +6324,7 @@ button.close {
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: .5;
}
@ -6484,16 +6438,16 @@ button.close {
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px;
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px;
margin-right: -10px;
}
.carousel-caption {
right: 20%;
@ -6532,6 +6486,8 @@ button.close {
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
@ -6551,6 +6507,7 @@ button.close {
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,6 +1,6 @@
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under the MIT license
*/
@ -11,16 +11,16 @@ if (typeof jQuery === 'undefined') {
+function ($) {
'use strict';
var version = $.fn.jquery.split(' ')[0].split('.')
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {
throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher')
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {
throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')
}
}(jQuery);
/* ========================================================================
* Bootstrap: transition.js v3.3.5
* Bootstrap: transition.js v3.3.7
* http://getbootstrap.com/javascript/#transitions
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -77,10 +77,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: alert.js v3.3.5
* Bootstrap: alert.js v3.3.7
* http://getbootstrap.com/javascript/#alerts
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -96,7 +96,7 @@ if (typeof jQuery === 'undefined') {
$(el).on('click', dismiss, this.close)
}
Alert.VERSION = '3.3.5'
Alert.VERSION = '3.3.7'
Alert.TRANSITION_DURATION = 150
@ -109,7 +109,7 @@ if (typeof jQuery === 'undefined') {
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
var $parent = $(selector)
var $parent = $(selector === '#' ? [] : selector)
if (e) e.preventDefault()
@ -172,10 +172,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: button.js v3.3.5
* Bootstrap: button.js v3.3.7
* http://getbootstrap.com/javascript/#buttons
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -192,7 +192,7 @@ if (typeof jQuery === 'undefined') {
this.isLoading = false
}
Button.VERSION = '3.3.5'
Button.VERSION = '3.3.7'
Button.DEFAULTS = {
loadingText: 'loading...'
@ -214,10 +214,10 @@ if (typeof jQuery === 'undefined') {
if (state == 'loadingText') {
this.isLoading = true
$el.addClass(d).attr(d, d)
$el.addClass(d).attr(d, d).prop(d, true)
} else if (this.isLoading) {
this.isLoading = false
$el.removeClass(d).removeAttr(d)
$el.removeClass(d).removeAttr(d).prop(d, false)
}
}, this), 0)
}
@ -281,10 +281,15 @@ if (typeof jQuery === 'undefined') {
$(document)
.on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) {
var $btn = $(e.target)
if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
var $btn = $(e.target).closest('.btn')
Plugin.call($btn, 'toggle')
if (!($(e.target).is('input[type="radio"]') || $(e.target).is('input[type="checkbox"]'))) e.preventDefault()
if (!($(e.target).is('input[type="radio"], input[type="checkbox"]'))) {
// Prevent double click on radios, and the double selections (so cancellation) on checkboxes
e.preventDefault()
// The target component still receive the focus
if ($btn.is('input,button')) $btn.trigger('focus')
else $btn.find('input:visible,button:visible').first().trigger('focus')
}
})
.on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) {
$(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type))
@ -293,10 +298,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: carousel.js v3.3.5
* Bootstrap: carousel.js v3.3.7
* http://getbootstrap.com/javascript/#carousel
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -324,7 +329,7 @@ if (typeof jQuery === 'undefined') {
.on('mouseleave.bs.carousel', $.proxy(this.cycle, this))
}
Carousel.VERSION = '3.3.5'
Carousel.VERSION = '3.3.7'
Carousel.TRANSITION_DURATION = 600
@ -531,13 +536,14 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: collapse.js v3.3.5
* Bootstrap: collapse.js v3.3.7
* http://getbootstrap.com/javascript/#collapse
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
/* jshint latedef: false */
+function ($) {
'use strict';
@ -561,7 +567,7 @@ if (typeof jQuery === 'undefined') {
if (this.options.toggle) this.toggle()
}
Collapse.VERSION = '3.3.5'
Collapse.VERSION = '3.3.7'
Collapse.TRANSITION_DURATION = 350
@ -743,10 +749,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: dropdown.js v3.3.5
* Bootstrap: dropdown.js v3.3.7
* http://getbootstrap.com/javascript/#dropdowns
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -763,7 +769,7 @@ if (typeof jQuery === 'undefined') {
$(element).on('click.bs.dropdown', this.toggle)
}
Dropdown.VERSION = '3.3.5'
Dropdown.VERSION = '3.3.7'
function getParent($this) {
var selector = $this.attr('data-target')
@ -795,7 +801,7 @@ if (typeof jQuery === 'undefined') {
if (e.isDefaultPrevented()) return
$this.attr('aria-expanded', 'false')
$parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
$parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget))
})
}
@ -829,7 +835,7 @@ if (typeof jQuery === 'undefined') {
$parent
.toggleClass('open')
.trigger('shown.bs.dropdown', relatedTarget)
.trigger($.Event('shown.bs.dropdown', relatedTarget))
}
return false
@ -909,10 +915,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: modal.js v3.3.5
* Bootstrap: modal.js v3.3.7
* http://getbootstrap.com/javascript/#modals
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -943,7 +949,7 @@ if (typeof jQuery === 'undefined') {
}
}
Modal.VERSION = '3.3.5'
Modal.VERSION = '3.3.7'
Modal.TRANSITION_DURATION = 300
Modal.BACKDROP_TRANSITION_DURATION = 150
@ -1050,7 +1056,9 @@ if (typeof jQuery === 'undefined') {
$(document)
.off('focusin.bs.modal') // guard against infinite focus loop
.on('focusin.bs.modal', $.proxy(function (e) {
if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
if (document !== e.target &&
this.$element[0] !== e.target &&
!this.$element.has(e.target).length) {
this.$element.trigger('focus')
}
}, this))
@ -1247,11 +1255,11 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: tooltip.js v3.3.5
* Bootstrap: tooltip.js v3.3.7
* http://getbootstrap.com/javascript/#tooltip
* Inspired by the original jQuery.tipsy by Jason Frame
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -1274,7 +1282,7 @@ if (typeof jQuery === 'undefined') {
this.init('tooltip', element, options)
}
Tooltip.VERSION = '3.3.5'
Tooltip.VERSION = '3.3.7'
Tooltip.TRANSITION_DURATION = 150
@ -1565,9 +1573,11 @@ if (typeof jQuery === 'undefined') {
function complete() {
if (that.hoverState != 'in') $tip.detach()
if (that.$element) { // TODO: Check whether guarding this code with this `if` is really necessary.
that.$element
.removeAttr('aria-describedby')
.trigger('hidden.bs.' + that.type)
}
callback && callback()
}
@ -1610,7 +1620,10 @@ if (typeof jQuery === 'undefined') {
// width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top })
}
var elOffset = isBody ? { top: 0, left: 0 } : $element.offset()
var isSvg = window.SVGElement && el instanceof window.SVGElement
// Avoid using $.offset() on SVGs since it gives incorrect results in jQuery 3.
// See https://github.com/twbs/bootstrap/issues/20280
var elOffset = isBody ? { top: 0, left: 0 } : (isSvg ? null : $element.offset())
var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
@ -1726,6 +1739,7 @@ if (typeof jQuery === 'undefined') {
that.$tip = null
that.$arrow = null
that.$viewport = null
that.$element = null
})
}
@ -1762,10 +1776,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: popover.js v3.3.5
* Bootstrap: popover.js v3.3.7
* http://getbootstrap.com/javascript/#popovers
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -1782,7 +1796,7 @@ if (typeof jQuery === 'undefined') {
if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
Popover.VERSION = '3.3.5'
Popover.VERSION = '3.3.7'
Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
placement: 'right',
@ -1871,10 +1885,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: scrollspy.js v3.3.5
* Bootstrap: scrollspy.js v3.3.7
* http://getbootstrap.com/javascript/#scrollspy
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -1900,7 +1914,7 @@ if (typeof jQuery === 'undefined') {
this.process()
}
ScrollSpy.VERSION = '3.3.5'
ScrollSpy.VERSION = '3.3.7'
ScrollSpy.DEFAULTS = {
offset: 10
@ -2044,10 +2058,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: tab.js v3.3.5
* Bootstrap: tab.js v3.3.7
* http://getbootstrap.com/javascript/#tabs
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -2064,7 +2078,7 @@ if (typeof jQuery === 'undefined') {
// jscs:enable requireDollarBeforejQueryAssignment
}
Tab.VERSION = '3.3.5'
Tab.VERSION = '3.3.7'
Tab.TRANSITION_DURATION = 150
@ -2200,10 +2214,10 @@ if (typeof jQuery === 'undefined') {
}(jQuery);
/* ========================================================================
* Bootstrap: affix.js v3.3.5
* Bootstrap: affix.js v3.3.7
* http://getbootstrap.com/javascript/#affix
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -2229,7 +2243,7 @@ if (typeof jQuery === 'undefined') {
this.checkPosition()
}
Affix.VERSION = '3.3.5'
Affix.VERSION = '3.3.7'
Affix.RESET = 'affix affix-top affix-bottom'

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,109 @@
#!/usr/bin/env node
'use strict';
/* globals Set */
/*!
* Script to update version number references in the project.
* Copyright 2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
var fs = require('fs');
var path = require('path');
var sh = require('shelljs');
sh.config.fatal = true;
var sed = sh.sed;
// Blame TC39... https://github.com/benjamingr/RegExp.escape/issues/37
RegExp.quote = function (string) {
return string.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&');
};
RegExp.quoteReplacement = function (string) {
return string.replace(/[$]/g, '$$');
};
var DRY_RUN = false;
function walkAsync(directory, excludedDirectories, fileCallback, errback) {
if (excludedDirectories.has(path.parse(directory).base)) {
return;
}
fs.readdir(directory, function (err, names) {
if (err) {
errback(err);
return;
}
names.forEach(function (name) {
var filepath = path.join(directory, name);
fs.lstat(filepath, function (err, stats) {
if (err) {
process.nextTick(errback, err);
return;
}
if (stats.isSymbolicLink()) {
return;
}
else if (stats.isDirectory()) {
process.nextTick(walkAsync, filepath, excludedDirectories, fileCallback, errback);
}
else if (stats.isFile()) {
process.nextTick(fileCallback, filepath);
}
});
});
});
}
function replaceRecursively(directory, excludedDirectories, allowedExtensions, original, replacement) {
original = new RegExp(RegExp.quote(original), 'g');
replacement = RegExp.quoteReplacement(replacement);
var updateFile = !DRY_RUN ? function (filepath) {
if (allowedExtensions.has(path.parse(filepath).ext)) {
sed('-i', original, replacement, filepath);
}
} : function (filepath) {
if (allowedExtensions.has(path.parse(filepath).ext)) {
console.log('FILE: ' + filepath);
}
else {
console.log('EXCLUDED:' + filepath);
}
};
walkAsync(directory, excludedDirectories, updateFile, function (err) {
console.error('ERROR while traversing directory!:');
console.error(err);
process.exit(1);
});
}
function main(args) {
if (args.length !== 2) {
console.error('USAGE: change-version old_version new_version');
console.error('Got arguments:', args);
process.exit(1);
}
var oldVersion = args[0];
var newVersion = args[1];
var EXCLUDED_DIRS = new Set([
'.git',
'node_modules',
'vendor'
]);
var INCLUDED_EXTENSIONS = new Set([
// This extension whitelist is how we avoid modifying binary files
'',
'.css',
'.html',
'.js',
'.json',
'.less',
'.md',
'.nuspec',
'.ps1',
'.scss',
'.txt',
'.yml'
]);
replaceRecursively('.', EXCLUDED_DIRS, INCLUDED_EXTENSIONS, oldVersion, newVersion);
}
main(process.argv.slice(2));

View file

@ -13,7 +13,7 @@
"docsJs": [
"../assets/js/vendor/holder.min.js",
"../assets/js/vendor/ZeroClipboard.min.js",
"../assets/js/vendor/anchor.js",
"../assets/js/vendor/anchor.min.js",
"../assets/js/src/application.js"
]
},
@ -37,8 +37,8 @@
"+function ($) {",
" 'use strict';",
" var version = $.fn.jquery.split(' ')[0].split('.')",
" if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {",
" throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher')",
" if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {",
" throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')",
" }",
"}(jQuery);\n\n"
]

File diff suppressed because it is too large Load diff

View file

@ -57,7 +57,7 @@
{
browserName: "iphone",
platform: "OS X 10.10",
version: "8.2"
version: "9.2"
},
# iOS Chrome not currently supported by Sauce Labs

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: affix.js v3.3.5
* Bootstrap: affix.js v3.3.7
* http://getbootstrap.com/javascript/#affix
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -28,7 +28,7 @@
this.checkPosition()
}
Affix.VERSION = '3.3.5'
Affix.VERSION = '3.3.7'
Affix.RESET = 'affix affix-top affix-bottom'

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: alert.js v3.3.5
* Bootstrap: alert.js v3.3.7
* http://getbootstrap.com/javascript/#alerts
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -18,7 +18,7 @@
$(el).on('click', dismiss, this.close)
}
Alert.VERSION = '3.3.5'
Alert.VERSION = '3.3.7'
Alert.TRANSITION_DURATION = 150
@ -31,7 +31,7 @@
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
var $parent = $(selector)
var $parent = $(selector === '#' ? [] : selector)
if (e) e.preventDefault()

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: button.js v3.3.5
* Bootstrap: button.js v3.3.7
* http://getbootstrap.com/javascript/#buttons
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -19,7 +19,7 @@
this.isLoading = false
}
Button.VERSION = '3.3.5'
Button.VERSION = '3.3.7'
Button.DEFAULTS = {
loadingText: 'loading...'
@ -41,10 +41,10 @@
if (state == 'loadingText') {
this.isLoading = true
$el.addClass(d).attr(d, d)
$el.addClass(d).attr(d, d).prop(d, true)
} else if (this.isLoading) {
this.isLoading = false
$el.removeClass(d).removeAttr(d)
$el.removeClass(d).removeAttr(d).prop(d, false)
}
}, this), 0)
}
@ -108,10 +108,15 @@
$(document)
.on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) {
var $btn = $(e.target)
if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
var $btn = $(e.target).closest('.btn')
Plugin.call($btn, 'toggle')
if (!($(e.target).is('input[type="radio"]') || $(e.target).is('input[type="checkbox"]'))) e.preventDefault()
if (!($(e.target).is('input[type="radio"], input[type="checkbox"]'))) {
// Prevent double click on radios, and the double selections (so cancellation) on checkboxes
e.preventDefault()
// The target component still receive the focus
if ($btn.is('input,button')) $btn.trigger('focus')
else $btn.find('input:visible,button:visible').first().trigger('focus')
}
})
.on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) {
$(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type))

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: carousel.js v3.3.5
* Bootstrap: carousel.js v3.3.7
* http://getbootstrap.com/javascript/#carousel
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -30,7 +30,7 @@
.on('mouseleave.bs.carousel', $.proxy(this.cycle, this))
}
Carousel.VERSION = '3.3.5'
Carousel.VERSION = '3.3.7'
Carousel.TRANSITION_DURATION = 600

View file

@ -1,11 +1,12 @@
/* ========================================================================
* Bootstrap: collapse.js v3.3.5
* Bootstrap: collapse.js v3.3.7
* http://getbootstrap.com/javascript/#collapse
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
/* jshint latedef: false */
+function ($) {
'use strict';
@ -29,7 +30,7 @@
if (this.options.toggle) this.toggle()
}
Collapse.VERSION = '3.3.5'
Collapse.VERSION = '3.3.7'
Collapse.TRANSITION_DURATION = 350

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: dropdown.js v3.3.5
* Bootstrap: dropdown.js v3.3.7
* http://getbootstrap.com/javascript/#dropdowns
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -19,7 +19,7 @@
$(element).on('click.bs.dropdown', this.toggle)
}
Dropdown.VERSION = '3.3.5'
Dropdown.VERSION = '3.3.7'
function getParent($this) {
var selector = $this.attr('data-target')
@ -51,7 +51,7 @@
if (e.isDefaultPrevented()) return
$this.attr('aria-expanded', 'false')
$parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
$parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget))
})
}
@ -85,7 +85,7 @@
$parent
.toggleClass('open')
.trigger('shown.bs.dropdown', relatedTarget)
.trigger($.Event('shown.bs.dropdown', relatedTarget))
}
return false

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: modal.js v3.3.5
* Bootstrap: modal.js v3.3.7
* http://getbootstrap.com/javascript/#modals
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -33,7 +33,7 @@
}
}
Modal.VERSION = '3.3.5'
Modal.VERSION = '3.3.7'
Modal.TRANSITION_DURATION = 300
Modal.BACKDROP_TRANSITION_DURATION = 150
@ -140,7 +140,9 @@
$(document)
.off('focusin.bs.modal') // guard against infinite focus loop
.on('focusin.bs.modal', $.proxy(function (e) {
if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
if (document !== e.target &&
this.$element[0] !== e.target &&
!this.$element.has(e.target).length) {
this.$element.trigger('focus')
}
}, this))

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: popover.js v3.3.5
* Bootstrap: popover.js v3.3.7
* http://getbootstrap.com/javascript/#popovers
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -19,7 +19,7 @@
if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
Popover.VERSION = '3.3.5'
Popover.VERSION = '3.3.7'
Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
placement: 'right',

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: scrollspy.js v3.3.5
* Bootstrap: scrollspy.js v3.3.7
* http://getbootstrap.com/javascript/#scrollspy
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -28,7 +28,7 @@
this.process()
}
ScrollSpy.VERSION = '3.3.5'
ScrollSpy.VERSION = '3.3.7'
ScrollSpy.DEFAULTS = {
offset: 10

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: tab.js v3.3.5
* Bootstrap: tab.js v3.3.7
* http://getbootstrap.com/javascript/#tabs
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -19,7 +19,7 @@
// jscs:enable requireDollarBeforejQueryAssignment
}
Tab.VERSION = '3.3.5'
Tab.VERSION = '3.3.7'
Tab.TRANSITION_DURATION = 150

View file

@ -1,9 +1,9 @@
/* ========================================================================
* Bootstrap: tooltip.js v3.3.5
* Bootstrap: tooltip.js v3.3.7
* http://getbootstrap.com/javascript/#tooltip
* Inspired by the original jQuery.tipsy by Jason Frame
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
@ -26,7 +26,7 @@
this.init('tooltip', element, options)
}
Tooltip.VERSION = '3.3.5'
Tooltip.VERSION = '3.3.7'
Tooltip.TRANSITION_DURATION = 150
@ -317,9 +317,11 @@
function complete() {
if (that.hoverState != 'in') $tip.detach()
if (that.$element) { // TODO: Check whether guarding this code with this `if` is really necessary.
that.$element
.removeAttr('aria-describedby')
.trigger('hidden.bs.' + that.type)
}
callback && callback()
}
@ -362,7 +364,10 @@
// width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top })
}
var elOffset = isBody ? { top: 0, left: 0 } : $element.offset()
var isSvg = window.SVGElement && el instanceof window.SVGElement
// Avoid using $.offset() on SVGs since it gives incorrect results in jQuery 3.
// See https://github.com/twbs/bootstrap/issues/20280
var elOffset = isBody ? { top: 0, left: 0 } : (isSvg ? null : $element.offset())
var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
@ -478,6 +483,7 @@
that.$tip = null
that.$arrow = null
that.$viewport = null
that.$element = null
})
}

View file

@ -1,8 +1,8 @@
/* ========================================================================
* Bootstrap: transition.js v3.3.5
* Bootstrap: transition.js v3.3.7
* http://getbootstrap.com/javascript/#transitions
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */

View file

@ -1,6 +1,6 @@
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

View file

@ -59,7 +59,7 @@
.border-right-radius(0);
}
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
// Need .dropdown-toggle since :last-child doesn't apply, given that a .dropdown-menu is used immediately after it
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
.border-left-radius(0);
@ -173,12 +173,12 @@
border-radius: 0;
}
&:first-child:not(:last-child) {
border-top-right-radius: @btn-border-radius-base;
.border-top-radius(@btn-border-radius-base);
.border-bottom-radius(0);
}
&:last-child:not(:first-child) {
border-bottom-left-radius: @btn-border-radius-base;
.border-top-radius(0);
.border-bottom-radius(@btn-border-radius-base);
}
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {

View file

@ -101,6 +101,7 @@
color: @carousel-control-color;
text-align: center;
text-shadow: @carousel-text-shadow;
background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
// We can't have this transition here because WebKit cancels the carousel
// animation if you trip this while in the middle of another animation.
@ -240,18 +241,18 @@
.glyphicon-chevron-right,
.icon-prev,
.icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
width: (@carousel-control-font-size * 1.5);
height: (@carousel-control-font-size * 1.5);
margin-top: (@carousel-control-font-size / -2);
font-size: (@carousel-control-font-size * 1.5);
}
.glyphicon-chevron-left,
.icon-prev {
margin-left: -15px;
margin-left: (@carousel-control-font-size / -2);
}
.glyphicon-chevron-right,
.icon-next {
margin-right: -15px;
margin-right: (@carousel-control-font-size / -2);
}
}

View file

@ -132,6 +132,12 @@ output {
// Placeholder
.placeholder();
// Unstyle the caret on `<select>`s in IE10+.
&::-ms-expand {
border: 0;
background-color: transparent;
}
// Disabled and read-only inputs
//
// HTML5 says that controls under a fieldset > legend:first-child won't be
@ -175,7 +181,7 @@ input[type="search"] {
// set a pixel line-height that matches the given height of the input, but only
// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848
//
// Note that as of 8.3, iOS doesn't support `datetime` or `week`.
// Note that as of 9.3, iOS doesn't support `week`.
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
@ -591,7 +597,7 @@ input[type="checkbox"] {
.form-group-lg {
@media (min-width: @screen-sm-min) {
.control-label {
padding-top: ((@padding-large-vertical * @line-height-large) + 1);
padding-top: (@padding-large-vertical + 1);
font-size: @font-size-large;
}
}

View file

@ -32,8 +32,8 @@
}
// Individual icons
.glyphicon-asterisk { &:before { content: "\2a"; } }
.glyphicon-plus { &:before { content: "\2b"; } }
.glyphicon-asterisk { &:before { content: "\002a"; } }
.glyphicon-plus { &:before { content: "\002b"; } }
.glyphicon-euro,
.glyphicon-eur { &:before { content: "\20ac"; } }
.glyphicon-minus { &:before { content: "\2212"; } }

View file

@ -29,6 +29,10 @@
width: 100%;
margin-bottom: 0;
&:focus {
z-index: 3;
}
}
}
@ -79,18 +83,18 @@
text-align: center;
background-color: @input-group-addon-bg;
border: 1px solid @input-group-addon-border-color;
border-radius: @border-radius-base;
border-radius: @input-border-radius;
// Sizing
&.input-sm {
padding: @padding-small-vertical @padding-small-horizontal;
font-size: @font-size-small;
border-radius: @border-radius-small;
border-radius: @input-border-radius-small;
}
&.input-lg {
padding: @padding-large-vertical @padding-large-horizontal;
font-size: @font-size-large;
border-radius: @border-radius-large;
border-radius: @input-border-radius-large;
}
// Nuke default margins from checkboxes and radios to vertically center within.

View file

@ -28,6 +28,8 @@
.container &,
.container-fluid & {
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
}
.container {

View file

@ -42,12 +42,9 @@
&.disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&.focus,
&:active,
&.active {
&.focus {
background-color: @background;
border-color: @border;
}

View file

@ -6,8 +6,8 @@
.container-fixed(@gutter: @grid-gutter-width) {
margin-right: auto;
margin-left: auto;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
padding-left: floor((@gutter / 2));
padding-right: ceil((@gutter / 2));
&:extend(.clearfix all);
}

View file

@ -6,7 +6,7 @@
//
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
// Deprecated as of v3.0.1 (will be removed in v4)
// Deprecated as of v3.0.1 (has been removed in v4)
.hide-text() {
font: ~"0/0" a;
color: transparent;

View file

@ -1,9 +1,9 @@
// WebKit-style focus
.tab-focus() {
// Default
outline: thin dotted;
// WebKit
// WebKit-specific. Other browsers will keep their default outline style.
// (Initially tried to also force default via `outline: initial`,
// but that seems to erroneously remove the outline in Firefox altogether.)
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

View file

@ -1,7 +1,7 @@
// Vendor Prefixes
//
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
// Autoprefixer in our Gruntfile. They will be removed in v4.
// Autoprefixer in our Gruntfile. They have been removed in v4.
// - Animations
// - Backface visibility
@ -54,7 +54,7 @@
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden`
.backface-visibility(@visibility){
.backface-visibility(@visibility) {
-webkit-backface-visibility: @visibility;
-moz-backface-visibility: @visibility;
backface-visibility: @visibility;

View file

@ -79,7 +79,7 @@
.modal-header {
padding: @modal-title-padding;
border-bottom: 1px solid @modal-header-border-color;
min-height: (@modal-title-padding + @modal-title-line-height);
&:extend(.clearfix all);
}
// Close icon
.modal-header .close {

View file

@ -40,7 +40,7 @@
> li > span {
&:hover,
&:focus {
z-index: 3;
z-index: 2;
color: @pagination-hover-color;
background-color: @pagination-hover-bg;
border-color: @pagination-hover-border;
@ -52,7 +52,7 @@
&,
&:hover,
&:focus {
z-index: 2;
z-index: 3;
color: @pagination-active-color;
background-color: @pagination-active-bg;
border-color: @pagination-active-border;

View file

@ -214,7 +214,7 @@
}
// Collapsable panels (aka, accordion)
// Collapsible panels (aka, accordion)
//
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
// the help of our collapse JavaScript plugin.

View file

@ -120,7 +120,7 @@ hr {
// Only display content to screen readers
//
// See: http://a11yproject.com/posts/how-to-hide-content/
// See: http://a11yproject.com/posts/how-to-hide-content
.sr-only {
position: absolute;

View file

@ -1,6 +1,6 @@
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

View file

@ -211,7 +211,7 @@ dd {
&:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
}
@media (min-width: @grid-float-breakpoint) {
@media (min-width: @dl-horizontal-breakpoint) {
dt {
float: left;
width: (@dl-horizontal-offset - 20);

View file

@ -111,7 +111,7 @@
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg: @brand-primary;
//** Width of the `border` for generating carets that indicator dropdowns.
//** Width of the `border` for generating carets that indicate dropdowns.
@caret-width-base: 4px;
//** Carets increase slightly in size for larger components.
@caret-width-large: 5px;
@ -863,5 +863,7 @@
@page-header-border-color: @gray-lighter;
//** Width of horizontal description list titles
@dl-horizontal-offset: @component-offset-horizontal;
//** Point at which .dl-horizontal becomes horizontal
@dl-horizontal-breakpoint: @grid-float-breakpoint;
//** Horizontal line color.
@hr-border: @gray-lighter;

View file

@ -0,0 +1,8 @@
$nuget = $env:NuGet
# parse the version number out of package.json
$bsversion = ((Get-Content $env:SourcesPath\package.json) -join "`n" | ConvertFrom-Json).version
# create packages
& $nuget pack "nuget\bootstrap.nuspec" -Verbosity detailed -NonInteractive -NoPackageAnalysis -BasePath $env:SourcesPath -Version $bsversion
& $nuget pack "nuget\bootstrap.less.nuspec" -Verbosity detailed -NonInteractive -NoPackageAnalysis -BasePath $env:SourcesPath -Version $bsversion

View file

@ -0,0 +1,28 @@
<?xml version="1.0"?>
<package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd">
<metadata>
<id>bootstrap.less</id>
<version>3.3.7</version>
<title>Bootstrap Less</title>
<authors>Twitter, Inc.</authors>
<owners>bootstrap</owners>
<description>The most popular front-end framework for developing responsive, mobile first projects on the web.</description>
<releaseNotes>http://blog.getbootstrap.com</releaseNotes>
<summary>Bootstrap framework in Less. Includes fonts and JavaScript</summary>
<language>en-us</language>
<projectUrl>http://getbootstrap.com</projectUrl>
<iconUrl>http://getbootstrap.com/apple-touch-icon.png</iconUrl>
<licenseUrl>https://github.com/twbs/bootstrap/blob/master/LICENSE</licenseUrl>
<copyright>Copyright 2016</copyright>
<requireLicenseAcceptance>false</requireLicenseAcceptance>
<dependencies>
<dependency id="jQuery" version="[1.9.1,4)" />
</dependencies>
<tags>css js less mobile-first responsive front-end framework web</tags>
</metadata>
<files>
<file src="less\**\*.less" target="content\Content\bootstrap" />
<file src="fonts\*.*" target="content\Content\fonts" />
<file src="dist\js\bootstrap*.js" target="content\Scripts" />
</files>
</package>

View file

@ -0,0 +1,28 @@
<?xml version="1.0"?>
<package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd">
<metadata>
<id>bootstrap</id>
<version>3.3.7</version>
<title>Bootstrap CSS</title>
<authors>Twitter, Inc.</authors>
<owners>bootstrap</owners>
<description>The most popular front-end framework for developing responsive, mobile first projects on the web.</description>
<releaseNotes>http://blog.getbootstrap.com</releaseNotes>
<summary>Bootstrap framework in CSS. Includes fonts and JavaScript</summary>
<language>en-us</language>
<projectUrl>http://getbootstrap.com</projectUrl>
<iconUrl>http://getbootstrap.com/apple-touch-icon.png</iconUrl>
<licenseUrl>https://github.com/twbs/bootstrap/blob/master/LICENSE</licenseUrl>
<copyright>Copyright 2016</copyright>
<requireLicenseAcceptance>false</requireLicenseAcceptance>
<dependencies>
<dependency id="jQuery" version="[1.9.1,4)" />
</dependencies>
<tags>css js less mobile-first responsive front-end framework web</tags>
</metadata>
<files>
<file src="dist\css\*.*" target="content\Content" />
<file src="dist\fonts\*.*" target="content\fonts" />
<file src="dist\js\bootstrap*.js" target="content\Scripts" />
</files>
</package>

View file

@ -6,19 +6,26 @@
Package.describe({
name: 'twbs:bootstrap', // http://atmospherejs.com/twbs/bootstrap
summary: 'The most popular front-end framework for developing responsive, mobile first projects on the web.',
version: '3.3.5',
version: '3.3.7',
git: 'https://github.com/twbs/bootstrap.git'
});
Package.onUse(function (api) {
api.versionsFrom('METEOR@1.0');
api.use('jquery', 'client');
api.addFiles([
var assets = [
'dist/fonts/glyphicons-halflings-regular.eot',
'dist/fonts/glyphicons-halflings-regular.svg',
'dist/fonts/glyphicons-halflings-regular.ttf',
'dist/fonts/glyphicons-halflings-regular.woff',
'dist/fonts/glyphicons-halflings-regular.woff2',
'dist/fonts/glyphicons-halflings-regular.woff2'
];
if (api.addAssets) {
api.addAssets(assets, 'client');
} else {
api.addFiles(assets, 'client', { isAsset: true });
}
api.addFiles([
'dist/css/bootstrap.css',
'dist/js/bootstrap.js'
], 'client');

View file

@ -1,7 +1,7 @@
{
"name": "bootstrap",
"description": "The most popular front-end framework for developing responsive, mobile first projects on the web.",
"version": "3.3.5",
"version": "3.3.7",
"keywords": [
"css",
"less",
@ -14,6 +14,8 @@
"homepage": "http://getbootstrap.com",
"author": "Twitter, Inc.",
"scripts": {
"change-version": "node grunt/change-version.js",
"update-shrinkwrap": "npm shrinkwrap --dev && shx mv ./npm-shrinkwrap.json ./grunt/npm-shrinkwrap.json",
"test": "grunt test"
},
"style": "dist/css/bootstrap.css",
@ -29,34 +31,34 @@
"license": "MIT",
"devDependencies": {
"btoa": "~1.1.2",
"glob": "~5.0.5",
"grunt": "~0.4.5",
"grunt-autoprefixer": "~3.0.0",
"grunt-contrib-clean": "~0.6.0",
"grunt-contrib-compress": "~0.13.0",
"grunt-contrib-concat": "~0.5.1",
"grunt-contrib-connect": "~0.10.1",
"grunt-contrib-copy": "~0.8.0",
"grunt-contrib-csslint": "~0.4.0",
"grunt-contrib-cssmin": "~0.12.3",
"grunt-contrib-htmlmin": "~0.4.0",
"grunt-contrib-jade": "~0.14.1",
"grunt-contrib-jshint": "~0.11.2",
"grunt-contrib-less": "~1.0.1",
"glob": "~7.0.3",
"grunt": "~1.0.1",
"grunt-autoprefixer": "~3.0.4",
"grunt-contrib-clean": "~1.0.0",
"grunt-contrib-compress": "~1.3.0",
"grunt-contrib-concat": "~1.0.0",
"grunt-contrib-connect": "~1.0.0",
"grunt-contrib-copy": "~1.0.0",
"grunt-contrib-csslint": "~1.0.0",
"grunt-contrib-cssmin": "~1.0.0",
"grunt-contrib-htmlmin": "~1.5.0",
"grunt-contrib-jshint": "~1.0.0",
"grunt-contrib-less": "~1.3.0",
"grunt-contrib-pug": "~1.0.0",
"grunt-contrib-qunit": "~0.7.0",
"grunt-contrib-uglify": "~0.9.1",
"grunt-contrib-watch": "~0.6.1",
"grunt-csscomb": "~3.0.0",
"grunt-exec": "~0.4.6",
"grunt-html": "~4.0.3",
"grunt-jekyll": "~0.4.2",
"grunt-jscs": "~1.8.0",
"grunt-saucelabs": "~8.6.1",
"grunt-sed": "twbs/grunt-sed#v0.2.0",
"load-grunt-tasks": "~3.2.0",
"markdown-it": "^4.2.1",
"npm-shrinkwrap": "^200.4.0",
"time-grunt": "^1.2.0"
"grunt-contrib-uglify": "~1.0.0",
"grunt-contrib-watch": "~1.0.0",
"grunt-csscomb": "~3.1.0",
"grunt-exec": "~1.0.0",
"grunt-html": "~8.0.1",
"grunt-jekyll": "~0.4.4",
"grunt-jscs": "~3.0.1",
"grunt-saucelabs": "~9.0.0",
"load-grunt-tasks": "~3.5.0",
"markdown-it": "^7.0.0",
"shelljs": "^0.7.0",
"shx": "^0.1.2",
"time-grunt": "^1.3.0"
},
"engines": {
"node": ">=0.10.1"

View file

@ -1,3 +1,7 @@
.no-header
{
margin-top:-20px;
}
#video-roster {
margin:0;
@ -9,6 +13,9 @@
height:180px;
text-align:center;
padding:20px;
right: 0;
left: 0;
margin-bottom:20px;
}
.videobox:hover
@ -117,10 +124,25 @@
}
.filter-button-group{
margin: 10px 0;
margin: 10px 10px;
}
.filter-button-group button{
color: #000;
color: #fff;
margin-bottom: 4px;
background-color: #000;
border-radius: 5px;
border-color: #000;
border-width: 1px;
}
.filter-button-group button:hover, .filter-button-group button:first-child
{
background-color: #5a4b68;
border-color: #5a4b68;
}
.spacer
{
margin-top:20px;
}

View file

@ -6,9 +6,9 @@
</description>
<link>http://scopesessions.org/</link>
<atom:link href="http://scopesessions.org /feed.xml " rel="self" type="application/rss+xml" />
<pubDate>Mon, 23 Jan 2017 09:49:15 +0100</pubDate>
<lastBuildDate>Mon, 23 Jan 2017 09:49:15 +0100</lastBuildDate>
<generator>Jekyll v3.1.2</generator>
<pubDate>Mon, 23 Jan 2017 12:34:45 +0100</pubDate>
<lastBuildDate>Mon, 23 Jan 2017 12:34:45 +0100</lastBuildDate>
<generator>Jekyll v3.1.6</generator>
<item>
<title>Transmediale Vorspiel special event</title>

View file

@ -1203,7 +1203,7 @@
<div class="content container-fluid">
<div class="content">
<div class="row">
@ -1300,7 +1300,15 @@
</div>
<div id="video-roster container-fluid">
</div>
</div>
<div class="spacer"></div>
<div class="row">
<div class="dark_bg col-md-10 col-md-offset-1">
<div id="video-roster" class="container-fluid">
@ -1311,7 +1319,7 @@
<div class="videobox analog film panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200555394/ae1f867c7a">
<div class="videobox analog film panke col-sm-3" vimeo="https://vimeo.com/200555394/ae1f867c7a">
<div class="video-title">Susi Sie</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Between Art and Science</h3><p><span class="video-session">#61</span>: <span class="video-artist">Susi Sie</span> / http://www.susisie.de Introduction, background, how I came to the idea of filming liquids and particles, why working strictly analog, showreel, photos of working process, studio, private projects, client projects.</p></div>
@ -1321,7 +1329,7 @@
<div class="videobox data panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200555583/113e07278a">
<div class="videobox data panke col-sm-3" vimeo="https://vimeo.com/200555583/113e07278a">
<div class="video-title">Quadrature</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Personal views on objective data</h3><p><span class="video-session">#61</span>: <span class="video-artist">Quadrature</span> / http://www.quadrature.co/ Quadrature will speak about their current works and projects, possible cooperations between art and science from an artist perspective, artistic practice in relation to data as material.</p></div>
@ -1331,7 +1339,7 @@
<div class="videobox performance light music panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200564948/354b32872c">
<div class="videobox performance light music panke col-sm-3" vimeo="https://vimeo.com/200564948/354b32872c">
<div class="video-title">Doron Sadja</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Mapping the Perceptual Landscape</h3><p><span class="video-session">#61</span>: <span class="video-artist">Doron Sadja</span> / http://www.doron.sadja.com In 'Mapping the Perceptual Landscape', Doron Sadja will give an overview of his practice followed by a discussion of auditory and visual phenomena, approaches to site specific performance, and the importance of losing control of your electronic instruments.</p></div>
@ -1347,7 +1355,7 @@
<div class="videobox 3d painting performance installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200551185/d2c7d00722">
<div class="videobox 3d painting performance installation panke col-sm-3" vimeo="https://vimeo.com/200551185/d2c7d00722">
<div class="video-title">Gajek</div>
<div class="playbutton"></div>
<div class="video-description"><h3>How paintings obtain another dimension.</h3><p><span class="video-session">#59</span>: <span class="video-artist">Gajek</span> / http://www.agnieszkagajewska.com 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.</p></div>
@ -1357,7 +1365,7 @@
<div class="videobox installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200551508/7a70546ade">
<div class="videobox installation panke col-sm-3" vimeo="https://vimeo.com/200551508/7a70546ade">
<div class="video-title">Martìn Romeo</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Ephemera - immaterial work</h3><p><span class="video-session">#59</span>: <span class="video-artist">Martìn Romeo</span> / http://www.martinromeo.com/ 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.</p></div>
@ -1367,7 +1375,7 @@
<div class="videobox av live-cinema performance vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200551287">
<div class="videobox av live-cinema performance vj panke col-sm-3" vimeo="https://vimeo.com/200551287">
<div class="video-title">Kiritan Flux</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Performing in Physical and Mental Space</h3><p><span class="video-session">#59</span>: <span class="video-artist">Kiritan Flux</span> / http://flux.vision/ 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.</p></div>
@ -1395,7 +1403,7 @@
<div class="videobox virtual-reality performance video-art funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170467514">
<div class="videobox virtual-reality performance video-art funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170467514">
<div class="video-title">Lauren Moffatt</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#5</span>: <span class="video-artist">Lauren Moffatt</span> / Lauren Moffatt will speak about her experiences producing virtual reality in an art context, including the struggle to develop a visual language for the medium, the awkward meeting of the gaming and film industries, and the stampede to develop content and services in time for the projected boom. Lauren Moffatt is an Australian artist currently living in Berlin and working between video, performance and immersive technologies. She is interested in how the dimension of depth in digital moving image can be used as a storytelling device. Her works, often presented in multiple forms, explore contemporary subjectivity and connected bodies as well as the limits between virtual and physical worlds. Over a number of years she has developed a body of work pivoting on stereoscopic photography and video and informed by the history of cinema and broadcast technologies. Her works have been screened and exhibited most recently at Centrale for Contemporary Art in Brussels, New Frontier at the Sundance Film Festival, Les Champs Libres in Rennes and at the ZKM in Karlsruhe.</p></div>
@ -1405,7 +1413,7 @@
<div class="videobox mapping production funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170467517">
<div class="videobox mapping production funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170467517">
<div class="video-title">Onionlab</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#5</span>: <span class="video-artist">Onionlab</span> / http://onionlab.com Onionlab talks about their experience with architecture mappings and how to plan and realize mappings from the idea to the projection itself. Onionlab is a Barcelona-based multidisciplinary studio that creates interactive products and experiences, motion design movies and audiovisual shows. Their works are based on the aesthetic attention to detail and the technical innovation, making use of the power of scripting and the seduction of music and sound design. Jordi Pont is Onionlabs creative director and has been vjing since 2002 with artistic collectives Lectrovision and Telenoika and also as a resident on Razzmatazz clubs for more than 10 years.</p></div>
@ -1415,7 +1423,7 @@
<div class="videobox performance net-art virtual-reality av funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170467518">
<div class="videobox performance net-art virtual-reality av funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170467518">
<div class="video-title">Marija Bozinovska Jones</div>
<div class="playbutton"></div>
<div class="video-description"><h3>MBJ Wetware</h3><p><span class="video-session">#5</span>: <span class="video-artist">Marija Bozinovska Jones</span> / http://marijabozinovskajones.com Marija Bozinovska Jones will elaborate her practice under the pseudonym MBJ Wetware and her approach of live performance as constructing virtual environments extending beyond spatial and audiovisual. She will be covering the conception of GAD Technologies, work commissioned for Club Transmediale 2016 and premiered at Berghain as a collaboration with J G Biberkopf. MBJ will be also presenting her recent work employing voice controlled lasers. Marija Bozinovska Jones work revolves around identity formation in an era of technocapitalist amplification and perpetual online presence. She explores socio-political implications of planetary scale computation, seeking out apophenic patterns with an array of elements ranging from subcultural formations to totalitarian architecture. Jones explores societys anthropological adaptations intertwined in the framework of networked capitalism, its coping mechanism of coming to terms with challenged ontological axioms of cognition, affection and memory. Under the alias MBJ Wetware, Jones develops immersive live performances simulating heterotopian landscapes.</p></div>
@ -1425,7 +1433,7 @@
<div class="videobox full-dome research animation installation funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170482794">
<div class="videobox full-dome research animation installation funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170482794">
<div class="video-title">Carla Chan</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Black Moves</h3><p><span class="video-session">#5</span>: <span class="video-artist">Carla Chan</span> / http://carlachan.com 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, Chans 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.</p></div>
@ -1437,7 +1445,7 @@
<div class="videobox drawing sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168902369">
<div class="videobox drawing sound panke col-sm-3" vimeo="https://vimeo.com/168902369">
<div class="video-title">Patrick K.-H., Andreas Karaoulanis</div>
<div class="playbutton"></div>
<div class="video-description"><h3>'Alice Wonderland meets Monty Python' - (un)imation of Patrick K.-H.</h3><p><span class="video-session">#55</span>: <span class="video-artist">Patrick K.-H., Andreas Karaoulanis</span> / http://drawnsound.org/ (un)imation, unmusic, (un)struments</p></div>
@ -1581,7 +1589,7 @@
<div class="videobox vvvv coding panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/116418592">
<div class="videobox vvvv coding panke col-sm-3" vimeo="https://vimeo.com/116418592">
<div class="video-title">Tebjan Halm & Elias Holzer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>50, that next big thing</h3><p><span class="video-session">#39</span>: <span class="video-artist">Tebjan Halm & Elias Holzer</span> / http://vvvv.org/ 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></div>
@ -1593,7 +1601,7 @@
<div class="videobox vj installation performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/115263938">
<div class="videobox vj installation performance panke col-sm-3" vimeo="https://vimeo.com/115263938">
<div class="video-title">Transforma</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Transforma: 2001 bis 2014</h3><p><span class="video-session">#38</span>: <span class="video-artist">Transforma</span> / http://www.transforma.de A chronological presentation of selected works from the world of transforma.</p></div>
@ -1603,7 +1611,7 @@
<div class="videobox coding research panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/115263939">
<div class="videobox coding research panke col-sm-3" vimeo="https://vimeo.com/115263939">
<div class="video-title">Marcel Schwittlick</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Current Status</h3><p><span class="video-session">#38</span>: <span class="video-artist">Marcel Schwittlick</span> / http://www.mrzl.net It's just me showing my work.</p></div>
@ -1613,7 +1621,7 @@
<div class="videobox installation new-media panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/115263937">
<div class="videobox installation new-media panke col-sm-3" vimeo="https://vimeo.com/115263937">
<div class="video-title">Marcellina Wellmer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Crossing the border - RANDOM IN ANALOG AND DIGITAL MEDIA</h3><p><span class="video-session">#38</span>: <span class="video-artist">Marcellina Wellmer</span> / http://marcelinawellmer.com Generative factor in a visual message, connected with electronic devices, used in a set of variable objects. Hybrid of media and cultural&philospohical garbology. Reverse engineering.</p></div>
@ -1637,7 +1645,7 @@
<div class="videobox music performance sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/107028690">
<div class="videobox music performance sound panke col-sm-3" vimeo="https://vimeo.com/107028690">
<div class="video-title">Derek Holzer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Probing the Past: A Media Archaeology of Handmade Electronic Sound</h3><p><span class="video-session">#35</span>: <span class="video-artist">Derek Holzer</span> / http://macumbista.net/ The utopias of electronic sound have hardly changed in its hundred-year history. We still want to imitate existing instruments, create sounds which have never been heard before and realize complex compositions without the need of an orchestra. It is only the tools which have become more complex. But there are dystopias as well, which come especially from using tools designed around other peoples way of creating sound, rather than your own. Instrument builder, teacher and performer Derek Holzer of Macumbista.net will discuss the inspiration of some of the pioneers of 20th Century electronic sound as springboards to some of his own creations, which the audience will have a chance to explore following the talk.</p></div>
@ -1647,7 +1655,7 @@
<div class="videobox science panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/106124225">
<div class="videobox science panke col-sm-3" vimeo="https://vimeo.com/106124225">
<div class="video-title">Imanol Gomez</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Science Inspires Art</h3><p><span class="video-session">#35</span>: <span class="video-artist">Imanol Gomez</span> / http://imanolgomez.net/ The talk will focus on how art and science are moving towards one another. It should not be forgotten that both have always been characterised by creative and imaginative processes. Many artist have found their inspiration by the physical and natural world through observation and experiment. Today, new media artist are working on novel ways of scientific communication, searching for the aesthetics on research data and experimenting with new scientific tools. Anyway, who doesnt take a look at the universe, with its sublime and redemptive quality? It makes us all feel small but peaceful.</p></div>
@ -1657,7 +1665,7 @@
<div class="videobox installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/106124226">
<div class="videobox installation panke col-sm-3" vimeo="https://vimeo.com/106124226">
<div class="video-title">Juan Carlos Duarte Regino</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Audiovisual Interactions and ludic design for ludic interfaces</h3><p><span class="video-session">#35</span>: <span class="video-artist">Juan Carlos Duarte Regino</span> / http://www.juanduarteregino.com/ The talk will review some own project and other state of art related examples around the interactive aspect of live visuals. The use of open source technologies expertise and knowledge share has enhanced the scene of creators and artists looking to use alternative tools for creation of locative and or gesture based media.</p></div>
@ -1669,7 +1677,7 @@
<div class="videobox design hardware installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168940417">
<div class="videobox design hardware installation panke col-sm-3" vimeo="https://vimeo.com/168940417">
<div class="video-title">Quadrature</div>
<div class="playbutton"></div>
<div class="video-description"><h3>From a visual journey into another dimension.</h3><p><span class="video-session">#34</span>: <span class="video-artist">Quadrature</span> / http://quadrature.co/ After introducing themselves and their work, they will focus on the problems for media artists to be part of the traditional gallery-marked in the art business. Even so a lot of Art projects, which use modern technology and try to bring it into a different not consumer-based context, are quite successful, a lot of them are being displayed only in festivals or as digital copies in the internet, rather then being shown in privat galleries. This implements that the creators make a living either from grants, teaching, very small fees or they finance their free art work with client-based commissions. The reasons for this are manifold. A lot of projects are technical experiments on a larger scale, which can hardly be sold as an peace of art that the client could simply place or even hang in his home. Another reason is the fact that a lot of Media Artists rather work on a very conceptual level, creating work that is either only excisting in digital form,very much created for certain spaces or react to certain appearings of modern society. So whenever you would take this projects out of their context they would not make any sense at all.</p></div>
@ -1679,7 +1687,7 @@
<div class="videobox software coding sound music panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/104694866">
<div class="videobox software coding sound music panke col-sm-3" vimeo="https://vimeo.com/104694866">
<div class="video-title">Miller Puckette</div>
<div class="playbutton"></div>
<div class="video-description"><h3>How to have fun with a six channel guitar pckup</h3><p><span class="video-session">#34</span>: <span class="video-artist">Miller Puckette</span> / http://msp.ucsd.edu/ Puckette demonstrates what happens when you put individual pickup coils on each string of your guitar, opening up a wide range of sonic possibilities beyond what you can get out of an ordinary pickup. Techniques like filtering and distortion can be applied to the signals before they're mixed. This makes it possible to get results that are both rich sounding and precisely controllable. The software to do this is open source, free to download.</p></div>
@ -1701,7 +1709,7 @@
<div class="videobox installation light panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168922087">
<div class="videobox installation light panke col-sm-3" vimeo="https://vimeo.com/168922087">
<div class="video-title">Lichtpiraten</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Make love not art</h3><p><span class="video-session">#32</span>: <span class="video-artist">Lichtpiraten</span> / http://lichtpiraten.net die LiCHTPiRATEN zeigen uns, dass nichts aussehen muss wie es gerade scheint langsam begreifen wir, dass wir in einer kuenstlichen welt leben, die aussieht wie sie aussehen soll. die oberflaeche der dinge die uns bestimmen sind erdacht, gestaltet und in unseren alltag geschmuggelt. die LiCHTPiRATEN kapern das antlitz von etwas, uebernehmen darueber kontrolle, zeichnen um, deuten an. Schicht fuer schicht verschmelzen die ebenen der wahrnehmeung und hinterlassen ein vibrieren in der seele, dass daran erinnert: es ist leicht frei zu sein.</p></div>
@ -1717,7 +1725,7 @@
<div class="videobox vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/93984046">
<div class="videobox vj panke col-sm-3" vimeo="https://vimeo.com/93984046">
<div class="video-title">Vj Chuu</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Guruguru kun</h3><p><span class="video-session">#31</span>: <span class="video-artist">Vj Chuu</span> / http://chuuu.xxxxxxxx.jp/ Chuuu recently works on the intersection of noise music and live drawings. In his talk, we will give some close-ups to art practices. Follow him on his blog: chuuu.hateblo.jp</p></div>
@ -1727,7 +1735,7 @@
<div class="videobox interactive performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/94032038">
<div class="videobox interactive performance panke col-sm-3" vimeo="https://vimeo.com/94032038">
<div class="video-title">Mahir Duman</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#31</span>: <span class="video-artist">Mahir Duman</span> / http://www.popkinsart.com/ </p></div>
@ -1737,7 +1745,7 @@
<div class="videobox performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/94004373">
<div class="videobox performance panke col-sm-3" vimeo="https://vimeo.com/94004373">
<div class="video-title">Trashpuzzle</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#31</span>: <span class="video-artist">Trashpuzzle</span> / http://www.trashpuzzle.com/ During three years Trashpuzzle developed. New people joined the group, equipment has evolved and they gave dozens of shows in clubs around Berlin and other cities. Antique episcope has been replaced by beamer. The transport band is filmed by a live mix of two cameras that are hidden in a black box. And the group expanded to five members, who are pushing the idea forward and have a lot of fun.</p></div>
@ -1749,7 +1757,7 @@
<div class="videobox mapping vj cinema-quadrat-mannheim col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/93069064">
<div class="videobox mapping vj cinema-quadrat-mannheim col-sm-3" vimeo="https://vimeo.com/93069064">
<div class="video-title">Martin Mayer</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#4</span>: <span class="video-artist">Martin Mayer</span> / http://mayerempl.de Martin Mayer is a visual artist and VJ based in Munich. Studying media art at the Munich Academy of Fine Arts, he is co-founder of the multimedia art duo mayer+empl.
@ -1760,7 +1768,7 @@ Specialized in interior and exterior mappings highlighting architectural and
<div class="videobox science dance research cinema-quadrat-mannheim col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/93069065">
<div class="videobox science dance research cinema-quadrat-mannheim col-sm-3" vimeo="https://vimeo.com/93069065">
<div class="video-title">Agnieszka Bronka Bronowska</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Mixing Art and Science</h3><p><span class="video-session">#4</span>: <span class="video-artist">Agnieszka Bronka Bronowska</span> / https://vimeo.com/user5853568 Life sciences and visual arts can fuel each other. Good visualization is pivotal for biological and chemical sciences to illustrate and transmit information.
@ -1783,7 +1791,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox software sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/89011441">
<div class="videobox software sound panke col-sm-3" vimeo="https://vimeo.com/89011441">
<div class="video-title">Valentina Ferrandes</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#29</span>: <span class="video-artist">Valentina Ferrandes</span> / http://www.valentinaferrandes.com Valentina will present her project “Berg“, an exploration of Teufelsberg Listening Station comprising a video and a GPS triggered soundscape for iPhone and iPad.</p></div>
@ -1793,7 +1801,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox vj mapping panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/88436760">
<div class="videobox vj mapping panke col-sm-3" vimeo="http://vimeo.com/88436760">
<div class="video-title">Andrea Familari aka. Fax </div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#29</span>: <span class="video-artist">Andrea Familari aka. Fax </span> / http://famifax.com Drøp is an electronic music project born in Berlin in 2010 by Giuseppe Bifulcosound designer and engineer. It focuses on sounds investigation and experimentation, not that much in an aesthetic meaning, rather than in a perceptual and sensorial one, considering the sound as a bundle of informations that deal with psycho-acoustic and music therapy.</p></div>
@ -1805,7 +1813,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox mapping panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/88064242">
<div class="videobox mapping panke col-sm-3" vimeo="http://vimeo.com/88064242">
<div class="video-title">Julien Bach</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Video mapping Jam</h3><p><span class="video-session">#28</span>: <span class="video-artist">Julien Bach</span> / http://julienbach.com Julien will present a selection of his past work, mostly video mapping, and also introduce a community event he will start in January : A video mapping jam evening, happening once every two months in the Atelier.</p></div>
@ -1815,7 +1823,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/88064243">
<div class="videobox interactive performance panke col-sm-3" vimeo="http://vimeo.com/88064243">
<div class="video-title">StratoFyzika</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Writing movement in interactive mediated spaces</h3><p><span class="video-session">#28</span>: <span class="video-artist">StratoFyzika</span> / http://www.stratofyzika.com In this talk StratoFyzika will speak about their experience in experimenting with audio-visual-movement performances and recent collaborations with other artists. The use of sensors and wearable technologies, mapping the parameters of human movement to those possible in the world of sound and projection, as well as the use of physical and digital shadows together to visually represent the unconscious vibration of the ego in time.</p></div>
@ -1835,7 +1843,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox glitch net-art generative coding software panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/77971353">
<div class="videobox glitch net-art generative coding software panke col-sm-3" vimeo="http://vimeo.com/77971353">
<div class="video-title">pixelnoizz</div>
<div class="playbutton"></div>
<div class="video-description"><h3>touch.gl</h3><p><span class="video-session">#26</span>: <span class="video-artist">pixelnoizz</span> / http://pixelnoizz.wordpress.com/ David Szauder will present touch.gl, an app to create a glitch composition using your fingers. glitch.gl offers several glitch method options, noizes, databending, offsets for composition from different sources, such as camera input or image files. touch.gl was recently exhibited in the Centre Pompidou (Paris, France), during the show called DigitART organised and curated by Abdel Bounane. He will also premiere the latest soon to be released 6th version of his other application GlitchPatternGenerator. The audiencewill have the chance to play with both apps after the presentation.</p></div>
@ -1845,7 +1853,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox open-source gaming panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/78046414">
<div class="videobox open-source gaming panke col-sm-3" vimeo="http://vimeo.com/78046414">
<div class="video-title">Malte Steiner</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Open source game engines and realtime 3D for visuals</h3><p><span class="video-session">#26</span>: <span class="video-artist">Malte Steiner</span> / http://block4.com n his talk, Steiner will show the use of open source game engines for live visuals and interactive art pieces from the humble beginnings in late 90s towards today. He currently develops and shares a system based on the engine Panda 3D which can be programmed in Python. With the implementation of full OSC control it can communicate with any other data from applications, like Pure Data…</p></div>
@ -1865,7 +1873,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox research av music vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/70332059">
<div class="videobox research av music vj panke col-sm-3" vimeo="http://vimeo.com/70332059">
<div class="video-title">Joel Dittrich</div>
<div class="playbutton"></div>
<div class="video-description"><h3>White Noise/Black Noise</h3><p><span class="video-session">#24</span>: <span class="video-artist">Joel Dittrich</span> / http://joeldittrich.se/ </p></div>
@ -1875,7 +1883,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/70323838">
<div class="videobox interactive installation panke col-sm-3" vimeo="https://vimeo.com/70323838">
<div class="video-title">WHITEvoid </div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#24</span>: <span class="video-artist">WHITEvoid </span> / http://www.whitevoid.com Lights are screens and screens are lights. pixels become physical and tangible. buildings and spaces are shaped by computer generated patterns and mathematical algorithms. in the age of projection mapping the real and the digital world are merging to form a new reality. real and virtual worlds are inseparable. Christopher Bauder talks about chances and challenges for computer aided design and scenography.<</p></div>
@ -1885,7 +1893,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/72834682">
<div class="videobox vj panke col-sm-3" vimeo="https://vimeo.com/72834682">
<div class="video-title">VJ Juladi</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#24</span>: <span class="video-artist">VJ Juladi</span> / http://juladi.blogspot.de/ As VJ Juladi she creates new imagery and makes sounds visible. She specializes in analog and handmade visuals. Responding live to music, she experiments with the movements of her hands and body in addition to placing various objects in front of the camera: feathers, leafs, fabrics, fire, etc. to create mesmerizing effects which are sent through a video mixer and out to a screen. For the last few years she has also been using her whole body for the visuals, starting to dance, perform and move in front of the screen. The pictures which appear are always different. Simple hand movements result in intriguing patterns and shapes on the screen …. which sometimes even look like birds or digital animated forms.</p></div>
@ -1901,7 +1909,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox av music politics panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168901581">
<div class="videobox av music politics panke col-sm-3" vimeo="https://vimeo.com/168901581">
<div class="video-title">ReVerse Bullets</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Kunst, Kultur & Kino Collage</h3><p><span class="video-session">#23</span>: <span class="video-artist">ReVerse Bullets</span> / http://www.reverse-bullets.com “Kunst, Kultur & Kino Kollage” will be an examination of the process of re-appropriating the images and sounds of pop culture, propaganda, educational films, and the tools of the populist media to create subversive audiovisual art. The talk will feature an analysis of the creation of the debut ReVerse Bullets album, “Drapetomania!,” along with a preview of new material collaborated with Nicolo Sommer (BIINDS).</p></div>
@ -1913,7 +1921,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox new-media interactive panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/65964829">
<div class="videobox new-media interactive panke col-sm-3" vimeo="https://vimeo.com/65964829">
<div class="video-title">Tokyo Data Collective</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#22</span>: <span class="video-artist">Tokyo Data Collective</span> / http://tokyodatacollective.com Their performance De Koog is a multi-media exploration that fuses together electronics and acoustics, light and sound, man and machine. It can be watched, touched, played, heard and experienced both as performer or audience. Its eyes and ears take in data from the surroundings and it responds to these stimuli with jittering visuals, harsh synthesis and animal screams.</p></div>
@ -1923,7 +1931,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance humour panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/65964830">
<div class="videobox performance humour panke col-sm-3" vimeo="https://vimeo.com/65964830">
<div class="video-title">A-LI-CE </div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#22</span>: <span class="video-artist">A-LI-CE </span> / http://www.a-li-ce.com For this years LPM edition, she will premiere the Piece «Parade: Ouverture», which is the first act of the “Parade A/V live performance project”, inspired freely on “The Atrocity Exhibition” of the writer J.G. Ballard. In collaboration with the sound artist Swub, it deals with spam messages, white lights, birds, electricity, schizophrenia, and Abba music.</p></div>
@ -1935,7 +1943,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox 3d av panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/65547327">
<div class="videobox 3d av panke col-sm-3" vimeo="http://vimeo.com/65547327">
<div class="video-title">pussykrew</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#21</span>: <span class="video-artist">pussykrew</span> / http://niochnioszki.net In 2010 theyve started their audio-visual noise project Domestic Violence, which merges field recordings, live coding and audio-responsive glitches, by using self-made interfaces, controllers and patches. Domestic Violence performed in Finland, Germany, UK, Italy and Poland. work by Tikul & Jendre has been presented at digital arts and video festivals around the world. They are constantly trying to challenge the viewer, through exploration of identity / queerness of human body / architectural objects and their transformations, synthetic-organic textures, glitch aesthetics, physicality of image and sound.Their works are attempting to bend the perception of time intensify the senses and reactivate the dismissed areas of psyche.</p></div>
@ -1945,7 +1953,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/65552132">
<div class="videobox performance panke col-sm-3" vimeo="http://vimeo.com/65552132">
<div class="video-title">Gabriel Shalom</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#21</span>: <span class="video-artist">Gabriel Shalom</span> / http://www.gabrielshalom.com </p></div>
@ -1961,7 +1969,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox robotics research panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/63363297">
<div class="videobox robotics research panke col-sm-3" vimeo="http://vimeo.com/63363297">
<div class="video-title">Mey Lean Kronemann & David Sanz Kirbis</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#20</span>: <span class="video-artist">Mey Lean Kronemann & David Sanz Kirbis</span> / http://therandomlab.blogspot.de David and Mey are currently working on their project Tower of Babel, an emergent robotic sculpture that builds itself. A pack of small, autonomous robots is trying to climb on top of each other in order to form a tower. At some point, the tower gets too high and the robots fall down. This project is supported by Fundacion Telefonicas VIDA Art and Artificial Life International Awards.</p></div>
@ -1973,7 +1981,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox research performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/62067538">
<div class="videobox research performance panke col-sm-3" vimeo="https://vimeo.com/62067538">
<div class="video-title">Vanessa Ramos-Velazquez</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#19</span>: <span class="video-artist">Vanessa Ramos-Velazquez</span> / http://www.quietrevolution.me/Vanessa_Ramos_Velasquez.html She is currently collaborating with legendary electronic musician/producer A Guy Called Gerald for her interactive performance Coded Narratives, and with sound artist Derek Holzer will debut her live videomicrography performance.</p></div>
@ -1983,7 +1991,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox design av panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/62081169">
<div class="videobox design av panke col-sm-3" vimeo="https://vimeo.com/62081169">
<div class="video-title">Geso</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#19</span>: <span class="video-artist">Geso</span> / http://cargocollective.com/geso Geso is the moniker he uses for his most personal and experimental work, specially focused in video-art and visual performances. His videos are a combination of glitches, geometric graphics, landscapes and images from nature, evoking a short of lost paradise or residual image from a better world. The concepts that often dominate his work are related to different levels of communication and its paradoxes, the digital language and errors, usually revealing a connection with different aspects from human conscience and spirituality, like altered states of mind.</p></div>
@ -1993,7 +2001,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox architecture panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/62150323">
<div class="videobox architecture panke col-sm-3" vimeo="https://vimeo.com/62150323">
<div class="video-title">Alex Haw</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#19</span>: <span class="video-artist">Alex Haw</span> / http://atmosstudio.com/ His work, which spans the scales from buildings to installations, masterplans to furniture, seeks a synthesis of mind & body creating meaningful, pleasurable, enduring and immersive experiences. Much of his work involves cutting-edge fabrication technologies and digital mapping, exploring the connectivity of people to their precise place in the world.</p></div>
@ -2005,7 +2013,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox av panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/56904567">
<div class="videobox av panke col-sm-3" vimeo="https://vimeo.com/56904567">
<div class="video-title">Jem The Misfit</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Performance as process</h3><p><span class="video-session">#18</span>: <span class="video-artist">Jem The Misfit</span> / http://www.jemthemisfit.com/ Jem about her Talk: “For scope sessions I will present a selection of projects from 2012 that range from large scale festival VJing to new AV collaborations, as well as the strange world of VJ competitions. Through these projects I will give some insight into my background and work process and discuss how the immediacy of Vjing and the processes of improvisation and performance have been useful techniques in the development of new ideas.”</p></div>
@ -2015,7 +2023,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox av music panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/56907705">
<div class="videobox av music panke col-sm-3" vimeo="https://vimeo.com/56907705">
<div class="video-title">Zan Lyons</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Cross-disciplinary AV production</h3><p><span class="video-session">#18</span>: <span class="video-artist">Zan Lyons</span> / http://www.zanlyons.com/ In his talk he gives an insight to his special mix of violin play, computer synthetics, video timelines and ideas about it.</p></div>
@ -2025,7 +2033,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance hacking panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/56908563">
<div class="videobox performance hacking panke col-sm-3" vimeo="https://vimeo.com/56908563">
<div class="video-title">Onyx Ashanti</div>
<div class="playbutton"></div>
<div class="video-description"><h3>The Beatjazz Controller System</h3><p><span class="video-session">#18</span>: <span class="video-artist">Onyx Ashanti</span> / http://onyx-ashanti.com/ equations relative to each other are beginning to synergize. aesthetic based on function is proving to be a decent guiding principle for not just design, but sonic interval interpretation, formerly called music. the rabbit hole has heiroglyphs on the walls of its interior. the myth construct has become self-aware…</p></div>
@ -2045,7 +2053,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive generative coding panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/52136497">
<div class="videobox interactive generative coding panke col-sm-3" vimeo="https://vimeo.com/52136497">
<div class="video-title">Andreas Nicolas Fischer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Schwarm</h3><p><span class="video-session">#16</span>: <span class="video-artist">Andreas Nicolas Fischer</span> / http://anf.nu/ In his talk, A. N. Fischer is going to talk about his artwork “Schwarm”, a software that creates constantly changing, abstract composition running in real time. As this work comes to life through software that executes a coded behaviour, the computer system becomes an integral part of the creation and perception of the artwork itself.</p></div>
@ -2055,7 +2063,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance dance interactive panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/52208994">
<div class="videobox performance dance interactive panke col-sm-3" vimeo="https://vimeo.com/52208994">
<div class="video-title">Frieder Weiss</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Intermedia Dance Performances with Motion Sensing</h3><p><span class="video-session">#16</span>: <span class="video-artist">Frieder Weiss</span> / http://frieder-weiss.de/ With his background in computer science and automation technology, he started developing interactive systems in 1993. For many years he was codirector of Palindrome Performance group, developing media performances which toured worldwide and have received numerous awards. While his early works were focusing on movement-to-sound relations using bioelectrical sensor devices as well as video motion sensing, he continued with a focus on connecting interactive visuals with the body itself. He developed the video technologies and interactive stage projections for Chunky Moves recent intermedia works Glow and Mortal engine. For his contribution on Glow he was rewarded with a Green room award for Design in Dance. Both Pieces have been touring for many years now, including venues like BAM, New York, The Edinburgh Festival, The Sydney Opera house.</p></div>
@ -2065,7 +2073,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive software panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/52134418">
<div class="videobox interactive software panke col-sm-3" vimeo="https://vimeo.com/52134418">
<div class="video-title">Felix Bonowski</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Reverse modelling</h3><p><span class="video-session">#16</span>: <span class="video-artist">Felix Bonowski</span> / https://syntheticmatter.wordpress.com/selected-works/ In his talk, he will give some insight into how mathematical modelling can be used as an artistic tool to break the determinism of man-machine interaction and create a corporeal experience in a world without haptic feedback.</p></div>
@ -2077,7 +2085,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance interactive panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/50719735">
<div class="videobox performance interactive panke col-sm-3" vimeo="https://vimeo.com/50719735">
<div class="video-title">Mark Coniglio</div>
<div class="playbutton"></div>
<div class="video-description"><h3>The Past and Future of Technology & Performance</h3><p><span class="video-session">#15</span>: <span class="video-artist">Mark Coniglio</span> / http://troikatronix.com/ Media artist, composer and programmer Mark Coniglio will present an artist talk that combines an overview of the history of interactive/media-intensive performance with a consideration of how to take keep this work meaningful in the future.</p></div>
@ -2089,7 +2097,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/50741549">
<div class="videobox performance sound panke col-sm-3" vimeo="https://vimeo.com/50741549">
<div class="video-title">Berlan Allee</div>
<div class="playbutton"></div>
<div class="video-description"><h3>”BERLAN ALLEE” Radio Show & ”SAROSEDA Collective</h3><p><span class="video-session">#15</span>: <span class="video-artist">Berlan Allee</span> / http://www.saro-seda.com/ Next, Arash Salehi the founder of SAROSEDA will briefly present their collective. SAROSEDA is a digital art collective which tries to reach new forms and concepts in Iranian Contemporary Art scene by introducing the potential of collaboration between different disciplines in the shape of organizing workshops and jammings of computer based artists.</p></div>
@ -2101,7 +2109,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox mapping av col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43841396">
<div class="videobox mapping av col-sm-3" vimeo="https://vimeo.com/43841396">
<div class="video-title">Laura Ramirez (OptikaVJ)</div>
<div class="playbutton"></div>
<div class="video-description"><h3>AV-Invader Mapping</h3><p><span class="video-session">#3</span>: <span class="video-artist">Laura Ramirez (OptikaVJ)</span> / http://optikalink.weebly.com/about.html Laura is a visual arts lover dedicated to direct and produce live visuals projects and experimental pieces for commercial brands, art exhibitions and worldwide academic presentations. She produces herself and runs her own laboratory and audiovisual label "Optikal Ink Lab", an independent project dedicated to create AV works and aimed to integrate digital arts, video projections, video mapping and real-time narratives.</p></div>
@ -2111,7 +2119,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox coding software col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43849383">
<div class="videobox coding software col-sm-3" vimeo="https://vimeo.com/43849383">
<div class="video-title">Robert Fischer (Hexler)</div>
<div class="playbutton"></div>
<div class="video-description"><h3>TouchOSC & TouchViz</h3><p><span class="video-session">#3</span>: <span class="video-artist">Robert Fischer (Hexler)</span> / http://hexler.net Dr. Mo talks with Robert about his Apps:
@ -2125,7 +2133,7 @@ Professional, portable VJ system for iPad 2 At home or in the club, professional
<div class="videobox dance performance animation col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43857617">
<div class="videobox dance performance animation col-sm-3" vimeo="https://vimeo.com/43857617">
<div class="video-title">Andreas Karaoulanis & Katerina Liana</div>
<div class="playbutton"></div>
<div class="video-description"><h3>"Lava" Live Dance Performance</h3><p><span class="video-session">#3</span>: <span class="video-artist">Andreas Karaoulanis & Katerina Liana</span> / http://bestbefore.gr/ Andreas Karaoulanis comes from a Computer Science and Animation background. His current work deals with interactive media design and animation. He has present his work in Museum Of London, Moscow, Paris and in various Galleries and spaces around Europe. One of his latest projects is "bestbefore", an online interactive showcase blog.
@ -2136,7 +2144,7 @@ Together with Katerina Liana presented at LPM 2012 their Live Performance called
<div class="videobox software vj coding vvvv col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43857618">
<div class="videobox software vj coding vvvv col-sm-3" vimeo="https://vimeo.com/43857618">
<div class="video-title">Valerie & David ( Meso )</div>
<div class="playbutton"></div>
<div class="video-description"><h3>VVVV and IRIS VJ tool</h3><p><span class="video-session">#3</span>: <span class="video-artist">Valerie & David ( Meso )</span> / http://meso.net/ vvvv is a hybrid graphical/textual programming environment for easy prototyping and development. It is designed to facilitate the handling of large media environments with physical interfaces, real-time motion graphics, audio and video that can interact with many users simultaneously.
@ -2148,7 +2156,7 @@ MESO is working on the border line between technology and design — offering an
<div class="videobox live-cinema vj performance av col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43962834">
<div class="videobox live-cinema vj performance av col-sm-3" vimeo="https://vimeo.com/43962834">
<div class="video-title">Toby Harris (*spark) & Light Surgeons</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Origin, present and future of Live Cinema</h3><p><span class="video-session">#3</span>: <span class="video-artist">Toby Harris (*spark) & Light Surgeons</span> / http://lightsurgeons.com/ The Light Surgeons is a collective of pioneering multimedia artists founded in 1995 by creative director Christopher Thomas Allen.
@ -2162,7 +2170,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox new-media nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42602990">
<div class="videobox new-media nk col-sm-3" vimeo="https://vimeo.com/42602990">
<div class="video-title">Dalibor Knapp</div>
<div class="playbutton"></div>
<div class="video-description"><h3>CAS presentation</h3><p><span class="video-session">#14</span>: <span class="video-artist">Dalibor Knapp</span> / http://daliborknapp.com/ Dalibor will introduce us the department and the areas they work in, but centerpiece of this talk is show some of the spectrum of works being done by the students.</p></div>
@ -2172,7 +2180,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox sound installation nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42591134">
<div class="videobox sound installation nk col-sm-3" vimeo="https://vimeo.com/42591134">
<div class="video-title">Stanislav Abraham</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#14</span>: <span class="video-artist">Stanislav Abraham</span> / http://www.stanislav-abraham.com/ He will show us his work in progress on the topic of disembodied human voice in relation to phonographic technologies, speech synthesis and text to speech.</p></div>
@ -2182,7 +2190,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42641877">
<div class="videobox performance nk col-sm-3" vimeo="https://vimeo.com/42641877">
<div class="video-title">Katerina Bilkova, Fabian Scharpf</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#14</span>: <span class="video-artist">Katerina Bilkova, Fabian Scharpf</span> / https://vimeo.com/user4995182 She will perform “Outer Scan” and explain the technique behind it. Using a regular scanner, images of different analog objects are animated using a Quartz Composer patch and accompanied by live audio performed by Fabian Scharpf with Max/Msp.</p></div>
@ -2192,7 +2200,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42591136">
<div class="videobox performance nk col-sm-3" vimeo="https://vimeo.com/42591136">
<div class="video-title">Alexandra Moralesova</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#14</span>: <span class="video-artist">Alexandra Moralesova</span> / https://vimeo.com/user1136736/videos Together with our second speaker, Stanislav Abraham, she will show us her new Performance “Gardening”. Gardening is a kind of semiotics, the performance tries to find the way through the gardens syntax and plays with its visible and notional elements. The strategy to this inquiry lies in remediation of amateur 8mm footage and in questioning the relevant notions.</p></div>
@ -2204,7 +2212,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox mapping nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/41254486">
<div class="videobox mapping nk col-sm-3" vimeo="https://vimeo.com/41254486">
<div class="video-title">YUKIJUNG</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#13</span>: <span class="video-artist">YUKIJUNG</span> / http://www.yukijung.com/ After a short introduction to her design studio, YUKIJUNG will share her know-how with the audience by explaining her usual conceptual approach in planning an architectural multimedia scenography on the basis of two exemplary projects: the multimedia tour through history „Promenades sous les étoiles“ in the gardens of the Royal Castle of Amboise, Loire Valley, France and the multimedia stage scenery „Happy Birthday Friedrich“ at the Nikolaisaal Potsdam.</p></div>
@ -2214,7 +2222,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox performance film nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/41258573">
<div class="videobox performance film nk col-sm-3" vimeo="https://vimeo.com/41258573">
<div class="video-title">Ioann Maria</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#13</span>: <span class="video-artist">Ioann Maria</span> / http://ioannmaria.com In her talk Ioann Maria will present her current work in progress “Artificial Rat”, which is open for interdisciplinary collaboration. The Project aims to investigate the nature of human-machine relationship, provoking an interaction between the two. The artificial rat should appear to respond to human emotional states, and hence the biofeedback technology will be employed for the reactions measurement. Changes in emotional state of human participants will be used as an input for the rat, thus enabling a response. The responses of each participant will be visualized and compared in real time.</p></div>
@ -2224,7 +2232,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox theater politics live-cinema nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/41276967">
<div class="videobox theater politics live-cinema nk col-sm-3" vimeo="https://vimeo.com/41276967">
<div class="video-title">Giorgos Kakanakis</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#13</span>: <span class="video-artist">Giorgos Kakanakis</span> / http://theerasers.blogspot.de/ Under the title “Real time forms are rich only if they are rich in flaws”, Giorgos will give a fragmented dialogue consisting of a non-linear presentation of The Erasers work in real time audio visual performance, a brief discussion on the possibilities of live cinema/real time film, moments of propaganda and other moments of image harassment, spontaneous debates on MEANING (as opposed to abstract image production), a disassembling of VJ culture and detours through statements like: AN END TO COMMUNICATION THAT COMMUNICATES NOTHING BUT ITSELF or ITS NOT A JUST IMAGE, ITS JUST AN IMAGE.</p></div>
@ -2236,7 +2244,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival vj zeitraumexit col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43736732">
<div class="videobox festival vj zeitraumexit col-sm-3" vimeo="https://vimeo.com/43736732">
<div class="video-title">4youreye & Frau Fitzke</div>
<div class="playbutton"></div>
<div class="video-description"><h3>AV in Austria</h3><p><span class="video-session">#2</span>: <span class="video-artist">4youreye & Frau Fitzke</span> / http://sakog.net/playground Interview mit Eva Bischof (4youreye) und Lisa Malle (Frau Fitzke), zwei langjährigen Protagonistinnen der Wiener Visualistenszene - im Gespräch über das ehemalige internationale VJ Festival "Contact Europe", dem jährlich von ihnen organiserten "AV Playground" und die Szene in Österreich. Das Interview entstand im März 2012 im Rahmen des B-sEite Festival für Jetztkultur in Mannheim in Kooperation mit armitage.tv</p></div>
@ -2256,7 +2264,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox av performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/39914745">
<div class="videobox av performance nk col-sm-3" vimeo="https://vimeo.com/39914745">
<div class="video-title">MFO</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#11</span>: <span class="video-artist">MFO</span> / http://www.mfoptik.de/ </p></div>
@ -2266,7 +2274,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox experimental film nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/39886590">
<div class="videobox experimental film nk col-sm-3" vimeo="https://vimeo.com/39886590">
<div class="video-title">Thorsten Fleisch</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#11</span>: <span class="video-artist">Thorsten Fleisch</span> / http://fleischfilm.com </p></div>
@ -2276,7 +2284,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox hacking performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/40454482">
<div class="videobox hacking performance nk col-sm-3" vimeo="https://vimeo.com/40454482">
<div class="video-title">Sansculotte</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#11</span>: <span class="video-artist">Sansculotte</span> / http://www.sansculotte.de Along the way will be mentioned: pure data, glsl, digital cut-up, appropriation and information overload.</p></div>
@ -2294,7 +2302,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/35201883">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/35201883">
<div class="video-title">Francesco Salizzoni</div>
<div class="playbutton"></div>
<div class="video-description"><h3>roBOt Festival</h3><p><span class="video-session">#1</span>: <span class="video-artist">Francesco Salizzoni</span> / http://robotfestival.it In an interview with Eklis Rellüm, Francesco Salizzoni talks about the annual robot festival in Bologna, Italy</p></div>
@ -2304,7 +2312,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/35209282">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/35209282">
<div class="video-title">Willem van der Schans</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Freemote Festival</h3><p><span class="video-session">#1</span>: <span class="video-artist">Willem van der Schans</span> / http://freemote.nl In an interview with Eklis Rellüm, Willem van der Schans talks about the annual FREEMOTE festival in Utrecht, Netherlands</p></div>
@ -2314,7 +2322,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox installation festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/35213957">
<div class="videobox installation festival nutrecht col-sm-3" vimeo="https://vimeo.com/35213957">
<div class="video-title">Elektro Moon Vision</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Elektro Moon Vision</h3><p><span class="video-session">#1</span>: <span class="video-artist">Elektro Moon Vision</span> / http://elektromoon.co.nr In an interview with Eklis Rellüm, Elwira Wojtunik and Popesz Csaba Láng of Elektro Moon Vision talk about their installation at FREEMOTE and their planned future festival in Kraków, Poland</p></div>
@ -2324,7 +2332,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/36078765">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/36078765">
<div class="video-title">Live Performers Meeting</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Live Performers Meeting</h3><p><span class="video-session">#1</span>: <span class="video-artist">Live Performers Meeting</span> / http://liveperformersmeeting.net In an interview with Eklis Rellüm, Ioann Maria and Gianluca del Gobbo talk about their Live Performers Meeting (LPM) that takes place every year in Rome, IT</p></div>
@ -2334,7 +2342,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/36141129">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/36141129">
<div class="video-title">Benjamin Jantzen</div>
<div class="playbutton"></div>
<div class="video-description"><h3>B-Seite Festival</h3><p><span class="video-session">#1</span>: <span class="video-artist">Benjamin Jantzen</span> / http://jtztkultur.de In einem Interview mit Eklis Rellüm spricht Benjamin Jantzen über das B-Seite Festival für Jetztkultur in Mannheim, DE</p></div>
@ -2491,6 +2499,8 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
$('.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');
});
});
</script>

View file

@ -46,7 +46,7 @@
<div class="content container-fluid">
<div class="content no-header">
<div class="row">
@ -143,7 +143,15 @@
</div>
<div id="video-roster container-fluid">
</div>
</div>
<div class="spacer"></div>
<div class="row">
<div class="dark_bg col-md-10 col-md-offset-1">
<div id="video-roster" class="container-fluid">
@ -154,7 +162,7 @@
<div class="videobox analog film panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200555394/ae1f867c7a">
<div class="videobox analog film panke col-sm-3" vimeo="https://vimeo.com/200555394/ae1f867c7a">
<div class="video-title">Susi Sie</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Between Art and Science</h3><p><span class="video-session">#61</span>: <span class="video-artist">Susi Sie</span> / http://www.susisie.de Introduction, background, how I came to the idea of filming liquids and particles, why working strictly analog, showreel, photos of working process, studio, private projects, client projects.</p></div>
@ -164,7 +172,7 @@
<div class="videobox data panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200555583/113e07278a">
<div class="videobox data panke col-sm-3" vimeo="https://vimeo.com/200555583/113e07278a">
<div class="video-title">Quadrature</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Personal views on objective data</h3><p><span class="video-session">#61</span>: <span class="video-artist">Quadrature</span> / http://www.quadrature.co/ Quadrature will speak about their current works and projects, possible cooperations between art and science from an artist perspective, artistic practice in relation to data as material.</p></div>
@ -174,7 +182,7 @@
<div class="videobox performance light music panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200564948/354b32872c">
<div class="videobox performance light music panke col-sm-3" vimeo="https://vimeo.com/200564948/354b32872c">
<div class="video-title">Doron Sadja</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Mapping the Perceptual Landscape</h3><p><span class="video-session">#61</span>: <span class="video-artist">Doron Sadja</span> / http://www.doron.sadja.com In 'Mapping the Perceptual Landscape', Doron Sadja will give an overview of his practice followed by a discussion of auditory and visual phenomena, approaches to site specific performance, and the importance of losing control of your electronic instruments.</p></div>
@ -190,7 +198,7 @@
<div class="videobox 3d painting performance installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200551185/d2c7d00722">
<div class="videobox 3d painting performance installation panke col-sm-3" vimeo="https://vimeo.com/200551185/d2c7d00722">
<div class="video-title">Gajek</div>
<div class="playbutton"></div>
<div class="video-description"><h3>How paintings obtain another dimension.</h3><p><span class="video-session">#59</span>: <span class="video-artist">Gajek</span> / http://www.agnieszkagajewska.com 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.</p></div>
@ -200,7 +208,7 @@
<div class="videobox installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200551508/7a70546ade">
<div class="videobox installation panke col-sm-3" vimeo="https://vimeo.com/200551508/7a70546ade">
<div class="video-title">Martìn Romeo</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Ephemera - immaterial work</h3><p><span class="video-session">#59</span>: <span class="video-artist">Martìn Romeo</span> / http://www.martinromeo.com/ 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.</p></div>
@ -210,7 +218,7 @@
<div class="videobox av live-cinema performance vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/200551287">
<div class="videobox av live-cinema performance vj panke col-sm-3" vimeo="https://vimeo.com/200551287">
<div class="video-title">Kiritan Flux</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Performing in Physical and Mental Space</h3><p><span class="video-session">#59</span>: <span class="video-artist">Kiritan Flux</span> / http://flux.vision/ 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.</p></div>
@ -238,7 +246,7 @@
<div class="videobox virtual-reality performance video-art funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170467514">
<div class="videobox virtual-reality performance video-art funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170467514">
<div class="video-title">Lauren Moffatt</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#5</span>: <span class="video-artist">Lauren Moffatt</span> / Lauren Moffatt will speak about her experiences producing virtual reality in an art context, including the struggle to develop a visual language for the medium, the awkward meeting of the gaming and film industries, and the stampede to develop content and services in time for the projected boom. Lauren Moffatt is an Australian artist currently living in Berlin and working between video, performance and immersive technologies. She is interested in how the dimension of depth in digital moving image can be used as a storytelling device. Her works, often presented in multiple forms, explore contemporary subjectivity and connected bodies as well as the limits between virtual and physical worlds. Over a number of years she has developed a body of work pivoting on stereoscopic photography and video and informed by the history of cinema and broadcast technologies. Her works have been screened and exhibited most recently at Centrale for Contemporary Art in Brussels, New Frontier at the Sundance Film Festival, Les Champs Libres in Rennes and at the ZKM in Karlsruhe.</p></div>
@ -248,7 +256,7 @@
<div class="videobox mapping production funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170467517">
<div class="videobox mapping production funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170467517">
<div class="video-title">Onionlab</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#5</span>: <span class="video-artist">Onionlab</span> / http://onionlab.com Onionlab talks about their experience with architecture mappings and how to plan and realize mappings from the idea to the projection itself. Onionlab is a Barcelona-based multidisciplinary studio that creates interactive products and experiences, motion design movies and audiovisual shows. Their works are based on the aesthetic attention to detail and the technical innovation, making use of the power of scripting and the seduction of music and sound design. Jordi Pont is Onionlabs creative director and has been vjing since 2002 with artistic collectives Lectrovision and Telenoika and also as a resident on Razzmatazz clubs for more than 10 years.</p></div>
@ -258,7 +266,7 @@
<div class="videobox performance net-art virtual-reality av funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170467518">
<div class="videobox performance net-art virtual-reality av funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170467518">
<div class="video-title">Marija Bozinovska Jones</div>
<div class="playbutton"></div>
<div class="video-description"><h3>MBJ Wetware</h3><p><span class="video-session">#5</span>: <span class="video-artist">Marija Bozinovska Jones</span> / http://marijabozinovskajones.com Marija Bozinovska Jones will elaborate her practice under the pseudonym MBJ Wetware and her approach of live performance as constructing virtual environments extending beyond spatial and audiovisual. She will be covering the conception of GAD Technologies, work commissioned for Club Transmediale 2016 and premiered at Berghain as a collaboration with J G Biberkopf. MBJ will be also presenting her recent work employing voice controlled lasers. Marija Bozinovska Jones work revolves around identity formation in an era of technocapitalist amplification and perpetual online presence. She explores socio-political implications of planetary scale computation, seeking out apophenic patterns with an array of elements ranging from subcultural formations to totalitarian architecture. Jones explores societys anthropological adaptations intertwined in the framework of networked capitalism, its coping mechanism of coming to terms with challenged ontological axioms of cognition, affection and memory. Under the alias MBJ Wetware, Jones develops immersive live performances simulating heterotopian landscapes.</p></div>
@ -268,7 +276,7 @@
<div class="videobox full-dome research animation installation funkhaus-berlin col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/170482794">
<div class="videobox full-dome research animation installation funkhaus-berlin col-sm-3" vimeo="https://vimeo.com/170482794">
<div class="video-title">Carla Chan</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Black Moves</h3><p><span class="video-session">#5</span>: <span class="video-artist">Carla Chan</span> / http://carlachan.com 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, Chans 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.</p></div>
@ -280,7 +288,7 @@
<div class="videobox drawing sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168902369">
<div class="videobox drawing sound panke col-sm-3" vimeo="https://vimeo.com/168902369">
<div class="video-title">Patrick K.-H., Andreas Karaoulanis</div>
<div class="playbutton"></div>
<div class="video-description"><h3>'Alice Wonderland meets Monty Python' - (un)imation of Patrick K.-H.</h3><p><span class="video-session">#55</span>: <span class="video-artist">Patrick K.-H., Andreas Karaoulanis</span> / http://drawnsound.org/ (un)imation, unmusic, (un)struments</p></div>
@ -424,7 +432,7 @@
<div class="videobox vvvv coding panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/116418592">
<div class="videobox vvvv coding panke col-sm-3" vimeo="https://vimeo.com/116418592">
<div class="video-title">Tebjan Halm & Elias Holzer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>50, that next big thing</h3><p><span class="video-session">#39</span>: <span class="video-artist">Tebjan Halm & Elias Holzer</span> / http://vvvv.org/ 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></div>
@ -436,7 +444,7 @@
<div class="videobox vj installation performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/115263938">
<div class="videobox vj installation performance panke col-sm-3" vimeo="https://vimeo.com/115263938">
<div class="video-title">Transforma</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Transforma: 2001 bis 2014</h3><p><span class="video-session">#38</span>: <span class="video-artist">Transforma</span> / http://www.transforma.de A chronological presentation of selected works from the world of transforma.</p></div>
@ -446,7 +454,7 @@
<div class="videobox coding research panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/115263939">
<div class="videobox coding research panke col-sm-3" vimeo="https://vimeo.com/115263939">
<div class="video-title">Marcel Schwittlick</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Current Status</h3><p><span class="video-session">#38</span>: <span class="video-artist">Marcel Schwittlick</span> / http://www.mrzl.net It's just me showing my work.</p></div>
@ -456,7 +464,7 @@
<div class="videobox installation new-media panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/115263937">
<div class="videobox installation new-media panke col-sm-3" vimeo="https://vimeo.com/115263937">
<div class="video-title">Marcellina Wellmer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Crossing the border - RANDOM IN ANALOG AND DIGITAL MEDIA</h3><p><span class="video-session">#38</span>: <span class="video-artist">Marcellina Wellmer</span> / http://marcelinawellmer.com Generative factor in a visual message, connected with electronic devices, used in a set of variable objects. Hybrid of media and cultural&philospohical garbology. Reverse engineering.</p></div>
@ -480,7 +488,7 @@
<div class="videobox music performance sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/107028690">
<div class="videobox music performance sound panke col-sm-3" vimeo="https://vimeo.com/107028690">
<div class="video-title">Derek Holzer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Probing the Past: A Media Archaeology of Handmade Electronic Sound</h3><p><span class="video-session">#35</span>: <span class="video-artist">Derek Holzer</span> / http://macumbista.net/ The utopias of electronic sound have hardly changed in its hundred-year history. We still want to imitate existing instruments, create sounds which have never been heard before and realize complex compositions without the need of an orchestra. It is only the tools which have become more complex. But there are dystopias as well, which come especially from using tools designed around other peoples way of creating sound, rather than your own. Instrument builder, teacher and performer Derek Holzer of Macumbista.net will discuss the inspiration of some of the pioneers of 20th Century electronic sound as springboards to some of his own creations, which the audience will have a chance to explore following the talk.</p></div>
@ -490,7 +498,7 @@
<div class="videobox science panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/106124225">
<div class="videobox science panke col-sm-3" vimeo="https://vimeo.com/106124225">
<div class="video-title">Imanol Gomez</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Science Inspires Art</h3><p><span class="video-session">#35</span>: <span class="video-artist">Imanol Gomez</span> / http://imanolgomez.net/ The talk will focus on how art and science are moving towards one another. It should not be forgotten that both have always been characterised by creative and imaginative processes. Many artist have found their inspiration by the physical and natural world through observation and experiment. Today, new media artist are working on novel ways of scientific communication, searching for the aesthetics on research data and experimenting with new scientific tools. Anyway, who doesnt take a look at the universe, with its sublime and redemptive quality? It makes us all feel small but peaceful.</p></div>
@ -500,7 +508,7 @@
<div class="videobox installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/106124226">
<div class="videobox installation panke col-sm-3" vimeo="https://vimeo.com/106124226">
<div class="video-title">Juan Carlos Duarte Regino</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Audiovisual Interactions and ludic design for ludic interfaces</h3><p><span class="video-session">#35</span>: <span class="video-artist">Juan Carlos Duarte Regino</span> / http://www.juanduarteregino.com/ The talk will review some own project and other state of art related examples around the interactive aspect of live visuals. The use of open source technologies expertise and knowledge share has enhanced the scene of creators and artists looking to use alternative tools for creation of locative and or gesture based media.</p></div>
@ -512,7 +520,7 @@
<div class="videobox design hardware installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168940417">
<div class="videobox design hardware installation panke col-sm-3" vimeo="https://vimeo.com/168940417">
<div class="video-title">Quadrature</div>
<div class="playbutton"></div>
<div class="video-description"><h3>From a visual journey into another dimension.</h3><p><span class="video-session">#34</span>: <span class="video-artist">Quadrature</span> / http://quadrature.co/ After introducing themselves and their work, they will focus on the problems for media artists to be part of the traditional gallery-marked in the art business. Even so a lot of Art projects, which use modern technology and try to bring it into a different not consumer-based context, are quite successful, a lot of them are being displayed only in festivals or as digital copies in the internet, rather then being shown in privat galleries. This implements that the creators make a living either from grants, teaching, very small fees or they finance their free art work with client-based commissions. The reasons for this are manifold. A lot of projects are technical experiments on a larger scale, which can hardly be sold as an peace of art that the client could simply place or even hang in his home. Another reason is the fact that a lot of Media Artists rather work on a very conceptual level, creating work that is either only excisting in digital form,very much created for certain spaces or react to certain appearings of modern society. So whenever you would take this projects out of their context they would not make any sense at all.</p></div>
@ -522,7 +530,7 @@
<div class="videobox software coding sound music panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/104694866">
<div class="videobox software coding sound music panke col-sm-3" vimeo="https://vimeo.com/104694866">
<div class="video-title">Miller Puckette</div>
<div class="playbutton"></div>
<div class="video-description"><h3>How to have fun with a six channel guitar pckup</h3><p><span class="video-session">#34</span>: <span class="video-artist">Miller Puckette</span> / http://msp.ucsd.edu/ Puckette demonstrates what happens when you put individual pickup coils on each string of your guitar, opening up a wide range of sonic possibilities beyond what you can get out of an ordinary pickup. Techniques like filtering and distortion can be applied to the signals before they're mixed. This makes it possible to get results that are both rich sounding and precisely controllable. The software to do this is open source, free to download.</p></div>
@ -544,7 +552,7 @@
<div class="videobox installation light panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168922087">
<div class="videobox installation light panke col-sm-3" vimeo="https://vimeo.com/168922087">
<div class="video-title">Lichtpiraten</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Make love not art</h3><p><span class="video-session">#32</span>: <span class="video-artist">Lichtpiraten</span> / http://lichtpiraten.net die LiCHTPiRATEN zeigen uns, dass nichts aussehen muss wie es gerade scheint langsam begreifen wir, dass wir in einer kuenstlichen welt leben, die aussieht wie sie aussehen soll. die oberflaeche der dinge die uns bestimmen sind erdacht, gestaltet und in unseren alltag geschmuggelt. die LiCHTPiRATEN kapern das antlitz von etwas, uebernehmen darueber kontrolle, zeichnen um, deuten an. Schicht fuer schicht verschmelzen die ebenen der wahrnehmeung und hinterlassen ein vibrieren in der seele, dass daran erinnert: es ist leicht frei zu sein.</p></div>
@ -560,7 +568,7 @@
<div class="videobox vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/93984046">
<div class="videobox vj panke col-sm-3" vimeo="https://vimeo.com/93984046">
<div class="video-title">Vj Chuu</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Guruguru kun</h3><p><span class="video-session">#31</span>: <span class="video-artist">Vj Chuu</span> / http://chuuu.xxxxxxxx.jp/ Chuuu recently works on the intersection of noise music and live drawings. In his talk, we will give some close-ups to art practices. Follow him on his blog: chuuu.hateblo.jp</p></div>
@ -570,7 +578,7 @@
<div class="videobox interactive performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/94032038">
<div class="videobox interactive performance panke col-sm-3" vimeo="https://vimeo.com/94032038">
<div class="video-title">Mahir Duman</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#31</span>: <span class="video-artist">Mahir Duman</span> / http://www.popkinsart.com/ </p></div>
@ -580,7 +588,7 @@
<div class="videobox performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/94004373">
<div class="videobox performance panke col-sm-3" vimeo="https://vimeo.com/94004373">
<div class="video-title">Trashpuzzle</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#31</span>: <span class="video-artist">Trashpuzzle</span> / http://www.trashpuzzle.com/ During three years Trashpuzzle developed. New people joined the group, equipment has evolved and they gave dozens of shows in clubs around Berlin and other cities. Antique episcope has been replaced by beamer. The transport band is filmed by a live mix of two cameras that are hidden in a black box. And the group expanded to five members, who are pushing the idea forward and have a lot of fun.</p></div>
@ -592,7 +600,7 @@
<div class="videobox mapping vj cinema-quadrat-mannheim col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/93069064">
<div class="videobox mapping vj cinema-quadrat-mannheim col-sm-3" vimeo="https://vimeo.com/93069064">
<div class="video-title">Martin Mayer</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#4</span>: <span class="video-artist">Martin Mayer</span> / http://mayerempl.de Martin Mayer is a visual artist and VJ based in Munich. Studying media art at the Munich Academy of Fine Arts, he is co-founder of the multimedia art duo mayer+empl.
@ -603,7 +611,7 @@ Specialized in interior and exterior mappings highlighting architectural and
<div class="videobox science dance research cinema-quadrat-mannheim col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/93069065">
<div class="videobox science dance research cinema-quadrat-mannheim col-sm-3" vimeo="https://vimeo.com/93069065">
<div class="video-title">Agnieszka Bronka Bronowska</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Mixing Art and Science</h3><p><span class="video-session">#4</span>: <span class="video-artist">Agnieszka Bronka Bronowska</span> / https://vimeo.com/user5853568 Life sciences and visual arts can fuel each other. Good visualization is pivotal for biological and chemical sciences to illustrate and transmit information.
@ -626,7 +634,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox software sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/89011441">
<div class="videobox software sound panke col-sm-3" vimeo="https://vimeo.com/89011441">
<div class="video-title">Valentina Ferrandes</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#29</span>: <span class="video-artist">Valentina Ferrandes</span> / http://www.valentinaferrandes.com Valentina will present her project “Berg“, an exploration of Teufelsberg Listening Station comprising a video and a GPS triggered soundscape for iPhone and iPad.</p></div>
@ -636,7 +644,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox vj mapping panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/88436760">
<div class="videobox vj mapping panke col-sm-3" vimeo="http://vimeo.com/88436760">
<div class="video-title">Andrea Familari aka. Fax </div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#29</span>: <span class="video-artist">Andrea Familari aka. Fax </span> / http://famifax.com Drøp is an electronic music project born in Berlin in 2010 by Giuseppe Bifulcosound designer and engineer. It focuses on sounds investigation and experimentation, not that much in an aesthetic meaning, rather than in a perceptual and sensorial one, considering the sound as a bundle of informations that deal with psycho-acoustic and music therapy.</p></div>
@ -648,7 +656,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox mapping panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/88064242">
<div class="videobox mapping panke col-sm-3" vimeo="http://vimeo.com/88064242">
<div class="video-title">Julien Bach</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Video mapping Jam</h3><p><span class="video-session">#28</span>: <span class="video-artist">Julien Bach</span> / http://julienbach.com Julien will present a selection of his past work, mostly video mapping, and also introduce a community event he will start in January : A video mapping jam evening, happening once every two months in the Atelier.</p></div>
@ -658,7 +666,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/88064243">
<div class="videobox interactive performance panke col-sm-3" vimeo="http://vimeo.com/88064243">
<div class="video-title">StratoFyzika</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Writing movement in interactive mediated spaces</h3><p><span class="video-session">#28</span>: <span class="video-artist">StratoFyzika</span> / http://www.stratofyzika.com In this talk StratoFyzika will speak about their experience in experimenting with audio-visual-movement performances and recent collaborations with other artists. The use of sensors and wearable technologies, mapping the parameters of human movement to those possible in the world of sound and projection, as well as the use of physical and digital shadows together to visually represent the unconscious vibration of the ego in time.</p></div>
@ -678,7 +686,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox glitch net-art generative coding software panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/77971353">
<div class="videobox glitch net-art generative coding software panke col-sm-3" vimeo="http://vimeo.com/77971353">
<div class="video-title">pixelnoizz</div>
<div class="playbutton"></div>
<div class="video-description"><h3>touch.gl</h3><p><span class="video-session">#26</span>: <span class="video-artist">pixelnoizz</span> / http://pixelnoizz.wordpress.com/ David Szauder will present touch.gl, an app to create a glitch composition using your fingers. glitch.gl offers several glitch method options, noizes, databending, offsets for composition from different sources, such as camera input or image files. touch.gl was recently exhibited in the Centre Pompidou (Paris, France), during the show called DigitART organised and curated by Abdel Bounane. He will also premiere the latest soon to be released 6th version of his other application GlitchPatternGenerator. The audiencewill have the chance to play with both apps after the presentation.</p></div>
@ -688,7 +696,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox open-source gaming panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/78046414">
<div class="videobox open-source gaming panke col-sm-3" vimeo="http://vimeo.com/78046414">
<div class="video-title">Malte Steiner</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Open source game engines and realtime 3D for visuals</h3><p><span class="video-session">#26</span>: <span class="video-artist">Malte Steiner</span> / http://block4.com n his talk, Steiner will show the use of open source game engines for live visuals and interactive art pieces from the humble beginnings in late 90s towards today. He currently develops and shares a system based on the engine Panda 3D which can be programmed in Python. With the implementation of full OSC control it can communicate with any other data from applications, like Pure Data…</p></div>
@ -708,7 +716,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox research av music vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/70332059">
<div class="videobox research av music vj panke col-sm-3" vimeo="http://vimeo.com/70332059">
<div class="video-title">Joel Dittrich</div>
<div class="playbutton"></div>
<div class="video-description"><h3>White Noise/Black Noise</h3><p><span class="video-session">#24</span>: <span class="video-artist">Joel Dittrich</span> / http://joeldittrich.se/ </p></div>
@ -718,7 +726,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive installation panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/70323838">
<div class="videobox interactive installation panke col-sm-3" vimeo="https://vimeo.com/70323838">
<div class="video-title">WHITEvoid </div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#24</span>: <span class="video-artist">WHITEvoid </span> / http://www.whitevoid.com Lights are screens and screens are lights. pixels become physical and tangible. buildings and spaces are shaped by computer generated patterns and mathematical algorithms. in the age of projection mapping the real and the digital world are merging to form a new reality. real and virtual worlds are inseparable. Christopher Bauder talks about chances and challenges for computer aided design and scenography.<</p></div>
@ -728,7 +736,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox vj panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/72834682">
<div class="videobox vj panke col-sm-3" vimeo="https://vimeo.com/72834682">
<div class="video-title">VJ Juladi</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#24</span>: <span class="video-artist">VJ Juladi</span> / http://juladi.blogspot.de/ As VJ Juladi she creates new imagery and makes sounds visible. She specializes in analog and handmade visuals. Responding live to music, she experiments with the movements of her hands and body in addition to placing various objects in front of the camera: feathers, leafs, fabrics, fire, etc. to create mesmerizing effects which are sent through a video mixer and out to a screen. For the last few years she has also been using her whole body for the visuals, starting to dance, perform and move in front of the screen. The pictures which appear are always different. Simple hand movements result in intriguing patterns and shapes on the screen …. which sometimes even look like birds or digital animated forms.</p></div>
@ -744,7 +752,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox av music politics panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/168901581">
<div class="videobox av music politics panke col-sm-3" vimeo="https://vimeo.com/168901581">
<div class="video-title">ReVerse Bullets</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Kunst, Kultur & Kino Collage</h3><p><span class="video-session">#23</span>: <span class="video-artist">ReVerse Bullets</span> / http://www.reverse-bullets.com “Kunst, Kultur & Kino Kollage” will be an examination of the process of re-appropriating the images and sounds of pop culture, propaganda, educational films, and the tools of the populist media to create subversive audiovisual art. The talk will feature an analysis of the creation of the debut ReVerse Bullets album, “Drapetomania!,” along with a preview of new material collaborated with Nicolo Sommer (BIINDS).</p></div>
@ -756,7 +764,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox new-media interactive panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/65964829">
<div class="videobox new-media interactive panke col-sm-3" vimeo="https://vimeo.com/65964829">
<div class="video-title">Tokyo Data Collective</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#22</span>: <span class="video-artist">Tokyo Data Collective</span> / http://tokyodatacollective.com Their performance De Koog is a multi-media exploration that fuses together electronics and acoustics, light and sound, man and machine. It can be watched, touched, played, heard and experienced both as performer or audience. Its eyes and ears take in data from the surroundings and it responds to these stimuli with jittering visuals, harsh synthesis and animal screams.</p></div>
@ -766,7 +774,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance humour panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/65964830">
<div class="videobox performance humour panke col-sm-3" vimeo="https://vimeo.com/65964830">
<div class="video-title">A-LI-CE </div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#22</span>: <span class="video-artist">A-LI-CE </span> / http://www.a-li-ce.com For this years LPM edition, she will premiere the Piece «Parade: Ouverture», which is the first act of the “Parade A/V live performance project”, inspired freely on “The Atrocity Exhibition” of the writer J.G. Ballard. In collaboration with the sound artist Swub, it deals with spam messages, white lights, birds, electricity, schizophrenia, and Abba music.</p></div>
@ -778,7 +786,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox 3d av panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/65547327">
<div class="videobox 3d av panke col-sm-3" vimeo="http://vimeo.com/65547327">
<div class="video-title">pussykrew</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#21</span>: <span class="video-artist">pussykrew</span> / http://niochnioszki.net In 2010 theyve started their audio-visual noise project Domestic Violence, which merges field recordings, live coding and audio-responsive glitches, by using self-made interfaces, controllers and patches. Domestic Violence performed in Finland, Germany, UK, Italy and Poland. work by Tikul & Jendre has been presented at digital arts and video festivals around the world. They are constantly trying to challenge the viewer, through exploration of identity / queerness of human body / architectural objects and their transformations, synthetic-organic textures, glitch aesthetics, physicality of image and sound.Their works are attempting to bend the perception of time intensify the senses and reactivate the dismissed areas of psyche.</p></div>
@ -788,7 +796,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/65552132">
<div class="videobox performance panke col-sm-3" vimeo="http://vimeo.com/65552132">
<div class="video-title">Gabriel Shalom</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#21</span>: <span class="video-artist">Gabriel Shalom</span> / http://www.gabrielshalom.com </p></div>
@ -804,7 +812,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox robotics research panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="http://vimeo.com/63363297">
<div class="videobox robotics research panke col-sm-3" vimeo="http://vimeo.com/63363297">
<div class="video-title">Mey Lean Kronemann & David Sanz Kirbis</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#20</span>: <span class="video-artist">Mey Lean Kronemann & David Sanz Kirbis</span> / http://therandomlab.blogspot.de David and Mey are currently working on their project Tower of Babel, an emergent robotic sculpture that builds itself. A pack of small, autonomous robots is trying to climb on top of each other in order to form a tower. At some point, the tower gets too high and the robots fall down. This project is supported by Fundacion Telefonicas VIDA Art and Artificial Life International Awards.</p></div>
@ -816,7 +824,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox research performance panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/62067538">
<div class="videobox research performance panke col-sm-3" vimeo="https://vimeo.com/62067538">
<div class="video-title">Vanessa Ramos-Velazquez</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#19</span>: <span class="video-artist">Vanessa Ramos-Velazquez</span> / http://www.quietrevolution.me/Vanessa_Ramos_Velasquez.html She is currently collaborating with legendary electronic musician/producer A Guy Called Gerald for her interactive performance Coded Narratives, and with sound artist Derek Holzer will debut her live videomicrography performance.</p></div>
@ -826,7 +834,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox design av panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/62081169">
<div class="videobox design av panke col-sm-3" vimeo="https://vimeo.com/62081169">
<div class="video-title">Geso</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#19</span>: <span class="video-artist">Geso</span> / http://cargocollective.com/geso Geso is the moniker he uses for his most personal and experimental work, specially focused in video-art and visual performances. His videos are a combination of glitches, geometric graphics, landscapes and images from nature, evoking a short of lost paradise or residual image from a better world. The concepts that often dominate his work are related to different levels of communication and its paradoxes, the digital language and errors, usually revealing a connection with different aspects from human conscience and spirituality, like altered states of mind.</p></div>
@ -836,7 +844,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox architecture panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/62150323">
<div class="videobox architecture panke col-sm-3" vimeo="https://vimeo.com/62150323">
<div class="video-title">Alex Haw</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#19</span>: <span class="video-artist">Alex Haw</span> / http://atmosstudio.com/ His work, which spans the scales from buildings to installations, masterplans to furniture, seeks a synthesis of mind & body creating meaningful, pleasurable, enduring and immersive experiences. Much of his work involves cutting-edge fabrication technologies and digital mapping, exploring the connectivity of people to their precise place in the world.</p></div>
@ -848,7 +856,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox av panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/56904567">
<div class="videobox av panke col-sm-3" vimeo="https://vimeo.com/56904567">
<div class="video-title">Jem The Misfit</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Performance as process</h3><p><span class="video-session">#18</span>: <span class="video-artist">Jem The Misfit</span> / http://www.jemthemisfit.com/ Jem about her Talk: “For scope sessions I will present a selection of projects from 2012 that range from large scale festival VJing to new AV collaborations, as well as the strange world of VJ competitions. Through these projects I will give some insight into my background and work process and discuss how the immediacy of Vjing and the processes of improvisation and performance have been useful techniques in the development of new ideas.”</p></div>
@ -858,7 +866,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox av music panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/56907705">
<div class="videobox av music panke col-sm-3" vimeo="https://vimeo.com/56907705">
<div class="video-title">Zan Lyons</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Cross-disciplinary AV production</h3><p><span class="video-session">#18</span>: <span class="video-artist">Zan Lyons</span> / http://www.zanlyons.com/ In his talk he gives an insight to his special mix of violin play, computer synthetics, video timelines and ideas about it.</p></div>
@ -868,7 +876,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance hacking panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/56908563">
<div class="videobox performance hacking panke col-sm-3" vimeo="https://vimeo.com/56908563">
<div class="video-title">Onyx Ashanti</div>
<div class="playbutton"></div>
<div class="video-description"><h3>The Beatjazz Controller System</h3><p><span class="video-session">#18</span>: <span class="video-artist">Onyx Ashanti</span> / http://onyx-ashanti.com/ equations relative to each other are beginning to synergize. aesthetic based on function is proving to be a decent guiding principle for not just design, but sonic interval interpretation, formerly called music. the rabbit hole has heiroglyphs on the walls of its interior. the myth construct has become self-aware…</p></div>
@ -888,7 +896,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive generative coding panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/52136497">
<div class="videobox interactive generative coding panke col-sm-3" vimeo="https://vimeo.com/52136497">
<div class="video-title">Andreas Nicolas Fischer</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Schwarm</h3><p><span class="video-session">#16</span>: <span class="video-artist">Andreas Nicolas Fischer</span> / http://anf.nu/ In his talk, A. N. Fischer is going to talk about his artwork “Schwarm”, a software that creates constantly changing, abstract composition running in real time. As this work comes to life through software that executes a coded behaviour, the computer system becomes an integral part of the creation and perception of the artwork itself.</p></div>
@ -898,7 +906,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance dance interactive panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/52208994">
<div class="videobox performance dance interactive panke col-sm-3" vimeo="https://vimeo.com/52208994">
<div class="video-title">Frieder Weiss</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Intermedia Dance Performances with Motion Sensing</h3><p><span class="video-session">#16</span>: <span class="video-artist">Frieder Weiss</span> / http://frieder-weiss.de/ With his background in computer science and automation technology, he started developing interactive systems in 1993. For many years he was codirector of Palindrome Performance group, developing media performances which toured worldwide and have received numerous awards. While his early works were focusing on movement-to-sound relations using bioelectrical sensor devices as well as video motion sensing, he continued with a focus on connecting interactive visuals with the body itself. He developed the video technologies and interactive stage projections for Chunky Moves recent intermedia works Glow and Mortal engine. For his contribution on Glow he was rewarded with a Green room award for Design in Dance. Both Pieces have been touring for many years now, including venues like BAM, New York, The Edinburgh Festival, The Sydney Opera house.</p></div>
@ -908,7 +916,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox interactive software panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/52134418">
<div class="videobox interactive software panke col-sm-3" vimeo="https://vimeo.com/52134418">
<div class="video-title">Felix Bonowski</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Reverse modelling</h3><p><span class="video-session">#16</span>: <span class="video-artist">Felix Bonowski</span> / https://syntheticmatter.wordpress.com/selected-works/ In his talk, he will give some insight into how mathematical modelling can be used as an artistic tool to break the determinism of man-machine interaction and create a corporeal experience in a world without haptic feedback.</p></div>
@ -920,7 +928,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance interactive panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/50719735">
<div class="videobox performance interactive panke col-sm-3" vimeo="https://vimeo.com/50719735">
<div class="video-title">Mark Coniglio</div>
<div class="playbutton"></div>
<div class="video-description"><h3>The Past and Future of Technology & Performance</h3><p><span class="video-session">#15</span>: <span class="video-artist">Mark Coniglio</span> / http://troikatronix.com/ Media artist, composer and programmer Mark Coniglio will present an artist talk that combines an overview of the history of interactive/media-intensive performance with a consideration of how to take keep this work meaningful in the future.</p></div>
@ -932,7 +940,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox performance sound panke col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/50741549">
<div class="videobox performance sound panke col-sm-3" vimeo="https://vimeo.com/50741549">
<div class="video-title">Berlan Allee</div>
<div class="playbutton"></div>
<div class="video-description"><h3>”BERLAN ALLEE” Radio Show & ”SAROSEDA Collective</h3><p><span class="video-session">#15</span>: <span class="video-artist">Berlan Allee</span> / http://www.saro-seda.com/ Next, Arash Salehi the founder of SAROSEDA will briefly present their collective. SAROSEDA is a digital art collective which tries to reach new forms and concepts in Iranian Contemporary Art scene by introducing the potential of collaboration between different disciplines in the shape of organizing workshops and jammings of computer based artists.</p></div>
@ -944,7 +952,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox mapping av col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43841396">
<div class="videobox mapping av col-sm-3" vimeo="https://vimeo.com/43841396">
<div class="video-title">Laura Ramirez (OptikaVJ)</div>
<div class="playbutton"></div>
<div class="video-description"><h3>AV-Invader Mapping</h3><p><span class="video-session">#3</span>: <span class="video-artist">Laura Ramirez (OptikaVJ)</span> / http://optikalink.weebly.com/about.html Laura is a visual arts lover dedicated to direct and produce live visuals projects and experimental pieces for commercial brands, art exhibitions and worldwide academic presentations. She produces herself and runs her own laboratory and audiovisual label "Optikal Ink Lab", an independent project dedicated to create AV works and aimed to integrate digital arts, video projections, video mapping and real-time narratives.</p></div>
@ -954,7 +962,7 @@ Protein dynamics and ligand-protein interactions can serve as a canvas for story
<div class="videobox coding software col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43849383">
<div class="videobox coding software col-sm-3" vimeo="https://vimeo.com/43849383">
<div class="video-title">Robert Fischer (Hexler)</div>
<div class="playbutton"></div>
<div class="video-description"><h3>TouchOSC & TouchViz</h3><p><span class="video-session">#3</span>: <span class="video-artist">Robert Fischer (Hexler)</span> / http://hexler.net Dr. Mo talks with Robert about his Apps:
@ -968,7 +976,7 @@ Professional, portable VJ system for iPad 2 At home or in the club, professional
<div class="videobox dance performance animation col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43857617">
<div class="videobox dance performance animation col-sm-3" vimeo="https://vimeo.com/43857617">
<div class="video-title">Andreas Karaoulanis & Katerina Liana</div>
<div class="playbutton"></div>
<div class="video-description"><h3>"Lava" Live Dance Performance</h3><p><span class="video-session">#3</span>: <span class="video-artist">Andreas Karaoulanis & Katerina Liana</span> / http://bestbefore.gr/ Andreas Karaoulanis comes from a Computer Science and Animation background. His current work deals with interactive media design and animation. He has present his work in Museum Of London, Moscow, Paris and in various Galleries and spaces around Europe. One of his latest projects is "bestbefore", an online interactive showcase blog.
@ -979,7 +987,7 @@ Together with Katerina Liana presented at LPM 2012 their Live Performance called
<div class="videobox software vj coding vvvv col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43857618">
<div class="videobox software vj coding vvvv col-sm-3" vimeo="https://vimeo.com/43857618">
<div class="video-title">Valerie & David ( Meso )</div>
<div class="playbutton"></div>
<div class="video-description"><h3>VVVV and IRIS VJ tool</h3><p><span class="video-session">#3</span>: <span class="video-artist">Valerie & David ( Meso )</span> / http://meso.net/ vvvv is a hybrid graphical/textual programming environment for easy prototyping and development. It is designed to facilitate the handling of large media environments with physical interfaces, real-time motion graphics, audio and video that can interact with many users simultaneously.
@ -991,7 +999,7 @@ MESO is working on the border line between technology and design — offering an
<div class="videobox live-cinema vj performance av col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43962834">
<div class="videobox live-cinema vj performance av col-sm-3" vimeo="https://vimeo.com/43962834">
<div class="video-title">Toby Harris (*spark) & Light Surgeons</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Origin, present and future of Live Cinema</h3><p><span class="video-session">#3</span>: <span class="video-artist">Toby Harris (*spark) & Light Surgeons</span> / http://lightsurgeons.com/ The Light Surgeons is a collective of pioneering multimedia artists founded in 1995 by creative director Christopher Thomas Allen.
@ -1005,7 +1013,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox new-media nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42602990">
<div class="videobox new-media nk col-sm-3" vimeo="https://vimeo.com/42602990">
<div class="video-title">Dalibor Knapp</div>
<div class="playbutton"></div>
<div class="video-description"><h3>CAS presentation</h3><p><span class="video-session">#14</span>: <span class="video-artist">Dalibor Knapp</span> / http://daliborknapp.com/ Dalibor will introduce us the department and the areas they work in, but centerpiece of this talk is show some of the spectrum of works being done by the students.</p></div>
@ -1015,7 +1023,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox sound installation nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42591134">
<div class="videobox sound installation nk col-sm-3" vimeo="https://vimeo.com/42591134">
<div class="video-title">Stanislav Abraham</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#14</span>: <span class="video-artist">Stanislav Abraham</span> / http://www.stanislav-abraham.com/ He will show us his work in progress on the topic of disembodied human voice in relation to phonographic technologies, speech synthesis and text to speech.</p></div>
@ -1025,7 +1033,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42641877">
<div class="videobox performance nk col-sm-3" vimeo="https://vimeo.com/42641877">
<div class="video-title">Katerina Bilkova, Fabian Scharpf</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#14</span>: <span class="video-artist">Katerina Bilkova, Fabian Scharpf</span> / https://vimeo.com/user4995182 She will perform “Outer Scan” and explain the technique behind it. Using a regular scanner, images of different analog objects are animated using a Quartz Composer patch and accompanied by live audio performed by Fabian Scharpf with Max/Msp.</p></div>
@ -1035,7 +1043,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/42591136">
<div class="videobox performance nk col-sm-3" vimeo="https://vimeo.com/42591136">
<div class="video-title">Alexandra Moralesova</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#14</span>: <span class="video-artist">Alexandra Moralesova</span> / https://vimeo.com/user1136736/videos Together with our second speaker, Stanislav Abraham, she will show us her new Performance “Gardening”. Gardening is a kind of semiotics, the performance tries to find the way through the gardens syntax and plays with its visible and notional elements. The strategy to this inquiry lies in remediation of amateur 8mm footage and in questioning the relevant notions.</p></div>
@ -1047,7 +1055,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox mapping nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/41254486">
<div class="videobox mapping nk col-sm-3" vimeo="https://vimeo.com/41254486">
<div class="video-title">YUKIJUNG</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#13</span>: <span class="video-artist">YUKIJUNG</span> / http://www.yukijung.com/ After a short introduction to her design studio, YUKIJUNG will share her know-how with the audience by explaining her usual conceptual approach in planning an architectural multimedia scenography on the basis of two exemplary projects: the multimedia tour through history „Promenades sous les étoiles“ in the gardens of the Royal Castle of Amboise, Loire Valley, France and the multimedia stage scenery „Happy Birthday Friedrich“ at the Nikolaisaal Potsdam.</p></div>
@ -1057,7 +1065,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox performance film nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/41258573">
<div class="videobox performance film nk col-sm-3" vimeo="https://vimeo.com/41258573">
<div class="video-title">Ioann Maria</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#13</span>: <span class="video-artist">Ioann Maria</span> / http://ioannmaria.com In her talk Ioann Maria will present her current work in progress “Artificial Rat”, which is open for interdisciplinary collaboration. The Project aims to investigate the nature of human-machine relationship, provoking an interaction between the two. The artificial rat should appear to respond to human emotional states, and hence the biofeedback technology will be employed for the reactions measurement. Changes in emotional state of human participants will be used as an input for the rat, thus enabling a response. The responses of each participant will be visualized and compared in real time.</p></div>
@ -1067,7 +1075,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox theater politics live-cinema nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/41276967">
<div class="videobox theater politics live-cinema nk col-sm-3" vimeo="https://vimeo.com/41276967">
<div class="video-title">Giorgos Kakanakis</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#13</span>: <span class="video-artist">Giorgos Kakanakis</span> / http://theerasers.blogspot.de/ Under the title “Real time forms are rich only if they are rich in flaws”, Giorgos will give a fragmented dialogue consisting of a non-linear presentation of The Erasers work in real time audio visual performance, a brief discussion on the possibilities of live cinema/real time film, moments of propaganda and other moments of image harassment, spontaneous debates on MEANING (as opposed to abstract image production), a disassembling of VJ culture and detours through statements like: AN END TO COMMUNICATION THAT COMMUNICATES NOTHING BUT ITSELF or ITS NOT A JUST IMAGE, ITS JUST AN IMAGE.</p></div>
@ -1079,7 +1087,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival vj zeitraumexit col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/43736732">
<div class="videobox festival vj zeitraumexit col-sm-3" vimeo="https://vimeo.com/43736732">
<div class="video-title">4youreye & Frau Fitzke</div>
<div class="playbutton"></div>
<div class="video-description"><h3>AV in Austria</h3><p><span class="video-session">#2</span>: <span class="video-artist">4youreye & Frau Fitzke</span> / http://sakog.net/playground Interview mit Eva Bischof (4youreye) und Lisa Malle (Frau Fitzke), zwei langjährigen Protagonistinnen der Wiener Visualistenszene - im Gespräch über das ehemalige internationale VJ Festival "Contact Europe", dem jährlich von ihnen organiserten "AV Playground" und die Szene in Österreich. Das Interview entstand im März 2012 im Rahmen des B-sEite Festival für Jetztkultur in Mannheim in Kooperation mit armitage.tv</p></div>
@ -1099,7 +1107,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox av performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/39914745">
<div class="videobox av performance nk col-sm-3" vimeo="https://vimeo.com/39914745">
<div class="video-title">MFO</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#11</span>: <span class="video-artist">MFO</span> / http://www.mfoptik.de/ </p></div>
@ -1109,7 +1117,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox experimental film nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/39886590">
<div class="videobox experimental film nk col-sm-3" vimeo="https://vimeo.com/39886590">
<div class="video-title">Thorsten Fleisch</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#11</span>: <span class="video-artist">Thorsten Fleisch</span> / http://fleischfilm.com </p></div>
@ -1119,7 +1127,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox hacking performance nk col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/40454482">
<div class="videobox hacking performance nk col-sm-3" vimeo="https://vimeo.com/40454482">
<div class="video-title">Sansculotte</div>
<div class="playbutton"></div>
<div class="video-description"><h3></h3><p><span class="video-session">#11</span>: <span class="video-artist">Sansculotte</span> / http://www.sansculotte.de Along the way will be mentioned: pure data, glsl, digital cut-up, appropriation and information overload.</p></div>
@ -1137,7 +1145,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/35201883">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/35201883">
<div class="video-title">Francesco Salizzoni</div>
<div class="playbutton"></div>
<div class="video-description"><h3>roBOt Festival</h3><p><span class="video-session">#1</span>: <span class="video-artist">Francesco Salizzoni</span> / http://robotfestival.it In an interview with Eklis Rellüm, Francesco Salizzoni talks about the annual robot festival in Bologna, Italy</p></div>
@ -1147,7 +1155,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/35209282">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/35209282">
<div class="video-title">Willem van der Schans</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Freemote Festival</h3><p><span class="video-session">#1</span>: <span class="video-artist">Willem van der Schans</span> / http://freemote.nl In an interview with Eklis Rellüm, Willem van der Schans talks about the annual FREEMOTE festival in Utrecht, Netherlands</p></div>
@ -1157,7 +1165,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox installation festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/35213957">
<div class="videobox installation festival nutrecht col-sm-3" vimeo="https://vimeo.com/35213957">
<div class="video-title">Elektro Moon Vision</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Elektro Moon Vision</h3><p><span class="video-session">#1</span>: <span class="video-artist">Elektro Moon Vision</span> / http://elektromoon.co.nr In an interview with Eklis Rellüm, Elwira Wojtunik and Popesz Csaba Láng of Elektro Moon Vision talk about their installation at FREEMOTE and their planned future festival in Kraków, Poland</p></div>
@ -1167,7 +1175,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/36078765">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/36078765">
<div class="video-title">Live Performers Meeting</div>
<div class="playbutton"></div>
<div class="video-description"><h3>Live Performers Meeting</h3><p><span class="video-session">#1</span>: <span class="video-artist">Live Performers Meeting</span> / http://liveperformersmeeting.net In an interview with Eklis Rellüm, Ioann Maria and Gianluca del Gobbo talk about their Live Performers Meeting (LPM) that takes place every year in Rome, IT</p></div>
@ -1177,7 +1185,7 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
<div class="videobox festival nutrecht col-sm-3 embed-responsive embed-responsive-16by9" vimeo="https://vimeo.com/36141129">
<div class="videobox festival nutrecht col-sm-3" vimeo="https://vimeo.com/36141129">
<div class="video-title">Benjamin Jantzen</div>
<div class="playbutton"></div>
<div class="video-description"><h3>B-Seite Festival</h3><p><span class="video-session">#1</span>: <span class="video-artist">Benjamin Jantzen</span> / http://jtztkultur.de In einem Interview mit Eklis Rellüm spricht Benjamin Jantzen über das B-Seite Festival für Jetztkultur in Mannheim, DE</p></div>
@ -1334,6 +1342,8 @@ Toby harris A.K.A *spark is a digital media maverick, he crosses the disciplines
$('.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');
});
});
</script>