diff --git a/.gitignore b/.gitignore index 1f8b6099..12ac5fc0 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,3 @@ -_site .sass-cache bower_components .remote-sync.json diff --git a/_site/2011/07/07/Scope001.html b/_site/2011/07/07/Scope001.html new file mode 100644 index 00000000..a911ea85 --- /dev/null +++ b/_site/2011/07/07/Scope001.html @@ -0,0 +1,466 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#1

+

July 07th, 2011

+
+ +
+
    + + + + +
  • video-mapping
  • + + + + + + +
  • photography
  • + + + + + + +
  • Sequencing
  • + +
  • QuartzComposer
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Arran Hearn /

+ +

Australian designer and artist Arran Hearn showcased his video-mapping work titled “isometric cubes” and Julien Bach of Atelier Überall presented a whole workflow for mapping onto them, with both 2D & 3D templates.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Aude Françoise /

+ +

Aude Françoise video artist working on a project of argentic black and white fotography with long exposure, exploring the metamorphosis of the body acting with white elements…

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pixelnoizz /

+ +

Media artist and programmer David Szauder aka. pixelnoizz presented his QuartzComposer based tool “get control”. This was the first public presentation of the software as proof of concept that will show live video sequencing and frame manipulation with a drawing tablet and further aspects (live effecting, glitching and more).

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/07/21/Scope002.html b/_site/2011/07/21/Scope002.html new file mode 100644 index 00000000..2174b073 --- /dev/null +++ b/_site/2011/07/21/Scope002.html @@ -0,0 +1,440 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#2

+

July 21st, 2011

+
+ +
+
    + + + + +
  • live video
  • + + + + + + +
  • coding
  • + +
  • Pure Data
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ilan Katin / Re:tired VJ

+ +

In anticipation of the retirement of this media Ilan presented each piece of media and in the process of doing so talked about his approach to creating and performing with the material as well as reflected on his thoughts about live video performance in general.

+ +
About Ilan Katin
+

Since 2004 Ilan Katin has been building, editing and perfecting a personal media library for his live video performances. Currently there are 94 pieces of media inside a folder named “11_NOTHING.” Each piece of media has its own story and, or philosophy behind it.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Peter Kirn / PIXELS AND PICS: Etudes in Code, For Non-Coding Artist

+ +

Slides of the presentation: http://www.slideshare.net/peterkirn/etudes-in-code-with-processing

+ +
About Peter Kirn
+

Composer/visualist and writer PETER KIRN (NYC) used the free and open source tool Processing to create simple etudes in motion from photography. Using basic, minimal code as a means of expressing ideas in movement and texture, he presented textual programming as a basic form of creative thinking, even for those without much in the way of technical or programming backgrounds, code short enough to compose in an airport lounge. Peter is the editor of createdigitalmusic.com and createdigitalmotion.com, a digital artist and performer, a writer, and a teacher (of many young, non-coding designers) at Parsons The New School for Design.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/08/18/Scope003.html b/_site/2011/08/18/Scope003.html new file mode 100644 index 00000000..e6bec70b --- /dev/null +++ b/_site/2011/08/18/Scope003.html @@ -0,0 +1,476 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#3

+

August 18th, 2011

+
+ +
+
    + + + + +
  • Design
  • + + + + + + +
  • Game
  • + +
  • Programming
  • + + + + + + +
  • Dance
  • + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Willy Sengewald /

+ +
About Willy Sengewald
+

Willy Sengewald: Design is generally perceived as a way of enhancing the existing normal. However, it has the potential to propose an alternative to our everyday reality by depicting something unimagined, something absurd or impossible. What is the adequate mode of practice for this intend?

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

David Croft /

+ +

David Croft will be introducing a project to create a wall art installation that dynamically and fluidly interacts with the viewers by monitoring the position of their bodies to give a natural-feeling experience. He’ll describe the theory behind the hardware, give an overview of the software, and introduce the open source toolkit he’s releasing to allow visual artists to develop their own projects using Processing.

+ +
About David Croft
+

David is an Berlin-based independent game developer, computer programmer, network engineer, and electronics tinkerer and describes himself as an “all-round geek without a purpose”.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Eric Dunlap /

+ +

Movement and Video Artist Eric Dunlap will discuss his work creating dance and video pieces, producing VJs, and construction audience interactive video installations.

+ +
About Eric Dunlap
+

A twenty four year veteran of the performing arts, Eric has worked as a dancer with the Nikolais/Louis Dance Company, the Metropolitan Opera, and many other modern dance companies in New York CIty. Eric is founding member of NYC based arts organization Forward Motion Theater and has collaborated for fifteen years with media artist Holly Daggers. Together they created interdisciplinary performance pieces, produced the EyeWash VJ series, created interactives for the Museum of Modern Art, and performed as VJs for many musical artists ranging from James Brown to Animal Collective.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/09/15/Scope004.html b/_site/2011/09/15/Scope004.html new file mode 100644 index 00000000..f2eae3ac --- /dev/null +++ b/_site/2011/09/15/Scope004.html @@ -0,0 +1,440 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#4

+

September 15th, 2011

+
+ +
+
    + + + + +
  • Gaming
  • + +
  • Festival
  • + + + + + + +
  • Activism
  • + +
  • Graffiti
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

A MAZE / A MAZE

+ +

Thorsten “Storno” Wiedemann presented the idea of A MAZE and talked about past and future projects.

+ +
About A MAZE
+

A MAZE - By combining courage for experimentation and joy in gaming, A MAZE celebrates the convergence of computer games and art. A MAZE is more than simply a festival – it is a series of events as well as a conceptual format that offers a regularly emerging platform for interdisciplinary exchange. Creatives are encouraged to break down the conventional computer game and surpass established concepts of play. A MAZE emerges regularly with exhibitions, lectures, workshops, or concerts and creates a platform to communicate, express ideas, learn from each other and playfully experiment together.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Grafitti Research Lab / Grafitti Research Lab

+ +

Mirae Rosner and Jesse Scott of the Berlin cell of GRL talked about past and ongoing projects in Berlin, built “LED throwies” together with the audience and brought their “BlitzTag” installation to play with.

+ +
About Grafitti Research Lab
+

GRL can be defined as an art group dedicated to outfitting graffiti writers, artists and protesters with open source technologies for urban communication, tools that can be found online and used, so long as it is for non-commercial purposes. Among the tools developed and put at the disposal of protesters everywhere, the LASER Tag, Led Throwies and Projection Bombing are the most well-known. In a continuos dialogue with graffiti writers and activists, who bring their specific needs and expectations, projects are always in development.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/09/29/Scope005.html b/_site/2011/09/29/Scope005.html new file mode 100644 index 00000000..8b6ef3bb --- /dev/null +++ b/_site/2011/09/29/Scope005.html @@ -0,0 +1,484 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#5

+

September 29th, 2011

+
+ +
+
    + + + + +
  • Vjing
  • + +
  • Festival
  • + + + + + + +
  • Science
  • + + + + + + +
  • Interaction
  • + +
  • Installation
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Fest Istanbul / VJ Fest Istanbul

+ +
About VJ Fest Istanbul
+

VJ Fest Istanbul - Visual artist and founder of VJ Fest Istanbul Burcu Gündüz K.(vimeo.com/vjunk) will talk about her festival happening every year in Turkey. VJ Fest Istanbul is an independent visual arts festival, focused on the art of Vjing as a social act. Burcu will tell us about how she started doing the VJ Festand how the festival grew and accomodated many artists from different parts of the world in thepast four years in Istanbul. Her talk will be a chance to discuss possible collaborationsin the future between VJ Fest Istanbul and Visual Berlin.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pierce Warnecke /

+ +
About Pierce Warnecke
+

The work of Pierce Warnecke stems from his interest in the effects of time on matter: modification, deterioration and disappearance. Via an almost scientific process of collecting, filtering and combining phenomena (objects, data, sounds, images), he distills the subject via repetitive processes until it approaches true abstraction. Whether focus is on the purity of digital forms or the chaotic grit of natural objects, large scales of time and space or microscopic detail, the goal of Pierce’s work is to readapt existing materials into a parallel context where their signified meanings, symbols and cultural connections have become residual ghosts.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mauritius Seeger / Digital techniques in interactive art.

+ +

Mauritius Seeger, VJ, digital artist and programmer will talk about how specialised software can be used to build engaging and responsive artworks and installations. Mostly using examples from his own work he will present the challenges and solutions encountered when trying to make interactive software and hardware. The talk will concentrate the topics of optical sensing – computer vision, tracking and 3D imaging – as well as graphics algorithms, high dynamic range imaging and time-lapse photography.

+ +
About Mauritius Seeger
+

I am a programmer and video artist, interested in photography, live video performances, and interactive art. Here is a selection of my work.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/10/06/Scope006.html b/_site/2011/10/06/Scope006.html new file mode 100644 index 00000000..516e3ac6 --- /dev/null +++ b/_site/2011/10/06/Scope006.html @@ -0,0 +1,448 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#6

+

October 06th, 2011

+
+ +
+
    + + + + +
  • Installation
  • + +
  • Sound
  • + + + + + + +
  • Software
  • + +
  • Sound
  • + +
  • Open Source
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Servando Barreiro /

+ +
About Servando Barreiro
+

Servando is working on interactive installations, soundscaping and much more. He is maintainig the power of open source and most of his work came to life while using ‘open technologies’. In his talk he is going to give an insight to the cosmos of PD (pure data, puredata.info) and his approach to it.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Malte Steiner /

+ +
About Malte Steiner
+

Malte is media artist, software developer and musician, prefering to work with open source tools like PD. In his talk he is going to show realtime graphics interacting with his music software, but also how to do videomapping with PD.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/10/20/Scope007.html b/_site/2011/10/20/Scope007.html new file mode 100644 index 00000000..fbaa1e88 --- /dev/null +++ b/_site/2011/10/20/Scope007.html @@ -0,0 +1,408 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#7

+

October 20th, 2011

+
+ +
+
    + + + + +
  • Light
  • + +
  • Installation
  • + +
  • Processing
  • + +
  • Open Source
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Alex Corbi /

+ +

This session, we’ll welcome Alex Corbi who will show us his work under Arduino and Processing. He will start simple, and then more complex. After his presentation, we can get to the computers, and try, share, get started, ask questions, manipulate a bit, have a look over the functions and possibilities :-) Of course, Arduino and Processing users from all levels are all invited to come, and to come also with their computer and software installed, so that we can all exchange, see, even when we’re specialists of another software on another platform, or not specialists at all. 3 to 4 computers in total would allow 3 to 4 groups of 3 to 5 persons, perhaps self-organised by level or software.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/11/10/Scope008.html b/_site/2011/11/10/Scope008.html new file mode 100644 index 00000000..7b774e88 --- /dev/null +++ b/_site/2011/11/10/Scope008.html @@ -0,0 +1,471 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#08

+

November 10th, 2011

+
+ +
+
    + + + + +
  • Video
  • + + + + + + +
  • Hardware
  • + + + + + + +
  • Vjing
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Carrick Bell /

+ +
About Carrick Bell
+

The video work of Carrick Bell negotiates between narrative and abstraction in depictions of human interactions with natural landscapes. He uses appropriated video to investigate nature as a site for man-on-man violence, as a site for abandonment (of self, social constraint, good taste, futures, etc) and as a site for the production of political narrative. Using scenes from everything to trashy B-movies and viral videos to Hollywood blockbusters and disaster footage, he extracts micro-narratives from existing cinematic, art historical, and pop cultural representation of the relationship between subject, landscape, and sovereign power.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Sébastien Bourdeauducq / Milkymist One

+ +

Developer Sébastien Bourdeauducq will present the The Milkymist One, an open hardware product that concentrates all the processing power and the interfaces of an heavily interactive VJ setup into one small box. With a unique combination of built-in interfaces such as MIDI, DMX512, analogue video input, Ethernet, OpenSoundControl and generic digital I/O, it gives you all the tools to create truly interactive performances.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VisualBerlin / VisualBerlin

+ +

VisualBerlin management board member Aude François and co-founder Kiritan Flux will present Berlin’s number one video-arts and VJ association VisualBerlin, how it all started in 2005 and what it has developed to today. Members and projects will be presented and people will have the chance to ask questions about the association.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2011/11/17/Scope009.html b/_site/2011/11/17/Scope009.html new file mode 100644 index 00000000..0aaf73b7 --- /dev/null +++ b/_site/2011/11/17/Scope009.html @@ -0,0 +1,451 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#09

+

November 17th, 2011

+
+ +
+
    + + + + +
  • Performance
  • + +
  • Paint
  • + + + + + + +
  • Synaesthesia
  • + +
  • Collaboration
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tetsuya Hori and Yurie Ido /

+ +

Tetsuya Hori and Yurie Ido will present their video performance “dead” and explain their collaborative work.

+ +
About Tetsuya Hori and Yurie Ido
+

Yurei Ido is a performance artist and a painter. She was born in Japan and since 2003 she lives and works in Berlin. She visualises her dreams. Her body and her movement are also incorporated as a part of the embodied fiction. The pieces of Tetsuya Hori do not have a concept. that is the concept. The concept develops in the head of the listener. Hori composes not only for instruments, but for things. Each piece is different. Every time. He want to show the listener nonsense. Interesting nonsense.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Larissa Wunderlich / SYNÆSTHESIA!

+ +

“This project will be the master thesis for my studies at the Bauhaus University Weimar. Since I’m a synesthete myself, synesthesia is a topic that is present in my life for many years. The idea of involving this topic into my work first came to my mind about three years ago. It developed and grew over the years and finally I will have the opportunity to realise it. +Synesthesia isn’t just one weird way of seeing, hearing or smelling the world around us. Every synesthete has his very own way of experiencing a colourful or somehow exciting world. This is the point where my project focuses on. The diversity of experiencing synesthesia. +To show this diversity I want to initiate a varity of works. I want to bring together a bunch of artist (preferably non-synesthetes) with synesthetes. The output can be any kind of artwork or media installation visualising a very specific and subjective version of synesthesia. The process of working together will bring up many questions. Questions that can lead to anwsers presented to the visitors or questions raised and still left unanswered to the public.”

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/01/12/Scope010.html b/_site/2012/01/12/Scope010.html new file mode 100644 index 00000000..b71ae393 --- /dev/null +++ b/_site/2012/01/12/Scope010.html @@ -0,0 +1,443 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#10

+

January 10th, 2012

+
+ +
+
    + + + + +
  • Perfomance
  • + +
  • Illustration
  • + + + + + + +
  • VVVV
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Andreas Karaoulanis /

+ +

A technique that can be used in various forms, from live dj ing to theater and dance performances. Software used VDMX ,a firewire camera plus lots of white A3 papers, black markers!

+ +
About Andreas Karaoulanis
+

Andreas Karaoulanis comes from illustration and Computer Science background. His current work deals with interactive media illustration and animation. In the scope session he will present a way to creating visuals from hand made sketches and images, basically from scratch. Simple real time drawings can create some very interesting effects that later can be evolved to more complex and artistic results without any need of code. (Maybe a few Quartz Composer patches already built).

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Christoph Rittweger /

+ +
About Christoph Rittweger
+

Christoph Rittweger will talk a little about “VVVV” and the stuff he made with it and if you are interested he can give an introduction on how to work with “VVVV”, so bring your books and/or a windows-emulator if mac and download “VVVV” at http://vvvv.org/downloads.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/02/09/Scope011.html b/_site/2012/02/09/Scope011.html new file mode 100644 index 00000000..c967b590 --- /dev/null +++ b/_site/2012/02/09/Scope011.html @@ -0,0 +1,501 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#11

+

February 09th, 2012

+
+ +
+
    + + + + +
  • AV
  • + +
  • Perfomance
  • + + + + + + +
  • Experimental
  • + +
  • Film
  • + + + + + + +
  • Hacking
  • + +
  • Performance
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

MFO /

+ +
About MFO
+

The collective of Marcel Weber and Lucy Benson, MFO create and direct audiovisual performances, installations, video and image works. Intense and distinct aesthetics define their work. Concept takes priority over technique, the meaning defines the method. New and old media forms, technology and illusionary devices are employed equally. MFO aims at the subconscious over the conscious, emotion over intellect, ambiguity over well-defined. MFO are resident visual artists for multiple event series focused on the exploration of contemporary electronic music in Berlin and internationally. Performances and installations have featured at festivals such as CTM and Transmediale (Berlin), Unsound (Krakow), TodaysArt (Den Haag), as well as various events across Europe, USA and Australia. Recent collaborations include audiovisual performances with the likes of Kode 9, Roly Porter and Oni Ayhun. Additionally MFO contributes video design to high culture productions, having worked with the Opera national de Paris, the Akademie der Künste Berlin, Sophiensaele Berlin and the Brut theatre in Vienna. Larger projects are realised with an extended network of artists, MFO seeks constantly to collaborate, inform and evolve.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Thorsten Fleisch /

+ +
About Thorsten Fleisch
+

Thorsten Fleisch was born 1972 in Koblenz (Germany). He made his first film experiments with his dad’s Super 8 camera when still in school. Later he studied experimental film with Prof. Peter Kubelka at the Städelschule in Frankfurt. Thorsten Fleisch works with digital and analogue film. With materials such as the body, crystals, fire and electricity, he worked directly on 16 mm film strips. Crystals are grown on the film and 30,000 volts burn through photo paper. The results are poetic and abstract visual systems with references to catharsis, cosmos and the universe. In 2003 Fleisch received an Honorary Mention at Prix Ars Electronica in Linz (Austria) for his computer animated film Gestalt. High voltage is the centre of his work Energie! for which he has won international acclaim. His films received several awards and were shown at festivals worldwide like: New York Film Festival, Ars Electronica, Transmediale, Ottawa International Animation Festival, Clermont-Ferrand Short Film Festival, International Film Festival Rotterdam, San Francisco Film Festival, Videoex. Among other clients he has worked for Gaspar Noé (electric titles for Enter The Void) and Basement Jaxx (live visuals for Jump and Shout). He lives and works in Berlin.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Sansculotte /

+ +

Along the way will be mentioned: pure data, glsl, digital cut-up, appropriation and information overload.

+ +
About Sansculotte
+

The mixed-media collective Sansculotte will present their 2-players live video patch and talk about visions, technology, aesthetics and how to spend a lot of time building universes that fall apart 99 seconds later.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/03/08/Scope012.html b/_site/2012/03/08/Scope012.html new file mode 100644 index 00000000..d7c7a719 --- /dev/null +++ b/_site/2012/03/08/Scope012.html @@ -0,0 +1,486 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#12

+

March 08th, 2012

+
+ +
+
    + + + + +
  • Software
  • + + + + + + +
  • Film
  • + + + + + + +
  • Hacking
  • + +
  • Performance
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Konkreet Labs /

+ +

In their presentation Shai Levy and Marc Tiedemann will give a live performance of their app, talk about its development through the many stages of conceptualizing, researching and creating and will share their thoughts on the pros and cons of using a touch-screen a creative medium.

+ +
About Konkreet Labs
+

Konkreet Labs, a collaboration of Gwydion ap Dafydd, Shai Levy and Marc Tiedemann, was formed with a mission to create innovative music instruments for touch-screen devices. “Performer”, a visual music control instrument for the iPad is the main result. Throughout its one year of existence “Performer” has managed to draw the attention of professional and aspiring musicians alike, has been touring the biggest clubs in the world as weapon of choice for Marc Romboy and Stephan Bodzin and keeps inspiring recording artists in their studios and on stage.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Reynold Reynolds /

+ +

During his presentation Reynold will show works made in his Berlin studio (Six Apartments) and some older works from his collaborations in New York with Patrick Jolley (The Drowning Room).

+ +
About Reynold Reynolds
+

Reynold Reynolds is an award winning experimental film maker and visual artist with a background in physics. Originally from Alaska he now lives and works in Berlin. Influenced early on by philosophy and science, and working primarily with 16mm as an art medium, he has developed a film grammar based on transformation, consumption and decay. Detailed evolving symbols and allusive references create a powerful pictorial language based on Reynolds’ analytical point of view. His depiction of people often makes us aware of the small frames we use to understand reality. By subtly altering the regular conditions of life and watching their effects, he transfers the experimental methods of science to film making, where he frames reality in his laboratory and changes one variable at a time to reveal an underlying causality.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pikilipita /

+ +

When mixing with these tools instead of your usual laptop, the performer can be much closer to the audience, creating a totally new experience both for the artist and the performer. At scopesession clement will demonstrate how this works using two of his newest pieces of software: PS24VJ with runs on the Playstation 2, and Super Pikix for the Caanoo console.

+ +
About Pikilipita
+

Pikilipita aka Clément Cordier is a video artist, designer, programmer and all-round genius. Born in France, working in UK, but in Poland most of the time, he not only creates VJ content but also develops his own console software to perform his visual mixes on. So far he has made VJ applications for the Game Boy Advance, Playstation 2, a number of mobile phones, and other cheap multimedia devices.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/04/12/Scope013.html b/_site/2012/04/12/Scope013.html new file mode 100644 index 00000000..ad3d4d8e --- /dev/null +++ b/_site/2012/04/12/Scope013.html @@ -0,0 +1,505 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#13

+

April 12th, 2012

+
+ +
+
    + + + + +
  • video-mapping
  • + + + + + + +
  • Performance
  • + +
  • Film
  • + + + + + + +
  • Theater
  • + +
  • Politics
  • + +
  • Live Cinema
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

YUKIJUNG /

+ +

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.

+ +
About YUKIJUNG
+

After several years of working in Paris as a fashion designer and art coordinator, Create Berlin member Christine Jung founded the YUKIJUNG Research design studio in 2006.YUKIJUNG specializes in facade projection, mostly historic buildings and their gardens, and creating audio visual night time experiences involving the combination of self-composed sound effects, lighting installations and modern large-scale video projections. In addition to this, YUKIJUNG designs and implements stage scenery, video clips, video mappings and video live-sets for all types of events. Primarily she is working with After Effects, Premiere Pro, Modul 8 and Madmapper.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ioann Maria /

+ +

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.

+ +
About Ioann Maria
+

Ioann Maria is a new media artist, live video performer and filmmaker. With her background in multimedia and digital arts she now works with new media technologies and interactive arts, exploring new possibilities in creative artistic-scientific demonstration. In her recent solo and collaborative projects she investigates the issues of physical computing and human-machine interaction. Besides, she’s an artistic director of “LPM Live Performers Meeting” in Rome/ Italy, a core member of the “FLxER” team – performing video network and software and co-founder of “Edinburgh Hacklab” hackerspace in Scotland.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Giorgos Kakanakis /

+ +

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.

+ +
About Giorgos Kakanakis
+

Giorgos Kakanakis is the founding member of The Erasers, a group whose work is based on the integration of various seemingly diverse elements or modes of (re-)presentation such as: live cinema, performance, action-ism, installation techniques, theater, agit-prop, and various forms of information and disinformation. The combination of these diverse elements is based on The Erasers’ search for a new Audio Visual Alphabet.

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/05/10/Scope014.html b/_site/2012/05/10/Scope014.html new file mode 100644 index 00000000..ad633202 --- /dev/null +++ b/_site/2012/05/10/Scope014.html @@ -0,0 +1,547 @@ + + + + + + + + + FAMU/CAS special session + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#14

+

May 10th, 2012

+
+ +
+
    + + + + +
  • New Media
  • + + + + + + +
  • Sound
  • + +
  • Installation
  • + + + + + + +
  • Performance
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Dalibor Knapp / CAS presentation

+ +

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.

+ +
About Dalibor Knapp
+

CAS (Center for Audio Visual Studies) is a part of FAMU (Film and TV school of Academy of Performing Arts in Prague), the prestigious and one of Europe’s oldest film schools where numerous awarded and world known Filmmakers have studied. (Milos Forman, Emir Kusturica, Jan Němec, Věra Chytilová , …) The department of Audio Visual Studies (CAS) teaches a range of courses for those wanting to create moving image works ‘beyond cinema.” Video installation and interactive works, locative and mobile media, code based projects, conceptual artworks, multi-channel and multi-threaded sound and image practice, experimental documentary, and expanded to database cinema are some of the areas that the students work in.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Stanislav Abraham /

+ +

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.

+ +
About Stanislav Abraham
+

Audiovisual performer, crossing over from pure sound art to more conceptual works. In addition to sound production, Stanislav Abraham focuses on multimedia installations, and intervention in public space. Professionally devoted to the recording studio and audio post-production in the audiovisual field.

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Katerina Bilkova, Fabian Scharpf /

+ +

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.

+ +
About Katerina Bilkova, Fabian Scharpf
+

Katerina Bilkova participates actively in theater, belonging to groups like Depresivní děti touží po penězích (Depressed children begging for money) and Bio Oko (Bio Eye). Uses mainly analog cameras and film rolls as building blocks for her work.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Alexandra Moralesova /

+ +

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 garden’s 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.

+ +
About Alexandra Moralesova
+

Interested in film footage and performance she initiates different image-moving projects and musical collaboration. The main motif of the live performance for her is a remediation of existing material (8mm film, photography, diary and correspondence) and de/construction through various ways of showing it.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/09/13/Scope015.html b/_site/2012/09/13/Scope015.html new file mode 100644 index 00000000..3775093c --- /dev/null +++ b/_site/2012/09/13/Scope015.html @@ -0,0 +1,488 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#15

+

September 13th, 2012

+
+ +
+
    + + + + +
  • Performance
  • + +
  • Interactive
  • + + + + + + +
  • Photography
  • + + + + + + +
  • Performance
  • + +
  • Sound
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mark Coniglio / The Past and Future of Technology & Performance

+ +

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.

+ +
About Mark Coniglio
+

Mark Coniglio is an award-winning artist, acknowledged pioneer of the interactive performance scene, and co-founder of Troika Ranch (http://troikaranch.org). His work has been seen on stages throughout America and Europe to critical and public acclaim. He has recently been nominated for the World Technology Award 2012, and has received a both a New York Dance and Performance (“Bessie”) Award and a prize at Prix Ars Electronica. He is also the creator of Isadora (http://troikatronix.com/), a software tool that facilitates the creation of interactive performance. Isadora has been used an essential creative tool by thousands of artists worldwide.

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Adam Magyar / Scripted Rhymes

+ +

Seemingly, state of the art devices give you everything you need for completing your photography projects. But what if the image you have in mind demands even more and you need to reach for fields outside photography? In Scripted Rhymes, imagemaker Adam Magyar tells the story of his journey down this road and intends to inspire the audience to think outside the box when working on a project. He aims to present that unusual combinations of hardware and software may reward you with the image you have in mind.

+ +
About Adam Magyar
+

Adam Magyar (born 1971) is a Berlin-based Hungarian photographic artist. He is captivated by high-tech cities and man choosing to live an urban life. Magyar depicts the synergies of man and the city, and embraces the city as home to both man and technology. With each of his series, he observes time flowing by and life pulsating in front of his eyes. In his works, he scrutinizes the transience of life and man’s inherent urge to leave some trace behind. Magyar is ready to combine conventional techniques like the slit cam with readily available devices like a scanner and merge the two into a camera by a program he himself has written to be able to produce his unique cityscapes. His works have been exhibited in several solo and group shows internationally, including the United States, the United Kingdom, Germany and Hong Kong.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Berlan Allee / ”BERLAN ALLEE” Radio Show & ”SAROSEDA Collective

+ +

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.

+ +
About Berlan Allee
+

The Iranian Audio-Visual duo from Tehran based in Berlin/Germany started working since 2011. Pharaz (Born 1987/Tehran) is a photographer and Visual Artist. Iman ( Born 1985/Tehran) is a music producer since 2008. They will present their weekly radio show “‘BERLAN ALLEE” which will be live starting September 2012 through INeed Radio Funkhaus which is already up and running. INeed Radio Funkhaus is situated in Berlin at Funkhaus- Grünau.The main idea of Berlan Allee is to focus on Electronic and Experimental music scene of Iranian artists all around the world , inside and outside Iran.

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/10/11/Scope016.html b/_site/2012/10/11/Scope016.html new file mode 100644 index 00000000..ff7f7c33 --- /dev/null +++ b/_site/2012/10/11/Scope016.html @@ -0,0 +1,514 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#16

+

October 11th, 2012

+
+ +
+
    + + + + +
  • Interaction
  • + +
  • Generative
  • + +
  • Coding
  • + + + + + + +
  • Performance
  • + +
  • Dance
  • + +
  • Interaction
  • + + + + + + +
  • Interaction
  • + +
  • Software
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Andreas Nicolas Fischer / Schwarm

+ +

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.

+ +
About Andreas Nicolas Fischer
+

Andreas Nicolas Fischer is an artist working with generative systems. He creates prints, videos, installations and sculptures inspired by the physical representation of data and the visualization of digital processes. He lives and works in Berlin. His works have been exhibited in several solo and group shows internationally, including the United States, the United Kingdom, Germany and Beijing.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Frieder Weiss / Intermedia Dance Performances with Motion Sensing

+ +

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 Move’s 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.

+ +
About Frieder Weiss
+

Frieder Weiss is an engineer in the arts working with realtime computing and interactive computer systems for performance art. He is the author of EyeCon and Kalypso, video motion sensing programs especially designed for the use with dance, music and computer art.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Felix Bonowski / Reverse modelling

+ +

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.

+ +
About Felix Bonowski
+

With a background in molecular biology and computer science, Felix Bonowski created a series of interactive video installations that explore materiality and corporeal experience in simulated environments. The works were shown in clubs, at festivals and various exhibitions, including a solo exhibition in the Studio Gallery of the Haus am Lützowplatz (Berlin). He currently (2012) teaches robotics courses at the Technische Universität Berlin.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/11/08/Scope017.html b/_site/2012/11/08/Scope017.html new file mode 100644 index 00000000..e4b81344 --- /dev/null +++ b/_site/2012/11/08/Scope017.html @@ -0,0 +1,476 @@ + + + + + + + + + HGB Leipzig Special Session + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#17

+

November 08th, 2012

+
+ +
+
    + + + + +
  • Music production
  • + + + + + + +
  • Hacking
  • + +
  • Coding
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Max Schneider / 9 Evenings Reconsidered: The 10th Evening

+ +

The talk will focus on a student project cooperation between the Academy of Visual Arts and the Academy for Music and Theatre in Leipzig conducted in 2011/12. The project “9 Evenings reconsidered: The 10th Evening” is based upon the milestone media arts event “9 Evenings” (1966 New York). Over the period of one year a mixed group of students worked theoretically and practically on this topic and presented the results in form of performances and an exhibition. The presentation serves as an example for a project based curriculum at the Audio Visual Lab at the Academy of Visual Arts in Leipzig. The usage of media and technology in the production of art/performance/theatre/music…, interdisciplinary art practice and project based work strategies as a curriculum in the art academy are some of the points of interest in the following Q&A and/or round table.

+ +
About Max Schneider
+

Emerging from a career as a composer and producer for music labels like Compost Records in the mid nineties Max Schneider started working as a sound designer for media artists by the likes of Candice Breitz and Bjørn Melhus. He studied Sound Studies at the University of Arts in Berlin and since 2008 he is head of the sound art department, enclosed in the audio visual lab at the Academy of Visual Arts in Leipzig and a fellow researcher associated with the Sound Studies Lab at the Institute for Cultural History and Theory at Humboldt University in Berlin since 2012. In broader scope his theoretical and practical work as an artist, researcher and teacher revolves around sound and its connections into the arts, design and sciences.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Jakob Wierzba / Hacky Live Video 3Dification

+ +

He will talk about works that deal with the transformation of 2D video into a 3D representation by hacking a set of common tools whilst avoiding frameworks, and how this can help to get the viewer to “feel the algorithm”. Tech meat: C, OpenGL, MIDI glued together by PHP and fueled by UNIX and DIY philosophy.

+ +
About Jakob Wierzba
+

Jakob Wierzba explores the relationship between technical images, the apparatus, the viewer and reality through interactive video installations and pretty straightforward urban photography. After programming through his youth, he dabbled in computer sciences, moved to photography, and is currently studying media art.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Melody Panosian / From bad to worse. Ruby-I in talk with Swimsuit Tissue.

+ +

At Scope Sessions – artist talks & media salon, Ruby-I and the traveller Swimsuit Tissue have a talk about Swimsuits alter ego Leni Riefenstahl. Ruby-I is a archetypical female Cyborg – partly human and partly automata. Ruby-I is like a talk show host, however, in an opposite manner. Because she is like a clown, she forces people to answer questions in honest but creative and productive way. The talk evolves around Swimsuit Tissues art practice and main focus will be faulty machinery.

+ +
About Melody Panosian
+

Melody Panosian, born in Uppsala (Sweden) in 1982. Immigrant working in versatile ways and circumstances. Started making electronic music and riot samba before studying choreography and animation studies (GDU Gotland, School of New Dance Amsterdam). She also joined the program of Medienkunst in Hochschule für Grafik und Buchkunst in Leipzig. Melody showed her work in Berlin at Künstlerhaus Bethanien, KuLe Theater and Ausland. She performed extensively: Frascati Theatre (Amsterdam), Kulturhuset (Stockholm), Kunstverein (Leipzig), Offkonsten!/Teatergalleriet (Uppsala) and Galerie für Zeitgenössische Kunst (Leipzig). Currently lives in Leipzig.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2012/12/13/Scope018.html b/_site/2012/12/13/Scope018.html new file mode 100644 index 00000000..87453fea --- /dev/null +++ b/_site/2012/12/13/Scope018.html @@ -0,0 +1,498 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#18

+

December 18th, 2012

+
+ +
+
    + + + + +
  • AV Performance
  • + + + + + + +
  • AV Performance
  • + +
  • Music
  • + + + + + + +
  • Performance
  • + +
  • Hacking
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Jem The Misfit / Performance as process

+ +

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.”

+ +
About Jem The Misfit
+

Jemma Woolmore is a video artist working with live audio-visual performance and installation to explore a diverse range of ideas including synaesthesia, utopia/dystopia, imagination and identity. As VJ Jem the Misfit she won the 2012 Mapping Festival’s international VJ competition in Geneva has performed at the top music festivals across Australia and New Zealand. Her projects and performances have screened in numerous galleries and festivals including LPM (Rome), FEED (Berlin), Gertrude Street Projection Festival (AUS), Melbourne Fringe Festival, City Gallery (Wellington NZ).

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Zan Lyons / Cross-disciplinary AV production

+ +

In his talk he gives an insight to his special mix of violin play, computer synthetics, video timelines and ideas about it.

+ +
About Zan Lyons
+

Zan Lyons is a sound and visual artist. He works as musician, composer, producer, filmmaker, performer and many crossovers coming out of this. He creates atmospheric and organic abstractions of sound and light, intense and densified. On his path he collaborated with chris clark as well as leila and nicolette, that are signed at warp. He is a frequent collaborator with alec empire. His works were shown at the film festivals of Cannes, OneDotZero and Raindance.

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Onyx Ashanti / The Beatjazz Controller System

+ +

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…

+ +
About Onyx Ashanti
+

Onyx sounds like the offspring of Roger Troutman, Timbaland, and John Coltrane. Having cut his teeth playing the southern California rave scene in the late 90′s, he spent the first half of the the 2k’s playing and recording with the likes of Soul II Soul, Basement Jaxx and Marshall Jefferson. The last 3 years has seen him take on the challenge of creating a new form of music for a new age. A form un-encumbered by genre. Armed with a new type of sound design concept of his own creation-Gestural Trajectory Synthesis- Onyx can construct any style of music imaginable and quite a few that aren’t.The beatjazz control interface is a three-way wireless sensor network that converts his finger, hand, and breath movements, into musical control data, which allows him to play synthesizers with dance-like movements and saxophone-like fingerings. In addition, Onyx created a light based “element narration” subsystem combined with a large screen projection that relates sound types and gestural data to colors and visual imagery so the audience knows which part of the arrangement that Onyx is playing at any given time. The system was designed specifically for Beatjazz and the combination of the two together create a never before realized marriage of sound, light and motion.

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/02/21/Scope019.html b/_site/2013/02/21/Scope019.html new file mode 100644 index 00000000..66c2abdd --- /dev/null +++ b/_site/2013/02/21/Scope019.html @@ -0,0 +1,520 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#19

+

February 21st, 2013

+
+ +
+
    + + + + +
  • Research
  • + +
  • Performance
  • + + + + + + +
  • Design
  • + +
  • AV Performance
  • + + + + + + +
  • Architecture
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Vanessa Ramos-Velazquez /

+ +

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.

+ +
About Vanessa Ramos-Velazquez
+

Vanessa Ramos-Velasquez is an interdisciplinary artist, multimedia specialist, and researcher from Brazil and the U.S., and currently based in Berlin. A Fulbright scholar at the University of Kansas, she pioneered a special program in Interdisciplinary Studies in Art, Design, Video & Film and Choreography. Her transmedia experiments led her to develop an artistic practice in performance art, installation, videoart, videodance and cameraless films. As a choreography student of the late Labanotation expert Janet Hamburg, she danced with the Bill T. Jones/Arnie Zane Dance Company.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

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.

+ +
About Geso
+

Also known as Pablo IA, is an active/creative mind involved in different art and design fields. As graphic designer and art director for his own studio GeeOhDee, as artist exhibiting his work in galleries and festivals (previously in collaboraton with his brother, Javier IA), as Dj, Vj and promotor of electronic music events and of course, as publisher and curator for his main project: Belio Magazine, an art publishing house and organization who runs exhibitions, concerts, festivals, conferences and workshops, apart of publishing magazines and books since 1999. Pablo IA actually lives and works in Berlin.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Alex Haw /

+ +

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.

+ +
About Alex Haw
+

Alex will present a series of atmos projects that explore optical space, architectural interactivity, participatory surveillance and 4-dimensional interactivity – all at breakneck speed, with 1000s of slides. Alex Haw is director of the award-winning UK art/architecture practice atmos

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/03/14/Scope020.html b/_site/2013/03/14/Scope020.html new file mode 100644 index 00000000..954728cc --- /dev/null +++ b/_site/2013/03/14/Scope020.html @@ -0,0 +1,469 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#20

+

March 14th, 2013

+
+ +
+
    + + + + +
  • Photography
  • + + + + + + +
  • Robotics
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Aude Rose /

+ +

Aude Francois also called Aude Rrose is multi-disciplinary artist living between Paris and Berlin, working with performance, photography, sound and live video. She regularly presents her video performances in international festivals. +Her imagery plays with narrative structures, developing dreamy and intimate universes, exploring various forms of interplay between body, images in motion, deconstructive narrations and self-mythology. Her performances articulate live scenography protocols integrating video as an environment medium, often using real-time camera feedback, considering the black box as a possible oneiric space, where sounds and images communicate in a poetic and narrative journey.

+ +
About Aude Rose
+

Aude Rose has developed several successful collaborations with international acoustic and electronic musicians, sound and video programmers, producing series of audio-visual performances where she manipulates time and images in evolving structures.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mey Lean Kronemann & David Sanz Kirbis /

+ +

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 Telefonica’s VIDA Art and Artificial Life International Awards.

+ +
About Mey Lean Kronemann & David Sanz Kirbis
+

Mey Lean Kronemann is a media artist from Berlin with a passion for robotics and emergent behaviour. Her works have been internationally exhibited and presented at media art festivals and conferences, and were awarded by Digital Sparks (Honorary Mention, 2008), Japan Media Arts Festival (Jury Selection Work, 2011) and Art of Engineering (prize award, 2012). Mey has studied Interaction Design in Malmo, Sweden, and Product/Interface Design in Potsdam, Germany, where she graduated in 2009, and was a research fellow in 2010. +David Sanz Kirbis is a multidisciplinary experimenter interested in how things work and in finding creative solutions to technical projects. He is currently working as researcher towards a PhD in the field of Art and Technology at the Universidad Politecnica de Valencia. With an eclectic background as computer technician, product design engineer, and independent filmmaker he is interested in design, mechanics, electronics, programming, robotics, philosophy and photography. David was recently hosted as fellow of the STUDIO for Creative Inquiry, directed by Golan Levin, at the Carnegie Mellon University.

+ + + + Website + + + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/04/11/Scope021.html b/_site/2013/04/11/Scope021.html new file mode 100644 index 00000000..468ec459 --- /dev/null +++ b/_site/2013/04/11/Scope021.html @@ -0,0 +1,518 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#21

+

April 11th, 2013

+
+ +
+
    + + + + +
  • 3D
  • + +
  • AV Performance
  • + + + + + + +
  • Performance
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

pussykrew /

+ +

In 2010 they’ve 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.

+ +
About pussykrew
+

Duo Ewelina Aleksandrowicz and Andrzej Wojtas (Tikul & Jendrek), known collectively as Pussykrew, make art that eludes convention and merges the erotic and the ethereal with exquisite finesse. Using both visual and sonic media, the two artists marry the maximalist sensations of glitch with minimalist destructiveness to give performances that are beyond experimental. They are Berlin based artists who are collaboratively working within the area of new media. Their interdisciplinary practices range from audio-visual performance, live coding, multimedia installations to sound experiments, sensor based technologies and DIY electronics. During their production of live visuals, video installations and videoclips they have collaborated with Leila, Darkstar (WARP Records) HTRK (Work, work, work Tour 2011 – Ghostly International), Raime (Blackest Ever Black) and Oni Ayhun amongst others.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Gabriel Shalom /

+ +

+ +
About Gabriel Shalom
+

Gabriel Shalom is a director, audiovisual artist and composer living and working in Berlin, Germany. His signature work takes the form of rhythmically edited audiovisual compositions (videomusic). Taking inspiration from musique concrète, he explores the hidden musicality of everyday objects, unusual handmade electro-acoustic instruments, and manipulation of traditional instruments. He understands video to be a fundamentally audiovisual medium and strives to create highly synaesthetic works. His five channel videomusical installation The Tosso Variations premiered in his solo exhibition at MU Eindhoven. He has written and spoken extensively on Hypercubism, his theory of object-oriented aesthetics. He has been commissioned by brands such as MINI, Sony and BMW Italy. He has been an artist in residence at the Frankfurter Kunstverein, ZKM Karlsruhe and the CAMP Festival in Stuttgart. He is a member of the 2012 class of the Art Directors Club Young Guns. In addition to his audiovisual work, Gabriel is a director of experimental narratives. His video essays are meditative reflections on the zeitgeist, often influenced by his theory of aesthetics, Hypercubism. His company KS12, founded together with partner Patrizia Kommerell, is a creative studio for experimental storytelling. KS12 has been commissioned by various media arts festivals such as Transmediale (Berlin), STRP (Eindhoven), and NODE Forum for Digital Arts (Frankfurt), as well as companies and organizations such as Wieden + Kennedy, British Council, BOX 1824 and Meiré und Meiré

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kasia Justka aka pani K. /

+ +

Kasia is a one man studio, audiovisual composer, video-maker and live performer who loves to experiment. She is driven by a desire to find beauty in an ugly world and amplifies images, sounds and lights with her inner emotions, feelings, intuitions. Her work is a combination of the harsh and delicate. Electricity is what she is sure of and relies on. Making narrative cinematic concerts, she invents new paradigms of audio-visual performance, installation art and short films.

+ +
About Kasia Justka aka pani K.
+

Kaska was born in Warsaw, was educated at the National Film School in Lodz (Poland), and now lives in Berlin. She has created visuals for Schneider TM, Murcof, Deadbeat, Lady Aarp, Makaruk, Vitor Joaquim and has performed her work at Electrovision (London), noise=noise, Transvisualia Warsaw, Cynetart Dresden, Unsound Krakow, wro, Hau and at the Volksbühne (Berlin).

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/05/09/Scope022.html b/_site/2013/05/09/Scope022.html new file mode 100644 index 00000000..a8e0ea06 --- /dev/null +++ b/_site/2013/05/09/Scope022.html @@ -0,0 +1,480 @@ + + + + + + + + + LPM Preview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#22

+

May 09th, 2013

+
+ +
+
    + + + + +
  • New Media
  • + +
  • Interactive
  • + + + + + + +
  • Performance
  • + +
  • Humour
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tokyo Data Collective /

+ +

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.

+ +
About Tokyo Data Collective
+

Tokyo Data is a creative collective who understands its mission to engage emerging contemporary New Media artists and initiate transdisciplinary work between the universes of video art, acoustic architecture, performing arts, motion, interactive design, photography and graphic arts.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

A-LI-CE /

+ +

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.

+ +
About A-LI-CE
+

A-li-ce, based in Paris, works as video designer, live performer and VJ since 2004 around Europe. She uses a bunch of techniques from paper, animation and video, bridging the gap from hyperrealities “wonderland” to sophisticated, dark visual worlds. +Her work deals with identity, humor, and acidity. She presented her work at audiovisual festivals like Mapping (Ch), LPM (It), Visual Berlin Festival (De), and Vision’R (Fr), including VJ solos and collective projects with ‘Homemade Collective’ and the duo ‘:NÄ:’. Her music videos and short animation movies have been screened in festivals as the International Animation Film Festivals of Moscow ( 2011) and Stuttgart (official music video selection, 2011), Cinemabrut (2010) and many more.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/06/06/Scope023.html b/_site/2013/06/06/Scope023.html new file mode 100644 index 00000000..49e5f50e --- /dev/null +++ b/_site/2013/06/06/Scope023.html @@ -0,0 +1,495 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#23

+

May 06th, 2013

+
+ +
+
    + + + + +
  • Coding
  • + +
  • generative
  • + + + + + + +
  • Open Source
  • + +
  • Hardware
  • + + + + + + +
  • Collective
  • + +
  • Activism
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Rainer Kohlberger / The void beyond this feeling

+ +

«My talk will examine the colors of noise, the worms in my signals and the serendipity of music. The black square is the feeling. The white field equals the voice beyond this feeling. The metal machine will display my work.»

+ +
About Rainer Kohlberger
+

Rainer Kohlberger is an Austrian born Freelance Visual Artist living in Berlin. His work is primarily based on algorithmically generated graphics that are exposed in live performances, installations and mobile apps. For his work «field» he won the ZKM App Art Award for artistic innovation. He received the Crossing Europe Local Artist Award 2013 for his work «humming, fast and slow».

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Sébastien Bourdeauducq / Story and development of the Mixxeo digital video mixer

+ +

Many video artists need a device that can blend video streams from two or more computers. A common solution is to use SD analog video and a commercially available mixer such as the Edirol V4. But the move to the better quality of digital video and the high cost of commercial digital mixers has prompted community developments of alternative devices.

+ +
About Sébastien Bourdeauducq
+

Sébastien Bourdeauducq is an inventor passionate about science, electronics and open source. After working for several small companies – which included developing the Wi-Fi driver infrastructure for the Nabaztag/tag – he founded Milkymist Labs in the summer of 2007.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

ReVerse Bullets / Kunst, Kultur & Kino Collage

+ +

“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).

+ +
About ReVerse Bullets
+

ReVerse Bullets is a rotating lineup of filmmakers, musicians and visual artists founded by filmmaker Jon-Carlos Evans in New York City in 2009. . Through a collision of industrial noise cum funk and psychedelic synths, ReVerse Bullets project audiovisual “anti-propaganda” and noise-collage molotovs like an amalgam of Stan Brakhage cum Sonic Youth and Sergei Eisenstein cum Massive Attack. Twisted samples of capitalist, western & religious propaganda collide with the band’s electronic cum noise funk and dialectic imagery to create a sensory experience that is part multimedia essay, improvisational electronica, performance art and rock concert.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/07/11/Scope024.html b/_site/2013/07/11/Scope024.html new file mode 100644 index 00000000..8b15aadc --- /dev/null +++ b/_site/2013/07/11/Scope024.html @@ -0,0 +1,523 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#24

+

July 11th, 2013

+
+ +
+
    + + + + +
  • Research
  • + +
  • Project
  • + + + + + + +
  • Interactive
  • + +
  • Installation
  • + + + + + + +
  • Vjing
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Joel Dittrich / White Noise/Black Noise

+ +
About Joel Dittrich
+

Swedish audio/visual artist and university college teacher Joel Dittrich will talk about the latest incarnation of White Noise/Black Noise. An audio/visual project where Dittrich is experimenting with intermodal aesthetics, creating audio and visuals side by side and performing live with a digital set up, relaying heavily on OSC, MIDI and audio analysis, to control audio and visuals simultaneously. During 2013 Dittrich has received a lot of praise after performing at Elektra Festival (Montreal), The Lab (San Francisco), Live Performers Meeting (Rome) and The Bang Bang Bar (Stockholm). Dittrich teaches at five universities/colleges and engages in a number of projects in the realm of audio/visual and projection mapping, in Sweden as well as the rest of Europe and North America.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

WHITEvoid /

+ +

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.<

+ +
About WHITEvoid
+

Christopher Bauder started working in the field of interactive installation art and design after finishing his studies in the Digital Media Class at the Berlin University of the Arts. His projects focus on the translation of bits and bytes into objects and environments and vice versa. Space, object, sound and interaction are the key elements of his work. In 2004 Christopher Bauder founded studio WHITEvoid as a necessity to realize his large scale art and design pieces and environments. The studio is comprised of specialists in interaction design, media design, product design, interior architecture and electronic engineering. The interactive installations and products are created for museums, exhibitions and trade fairs, festivals, concerts and clubs. WHITEvoid’s designs are exhibited and experienced internationally and have gained worldwide recognition.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Juladi /

+ +

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.

+ +
About VJ Juladi
+

Elke Radtke has been active in the video art scene for 7 years. She has performed at multiple Video Art and Music Festivals around the world, as well as lectured on video art in Mexico City at the Arts University San Carlos. She won the Mapping Festival VJ Competition 2013 in Geneva and was the 1st runner up at VJ Torna at the Live Performers Meeting Festival 2012 in Rome (Championship Category) and 2011 (Battle Category).

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/09/12/Scope025.html b/_site/2013/09/12/Scope025.html new file mode 100644 index 00000000..837ee71d --- /dev/null +++ b/_site/2013/09/12/Scope025.html @@ -0,0 +1,505 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#25

+

September 12th, 2013

+
+ +
+
    + + + + +
  • Mixing
  • + +
  • Vjing
  • + + + + + + +
  • Live Cinema
  • + +
  • Mapping
  • + + + + + + +
  • Vjing
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tim Vis / Mixing after SD video

+ +

Now that we have overcome the limited possibilites of old-style SD mixing by the development of new Hard and Software, there is the opportunity to redefine the VJ as a performer, not only beeing a controller of some software, which he was mostly after SD-Video outputs on the computers have been suspended. The talk is on concepts, ideas and the small tech-toys that make these reality.

+ +
About Tim Vis
+

Tim grew up in a radio & TV shop. His experience that his father was a enthusiast hobby photographer and his mother beeing a seller of dance music in the store then might have lead him into live visualism, aka Vjing. After finding that visualist niche he started VJing in 2005 and developed his own styles using the Textmachine3D VJ software. From 2009 on he is co-producer of the B-Side Festival in Mannheim/Germany serving there as the technical manager.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Elektro Moon / Patch:audio_visual lab

+ +

will present P a t c h :audio_visual lab – international festival dedicated to the contemporary digital art forms, which they organize in Krakow, Poland as an AV Node member. This year it will take place from 10-12 Oct at the Contemporary Art Gallery Bunkier Sztuki in the center of Krakow (exhibition,performances and workshops) and Forum Przestrzenie (Audiovisual Night). They will present the concept and form of the event and also present selected artists and their artworks which will be presented on this year edition.

+ +
About Elektro Moon
+

Elwira Wojtunik and Popesz Csaba Láng :: Polish-Hungarian duet of visual artists, also known as Elektro Moon Vision founded in 2004 in Budapest. They design unique visual live-acts based on live experiments with the video surface, wide-format projections, mappings, audiovisual performances, interactive video-installations or video projections for theatre shows.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Radiance /

+ +

She will talk about her personal approach to creating video material coming from a fine arts / printmaking and graphic design background and through a selection of projects. This includes ‘Memento Mori‘ which uses stop motion collages to remix religious iconography, and ‘The Space Between Us’ which uses physical performance art of walking between destinations in a landscape. She will also cover some of the experiences that have impacted on her practice such as working with the Australian collective Essence and undertaking a visual arts residency in Tallinn Estonia in 2012.

+ +
About VJ Radiance
+

Rose Staff aka Radiance is a media visual artist, Vj and designer working with video and live performance in a range of settings, from video art installations to vibrant outdoor projections at festivals. Using experimental hybrids of traditional and digital art forms, she explores how contemporary phenomena such as communication technologies and audio-visual space influence our perception of the modern world. She has showcased her work at events such as Glastonbury festival (Uk), Leeds Festival (Uk), LPM (Italy), Sonica Dance Festival (Montenegro), AV playground (Austria), Burning Mountain Festival (Switzerland).

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/10/10/Scope026.html b/_site/2013/10/10/Scope026.html new file mode 100644 index 00000000..829ebddc --- /dev/null +++ b/_site/2013/10/10/Scope026.html @@ -0,0 +1,479 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#26

+

October 10th, 2013

+
+ +
+
    + + + + +
  • Glitch
  • + +
  • Pixel
  • + + + + + + +
  • Open Source
  • + +
  • Gaming
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

pixelnoizz / touch.gl

+ +

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.

+ +
About pixelnoizz
+

Budapest born and Berlin based artist David Szauder aka. pixelnoizz mostly works with generative structures both on audiovisual -and art field. He experiments also in interactive visual design and works on different publications about experimental, audiovisual and live cinema.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Malte Steiner / Open source game engines and realtime 3D for visuals

+ +

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…

+ +
About Malte Steiner
+

Malte Steiner is media artist, sound designer and software developer. Starting around 1983, developing his own vision of the interdisciplinary Gesamtkunstwerk, working with, and not limited to, film, theater, video games and interactive installations. Releases on cassette, vinyl, CD and online. Concerts, exhibitions, and collaborations in Europe, Asia and America. In 2011 he moved to Berlin and opened his own media lab to work on his projects like Notstandskomitee, Elektronengehirn, Akustikkoppler with Matthias Schuster from Hamburg and Restlichtverstärker with Servando Barreiro, but also mastering and remixing other artists. He organizes twice a month the Pure Data Berlin ‘patching circle’ at Berlins well known C-Base.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/11/14/Scope027.html b/_site/2013/11/14/Scope027.html new file mode 100644 index 00000000..d54e99be --- /dev/null +++ b/_site/2013/11/14/Scope027.html @@ -0,0 +1,510 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#27

+

November 14th, 2013

+
+ +
+
    + + + + +
  • Film
  • + + + + + + +
  • 3D
  • + +
  • Generative
  • + + + + + + +
  • Collective
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Georgina Espasa / Half a Quarter

+ +

During this talk Georgina will present the creative process of her latest work: a documentary film (“Half a Quarter”) that took her three years to complete and is linked to her personal evolution, and relates to her understanding the roots and the assimilation of her family legacy. The film will be screen (20 min) with subsequent time for questions.

+ +
About Georgina Espasa
+

Georgina is a filmmaker and interactive video artist. After receiving an arts degree at the University of Barcelona in 2008 she has been living in Berlin, working on live video performances, lighting design and mapping installations.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tarik Barri / Versum: audiovisual composing in 3D

+ +

Tarik will present his ‘Versum’ software, which was originally developed as a 3D audiovisual sequencer for the purpose of creating music by flying through melodies within a virtual space. The software has been gradually adapted to be a purely visual tool and works with any kind of music. At the end of his talk Tarik will give a demonstration of his work by doing an audiovisual piece together with singer Lea Fabrikant, involving live audio/video recording and looping in 3D.

+ +
About Tarik Barri
+

Tarik Barri (1979) is an audiovisual composer and software developer. During his study in Music and Technology he realized that the methods he used to create music could be applied to the moving image as well. With tools like Java, Max/MSP and Supercollider he now develops applications for audiovisual performance, composition and data-representation. Using these tools, Tarik aims to discover new synergies and aesthetics in the combination of image and sound. His works take on various forms like audiovisual performances, installations and videos. He also creates live visuals for artists like Monolake, Atoms for Peace and Nicolas Jaar. The fundamental concept, reflected in all his works, is that image and sound are perceived as one: the viewer hears images and sees sounds.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

TorpeDeArte Kollektiv / TelevisArte Installation

+ +

The project is based on TorpeDeArte’s shared perception of art as an active form of research. We don’t believe in one path for the creative process. There are infinite means to reach any one end and infinite unimaginable ends awaiting to be discovered. All we need is to establish a creative public platform.The crowd becomes a basic part of the installation. The participants are transformed and deformed, while maintaining their intrinsic identities.Through the creative process the projected and physical images merge erasing the boundaries between fiction and reality, art and nature.

+ +
About TorpeDeArte Kollektiv
+

In TorpeDeArte’s audiovisual collective we don’t believe in definite unconditional concepts like truth, perfection or beauty and therefore we don’t seek a single artistic end. We believe in the beauty of the interactive process in itself. Our art is born from the participation with the medium and the people. The flexibility of our creative process defines the final expression and frees us from all categorical artistic objectives. We believe in not having a preestablished aim to allow the interaction to produce its own concept of beauty in a dialectic process.We are the interstellar multidisciplinary and undisciplined Dadaists of tomorrow. We firmly believe in art as the result of the collision of the work and the spectator. The coming together of the essence of the medium and the conscience of the audience. TorpeDeArte has the only purpose of artistic creation. Each member brings the best of his or her world to our common project, meeting up only for productive artistic creation. From our first steps as a community it became clear that we had no intention to submit or control our art. We don’t believe in the attitude of the autonomous-independent artist who must administer and preside over every single little detail. The richness of our project is the ultimate freedom of what we do. What will be, will be, in a self-determining artistic interaction.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2013/12/12/Scope028.html b/_site/2013/12/12/Scope028.html new file mode 100644 index 00000000..629ba7b3 --- /dev/null +++ b/_site/2013/12/12/Scope028.html @@ -0,0 +1,477 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#28

+

December 12th, 2013

+
+ +
+
    + + + + +
  • Mapping
  • + + + + + + +
  • Interactive
  • + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Julien Bach / Video mapping Jam

+ +

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.

+ +
About Julien Bach
+

Julien Bach is a “3d generalist” freelancer working for many different kind of agencies : Architecture, motion-graphics, advertisement, projections for festivals… Also in charge of a small co-working space, Atelier Äuglein, hosting nine coworkers, focusing on visual arts.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

StratoFyzika / Writing movement in interactive mediated spaces

+ +

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.

+ +
About StratoFyzika
+

StratoFyzika is a collective creating movement-based interactive audiovisual performances. They are three artists of various backgrounds; each representing one “stratum” of perception: audio, visual and movement. We use the laws of physics (Fyzika) as a metaphorical way of explaining material states from the realms of imagination, emotions and spirit.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/02/13/Scope029.html b/_site/2014/02/13/Scope029.html new file mode 100644 index 00000000..e1dafd62 --- /dev/null +++ b/_site/2014/02/13/Scope029.html @@ -0,0 +1,520 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#29

+

February 13th, 2014

+
+ +
+
    + + + + +
  • Design
  • + + + + + + +
  • Video
  • + +
  • Sound
  • + + + + + + +
  • VJing
  • + +
  • Mapping
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

FELD - Studio for digital crafts /

+ +

The talk will be about the role of custom software and manufacturing techniques as part of the design and prototyping process in our daily work and thinking. We will present some of our recent projects and discuss the processes and technologies behind them.

+ +
About FELD - Studio for digital crafts
+

FELD.is a young design studio founded by a group of Berlin based designers who share a common language of digital thinking in their work process.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Valentina Ferrandes /

+ +

Valentina will present her project “Berg“, an exploration of Teufelsberg Listening Station comprising a video and a GPS triggered soundscape for iPhone and iPad.

+ +
About Valentina Ferrandes
+

Valentina Ferrandes is an italian artist living in Berlin. Her video and sound pieces explore possible connections between micro-narratives, landscapes and urban geography.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Andrea Familari aka. Fax /

+ +

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.

+ +
About Andrea Familari aka. Fax
+

Italian artist, born in 1987, lives and works in Berlin, Germany. His works encompass from Vjiing, Audio/Visual Interactions, Mapping, Interactive installations to Scenic-design and investigate mostly on the decomposition of micro/macro cosmos.

+ + + + Website + + +
+

Artist's Video

+ +
+ + +
+

Talk's Video

+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/03/20/Scope030.html b/_site/2014/03/20/Scope030.html new file mode 100644 index 00000000..ed2a850a --- /dev/null +++ b/_site/2014/03/20/Scope030.html @@ -0,0 +1,482 @@ + + + + + + + + + B-Seite Mannheim + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#30

+

March 20th, 2014

+
+ +
+
    + + + + +
  • VJing
  • + + + + + + +
  • VJing
  • + + + + + + +
  • Science
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Martin Meyer / Sinsynplus

+ +

After his talk, Martin will immediately change spaces and head back to zeitraum.exit to prepare his performance project , that will be performed at 10pm! Will will join them after our session!

+ +
About Martin Meyer
+

Martin Mayer is a visual artist and VJ based in Munich, working under the alias sinsynplus since 2001. He studied media art at the Munich Academy of Fine Arts and is co-founder of the multimedia art duo mayer+empl. In this multimedia art duo Martin Mayer and Quirin Empl are specialized in interior and exterior 3D video mapping – an art form that uses architecture, shape and conditions of the room to project moving images, light or graphics on abstract surfaces, and thus creating entirely new atmospheric spaces.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

ë / ë - anya orel and e

+ +
About ë
+

Anya Orel raised and lived in Moscow, before she probably moves to Berlin. She is painting every day since she was kid, doing streetart since 2011. E aka Torsten Höhle is a native Berliner – kindergarten ost, punk, postpunk, graffiti, graphics, upcycling art, techno. With his collective E-Gruppe, founded 1995, they are indefatigably activ in vjing and visual installations since 2002.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Agnieszka “Bronka” Bronowska / Mixing art and science – enthalpy, entropy, visual narration, and dance

+ +

In my talk I will briefly introduce the concepts, data sources, and tools, which can be used by visual artists in their work. I will focus on the need for motion graphics, especially in depicting the phenomena which involve dynamic components hence the entropic terms (e.g. drug-receptor interactions, rational drug design). Finally, I will ask for ideas and feedback from the audience about the future directions in visualising the dynamic and multi-scale data.

+ +
About Agnieszka “Bronka” Bronowska
+

Life sciences and visual arts can fuel each other and be – one for another one – the sources of inspiration. Good visualization is pivotal for biological and chemical sciences – to illustrate the key concepts, to transmit information, and to bring new ideas along. Some concepts, like macromolecular flexibility, protein ensembles, or enthapy- entropy compensation, which are often difficult to explain, can be portrayed by dance and video art in a form that is readily accessible to non-scientists. This is of a crucial importance for explaining the concepts to children or otherwise popularising life sciences. ! This also goes the other way round. Science itself can be the source of inspiration for the art. Protein dynamics and ligand-protein interactions can serve as a canvas for story-telling, and the concept of periodic boundary conditions (PBC) used in molecular simulations can be exploited as a parallel to the concept of social roles, etc etc. Last but not least, structural biology, structure-based molecular design, and molecular modelling use tools which can also be used by visual artists for other purposes.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/04/10/Scope031.html b/_site/2014/04/10/Scope031.html new file mode 100644 index 00000000..b9bc7725 --- /dev/null +++ b/_site/2014/04/10/Scope031.html @@ -0,0 +1,498 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#31

+

April 10th, 2014

+
+ +
+
    + + + + +
  • VJing
  • + + + + + + +
  • Interactive
  • + +
  • Live
  • + +
  • Performance
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Vj Chuu / Guruguru kun

+ +

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

+ +
About Vj Chuu
+

Chuuu is a painter, vj and live performer. He grew up in Kyoto, Japan, and graduated at the Kyoto Seika University, that is well known for its faculties for manga and anime. After moving to Berlin he got involved in more action based art practices. As a VJ he got famous for his elaborate visual animations turning on the vinyl player, telling handdrawn stories. In fact a very traditional way and once pioneering discovery for moving images – so called Phenakistoscope.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mahir Duman /

+ +
About Mahir Duman
+

Mahir Duman is a visual artist born in Ordu, Turkey. He studied in Istanbul and lives and works in Berlin since 2011. As a VJ, Mahir is doing interactive live performances and installations for clubs, special events and art galleries. He works with video, short film, music clips and lots of different media sets, mixed and synchronized with sound and the rhythm of action. He describes his imagery as unrealistic and surreal, that question human perception and the interplay between subjects.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Trashpuzzle /

+ +

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.

+ +
About Trashpuzzle
+

In May 2010 “trashpuzzle” was born. Their aim was to entertain people on a party by performing a handmade live-collage, that was projected on a wall. They used an old technology – episcope and a little transport band to let the pictures move automatically. The effect was fantastic. The dancefloor turned into a colorful carpet made of our pictures. People were fascinated with their spontaneous creations. Some even joined their session.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/05/08/Scope032.html b/_site/2014/05/08/Scope032.html new file mode 100644 index 00000000..6f9db583 --- /dev/null +++ b/_site/2014/05/08/Scope032.html @@ -0,0 +1,514 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#32

+

May 8th, 2014

+
+ +
+
    + + + + +
  • Installation
  • + +
  • Light
  • + + + + + + +
  • Science
  • + +
  • Film
  • + +
  • Photography
  • + + + + + + +
  • Mapping
  • + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Lichtpiraten / Make love not art

+ +

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.

+ +
About Lichtpiraten
+

Welcome into the world of shadow and light. We create new rooms, imagine other dimensions and find ways out let´s inspire, discover and astonished pirate the world

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

BildPeter / Conquering the world though Art & Science

+ +

The talk will give an overview of the three main fields of BildPeters work: digital art, film/photography and science. It will touch fields like: VJing with Quartz Composer. Video generation with Processing and OpenFrameworks. Filming with DSLRs. Science with an iPad.

+ +
About BildPeter
+

Peter Kolski grew up in the environment, which seems to leave no other choice than becoming an artist. In Berlin. The fascination of a digital world, led in early years to program own games. To express himself, first movies were done in school. To investigate the depth of the universe, he studied physics. First steps in the art world began in 2001 with visuals installations in exhibitions. So did he do first live visual shows as a VJ to live music. The VJ work was performed internationally in widely renown night clubs. Bildpeter played in multiple bands as live visualist to support the bands music experience. The film-work ranges from experimental films to visual poetry, from political activism to band videos. Science is seen by Peter Kolski as the beauty of thoughts and curiosity between nature and philosophy. His scientific work is strongly influenced by his art, as an unconventional way of investigation. The fields of self-organisation and complex systems are approached strongly visually.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Fader / Breaking the Screen

+ +

I will discuss how my work have progressed into areas such as video mapping and stage design in the past 10 years. My presentation will focus on the deconstruction of the rectangular video screen where the form is just as important as the content.

+ +
About VJ Fader
+

Fader is a visual artist who works with multimedia in a variety of disciplines. From video mapping, generative animation, music videos, stage design to art installations, his work has been shown to broad audiences around the world. He has exhibited at numerous festivals such as Coachella (Indio), Burningman (Black Rock City), Insomniac Events (Los Angeles), Fuji Rock Festival (Japan) and the Mapping Festival (Geneva).

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/06/12/Scope033.html b/_site/2014/06/12/Scope033.html new file mode 100644 index 00000000..d8915df3 --- /dev/null +++ b/_site/2014/06/12/Scope033.html @@ -0,0 +1,496 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#33

+

June 12th, 2014

+
+ +
+
    + + + + +
  • Analog
  • + + + + + + +
  • Interactive
  • + +
  • Projection
  • + + + + + + +
  • Science
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Richard Tuohy / Dot Matrix - A strategy for direct film

+ +

After a brief contextualising introduction, I will perform my two x 16mm projector expanded cinema piece Dot Matrix (2013, 16 minutes). I will then give an account of the works origins and my working proceedure for its creation. I will contrast this film with two earlier works of mine - Flyscreen and Dot Matrix. I will also endevour to give a brief account of the place of Dot Matrix in the structuralist film tradition.

+ +
About Richard Tuohy
+

In the late 1980s and early 1990s Richard Tuohy was an active member of the Melbourne Super 8 Film Group. He suspended his work in film for several years, studying philosophy, music and botany, before returning to the medium in 2005. Since then he has created almost 40 films, first on Super 8 and more recently on 16mm. His films have screened at venues including the Melbourne IFF, EMAF (Osnabruck), Rotterdam IFF, New York Film Festival and Media City and he has toured Europe and North America presenting solo programs of his work. His films are part of the ‘hand-made’ film tradition. His films to date have shown two principal concerns: a fascination with abstractions from nature and with the materialist film tradition. His films are typically highly structured and formalist. As well as running the only lab for small gauge film in Australia – the artist-run lab nanolab – Richard was also one of the founding directors of the Australian International Experimental Film Festival. He is also the convener of the Artist Film Workshop – an artist run laboratory and screening initiative in Melbourne.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Wolfgang Spahn / VGA-Hacking or Materiality in a Digital World

+ +

Name Yun Pike is known for manipulating a TV set with a magnet. One might think that after we abandoned monitor tubes the combination of TV and magnetism is gone as well. But similar is still possible today by manipulating the monitor signal. The fact that VGA is a signal based on electric current allows for hacking. One can manipulate it with coils and magnetic fields. The signal being similiar to sound signals makes for an easy transfer to sound and vice versa. Wolfgang Spahn uses these possibilities in his artwork and media performances in order to merge sound and visuals. +Digital is not always virtual. It is sometimes real, too.

+ +
About Wolfgang Spahn
+

Wolfgang Spahn is a visual artist based in Berlin. His work includes interactive installations, videos, projections, and miniature-slide-paintings. He studied mathematics and sociology in Regensburg and Berlin. He currently teaches at the BBK-Berlin, Medienwerkstatt and is associated lecturer at the University of Paderborn, department of art. +International exhibitions (selection): 2000 Biennial of young Art in Genua, Italy, 2003 The Kosovo Art Gallery in Pristina, Kosovo, 2005 Biennial in Prague, Czech Republic, 2008 and 2009 Internationales Klangkunstfest in Berlin, 2009 The Art of the Overhead in Malmö, Sweden, PIXEL09 and 13 in Bergen, Norway, 2010 Biennial Of Miniature Art in Serbia, 2010 Media-Scape in Zagreb, Croatia, Transmediale 2012 and 2014, Berlin.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ercan Engin Kuruoglu / Making the Picture of the Early Universe

+ +

This talk will summarise the efforts to make a picture of the universe just after big bang. We will introduce the big bang theory, the satellite missions to measure cosmic microwave radiation and how we utilized the Information Theory of Shannon to obtain the earliest picture of the universe. We hope that these images will be inspiring for the audience for their own creative work.

+ +
About Ercan Engin Kuruoglu
+

Ercan is an information scientist born in Turkey. He received his PhD degree from Cambridge in 1998 on information engineering. Upon graduation, he worked in Xerox Research Center, Cambridge in the Collaborative Multimedia Systems group and then in INRIA-Sophia Antipolis, France. He currently holds a permanent senior researcher position in Italian National Research Council, CNR, Pisa and is an Alexander von Humboldt Research Fellow at Max Planck Institute for Molecular Genetics. His research interests are in signal processing and information theory with applications in image processing, telecommunications, astronomy and genetics. He is also the Editor in Chief of Digital Signal Processing: a Review Journal. He held visiting Professor positions in Georgia Tech Shanghai, Shanghai Jiao Tong University, and Izmir Institute of Technology.

+ + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/07/10/Scope034.html b/_site/2014/07/10/Scope034.html new file mode 100644 index 00000000..2b3bb6b2 --- /dev/null +++ b/_site/2014/07/10/Scope034.html @@ -0,0 +1,513 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#34

+

July 10th, 2014

+
+ +
+
    + + + + +
  • Design
  • + +
  • hardware
  • + +
  • Installation
  • + + + + + + +
  • VVVV
  • + +
  • Coding
  • + +
  • Sound
  • + + + + + + +
  • VJing
  • + +
  • Performance
  • + +
  • Film
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Quadrature / From a visual journey into another dimension.

+ +

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.

+ +
About Quadrature
+

Quadrature is a group of three former designers who combine their very specific personal skills to create complex systems for highly technolgical installations. Jan Bernstein concentrates on the creative implementation of physical and functional aspects into Quadrature’s work. His substantial practical expertise fertilizes his artistic research in materials and fine mechanics. Influenced by his specialty, Jan’s creative approach is concentrated and structured, keeping every detail in mind in order to formulate the ideal aesthetic and conceptional expression. Sebastian Neitsch rather employs experimental and assiociative methods in order to achieve innovative and intuitiv systems and thoughts for Quadrature’s conceptual and artistic vision.While his focus is on the digital world – including everything concerning code, electronics and new technologies – he considers teamwork and communication as the perfect source to generate creative output and solutions. Juliane Götz: is the latest member of Quadrature and fills the missing link between hardware based pragmatism and digital utopics in Quadrature’s projects. Her design and handcraft skills as fashion designer are combined with the abiltiy to quickly understand and implement new dynamic workflows and structures into the group. They all share a love for machines and outer space.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Miller Puckette / How to have fun with a six channel guitar pckup

+ +

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.

+ +
About Miller Puckette
+

Miller Puckette is best known as the author of the Max/MSP and Pure Data software environments, which are widely used in electronic music and the electronic arts. He usually teaches music at the University of California, San Diego, but is now a guest professor at TU Berlin. He performs with the Convolution Brothers and in a duo with the singer Juliana Snapper.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

3ez / From a visual journey into another dimension.

+ +

Probably known mostly about his former old project called Jonnyzeb as surf movie producer, Bruno Bez has released a series of experimental board sports movies with a good dose of imagination and a ludic taste from Brazil around the world. Traveling, filming and producing in extreme places, Bez have being learning with his perspective inside of this creative universe doing visuals in your own way to express yourself.

+ +
About 3ez
+

Born in the beautiful island Florianopolis, south of Brazil, visualist Bruno Bez began his career through new media creations around boardsports since 15 years old. His first films and productions focused on enhancing the appeal over environment, boardsports and artistic themes. Since then he is diving deeper into handling audiovisual techniques as Vj and Filmaker with an accurate optic sense in order to introduce an immersive thematic presented by an hybrid reality and multiple means. The direction and concepts depend strongly of the place and time, in each one of this corners, everything looks dramatically different surfing between glitches, fractal formulas and open source tools and several collab with others authentic artists.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/09/11/Scope035.html b/_site/2014/09/11/Scope035.html new file mode 100644 index 00000000..740f3fea --- /dev/null +++ b/_site/2014/09/11/Scope035.html @@ -0,0 +1,501 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#35

+

September 11th, 2014

+
+ +
+
    + + + + +
  • Media
  • + + + + + + +
  • Science
  • + + + + + + +
  • Installation
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Derek Holzer / Probing the Past: A Media Archaeology of Handmade Electronic Sound

+ +

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 people’s 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.

+ +
About Derek Holzer
+

Derek Holzer (1972) is an American instrument builder and sound artist based in Berlin DE, whose current interests include DIY analog electronics, the relationship between sound + space, media archaeology and the meeting points of electroacoustic, noise, improv and extreme music. He has performed live, taught workshops and created scores of unique instruments and installations since 2002 across Europe, North and South America, and New Zealand.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Imanol Gomez / Science Inspires Art

+ +

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 doesn’t take a look at the universe, with its sublime and redemptive quality? It makes us all feel small but peaceful.

+ +
About Imanol Gomez
+

Imanol Gomez has worked on a broad range of media art projects for artists, museums and companies. He continues to find forward thinking creative solutions using cutting-edge creative technology. He was born in London and grew up in Madrid. Fascinated by science he completed an MSC in Telecommunication Engineering. He later undertook a Sound and Music Computing research program at the MTG in Barcelona. After several years of research experience Imanol moved to Ars Electronica to work as a creative engineer. In 2014, he set himself up as a freelance creative technologist in Berlin. He continues to pursue his passion for science, art, technology and his enthusiasm for redefining interactive storytelling. He now divides his time between personal projects, collaborations, research and freelancing.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Juan Carlos Duarte Regino / Audiovisual Interactions and ludic design for ludic interfaces

+ +

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.

+ +
About Juan Carlos Duarte Regino
+

With a background in Audiovisual Media studies, Juan Duarte is based Helsinki Finland, since 2011 carries out studies in New Media, in the field of interaction design for media installations, and interfaces in live performance.His work aims to explore creative coding for sound and visuals, analog electronics, techno ecologies and media archeology.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/10/09/Scope036.html b/_site/2014/10/09/Scope036.html new file mode 100644 index 00000000..620b1698 --- /dev/null +++ b/_site/2014/10/09/Scope036.html @@ -0,0 +1,506 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#36

+

October 9th, 2014

+
+ +
+
    + + + + +
  • Analog
  • + +
  • Film
  • + +
  • Research
  • + + + + + + +
  • Installation
  • + +
  • New Media
  • + + + + + + +
  • Film
  • + +
  • Projection
  • + +
  • Glitch
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kevin Rice / Photochemical Intiatives

+ +

Kevin Rice, a member of Process Reversal, will be presenting on behalf of the collective. He is a self described ‘film archivist’ whose practice focuses on the study of photochemical theories, the development of lab resources for filmmakers, and the documentation of various darkroom odysseys on motion picture film.The talk will expose his perspectives on contemporary film practices today, as well as the artist run film lab community, by discussing the formation, development, and infinite struggles of their collective, Process Reversal. In this, he will be sharing several works from members of the collective, including his own, and discussing their process and how it has evolved since the formation of our group. Along the way, he will explain several aspects of the photo-chemical process in film making and attempt to perform a live demonstration of a technique or two.

+ +
About Kevin Rice
+

Process Reversal is a U.S. based collective which seeks to preserve celluloid film practices through research, resource development, and film productions focused on advancing the aesthetics and technology of the medium itself. In this sense, the times that we are facing with celluloid today are in fact the most exciting opportunities in the history of the medium — as the industry collapses all around us, we are being left with a chance to re-invent the medium in an image that was neither intended nor desired by the commercialism of the medium; one that explores new ways of seeing, new ways of hearing, and new ways of speaking about film.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

So Kanno / Signal, noise and machine

+ +

Such as drawing machines which is not perfectly controlled by numbers, 3D printed sculpture and garment which uses errors and imperfectness of system intentionally. Predicting the future but not forgetting critical point of view for technology.

+ +
About So Kanno
+

Using technology and focusing on some specific matters of technology like relation between signal and noise, error and glitch. Making things that KANNO want to see and observe. Such as drawing machines which is not perfectly controlled by numbers, 3D printed sculpture and garment which uses errors and imperfectness of system intentionally. Predicting the future but not forgetting critical point of view for technology.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kris Limbach / On improvised Cinema

+ +

Kris Limbach will perform a short improvised piece to give an insight in his techniques and workflow

+ +
About Kris Limbach
+

Kris Limbach is a sound artist residing in Berlin. Although his focus is on sound, he is involved in film projects since 1998, exploring always formats and aesthetics of cinema. His first experimental film, Cuento Incompleto was published in 2005 and since then he has collaborated with various artists performing live film screenings using expanded cinema techniques. This work for film has an outstanding influence on his current sound-art works, using film-editing techniques and film sound aesthetics for his sound pieces like the ongoing begin_ if _ () sound project and live performances. He released on labels such as Richard Garets´s Contour Editions, Staaltape, Modisti, Framework Radio, Agxivatein and more. His current project 'Music for dysfunctional airports' will be premiered at Media Art Friesland in the in November.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/11/13/Scope037.html b/_site/2014/11/13/Scope037.html new file mode 100644 index 00000000..611fbb64 --- /dev/null +++ b/_site/2014/11/13/Scope037.html @@ -0,0 +1,408 @@ + + + + + + + + + privacy and online freedom of expression + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#37

+

November 13th, 2014

+
+ +
+
    + + + + +
  • Activism
  • + +
  • Surveillance
  • + +
  • Privacy
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ioann Maria / Privacy and online freedom of expression.

+ +

This Session will attempt an open discussion that addresses issues of privacy and online freedom of expression. We want to discuss if and why privacy matters. How does that relate to contemporary artists and the tools they (we) are using? Is there a space for a political statement? How much strength does artistic expression have in the cyberworld? What are the chances and responsibilities of artists confronted with the omnipresent power- and control-structures in the wake of the revelations of Edward Snowden and other whistleblowers.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2014/12/11/Scope038.html b/_site/2014/12/11/Scope038.html new file mode 100644 index 00000000..59d5282b --- /dev/null +++ b/_site/2014/12/11/Scope038.html @@ -0,0 +1,509 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#38

+

December 11th, 2014

+
+ +
+
    + + + + +
  • VJing
  • + +
  • Installation
  • + +
  • Performance
  • + + + + + + +
  • Coding
  • + +
  • Research
  • + + + + + + +
  • Installation
  • + +
  • New Media
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Transforma / Transforma: 2001 bis 2014

+ +

A chronological presentation of selected works from the world of transforma.

+ +
About Transforma
+

Transforma is an artist group with a focus on video, performance, installations and music/video works. Transforma collaborates with other artists and musicians to create pieces, that blur borders of established genres in live performance, art & music. Transforma's work has been performed live and shown at festivals around the world. Transforma are Luke Bennett, Baris Hasselbach and Simon Krahl.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Marcel Schwittlick / Current Status

+ +

It's just me showing my work.

+ +
About Marcel Schwittlick
+

Marcel Schwittlick is a German generative artist living and working in Berlin. With his work he is examining different notions of reality especially those who result of recent tendencies of digital culture. His work has a philosophical foundation that often evolved into tangible images, videos or installations. He is working with digital technology as his main tool. As most of his work is necessary to be realized in the context of generative, real-time software systems, he is usually creating computer programs which are instructed to carry out his thoughts and ideas.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Marcellina Wellmer / Crossing the border - RANDOM IN ANALOG AND DIGITAL MEDIA

+ +

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.

+ +
About Marcellina Wellmer
+

I am operating at the edge of video, installation and painting. My works are dealing with the relation of humans and technology and with the interference of information and media, crossing the border from analog to digital and vice versa. Pieces are controlled and displayed through self written software that works with random seeds. Part of my creation is to play with the edges of media, to amplify their very own characteristics.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2015/01/08/Scope039.html b/_site/2015/01/08/Scope039.html new file mode 100644 index 00000000..31be3302 --- /dev/null +++ b/_site/2015/01/08/Scope039.html @@ -0,0 +1,459 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#39

+

Januar 8th, 2015

+
+ +
+
    + + + + +
  • Installation
  • + +
  • Music
  • + + + + + + +
  • VVVV
  • + +
  • Coding
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pierce Warnecke / Audio-visual works

+ +

My work stems from interest in the effects of time on matter: modification, deterioration and disappearance. Whether the focus is on digital forms or rough materials, large scales of time or microscopic details, the goal of my work is to re-adapt existing objects and materials into parallel contexts where their signified meanings, symbols and cultural connections have become residual ghosts. I like to imagine false paradigms, inexistent branches of research and fictional sciences in order to create unrealistic questionings as a basis for a new work. Form emerges through a process of collecting, filtering and combining phenomena (objects, data, sounds, images) that is linked to the conjecture. There are explorations and structures in this 'research' but no conclusions, except the ones you make.

+ +
About Pierce Warnecke
+

Pierce Warnecke is a sound and video artist from California, currently residing in Berlin after living in France for 10 years. He graduated from Berklee College of Music in 2007 and in 2013 completed his Meisterschüler studies at Universität der Kunst Berlin (Kunst und Medien). In addition to artistic works, he co-curates Emitter Micro Festival and label with Kris Limbach. He has presented his works at KW Institut (Berlin), LEAP (Berlin), FEED (Berlin), Harvestworks (NY), Luggage Store Gallery (SF), Berklee (Boston), CalArts (LA) as well as festivals like Zero1 Biennale, Transmediale, Bozart/BEAF (Brussels), MadeiraDig (PT), LAB30 (DE), Jazz à Vienne, Jazz d'Or, Boston Cyberarts, Visionsonic (FR), Pixelache (FR), Vidéoformes (FR), SXSW Interactive (US) and more. He has released music on Khalija, Staaltape, Gaffer and Attenuation Circuit, and Gruenrekorder.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tebjan Halm & Elias Holzer / 50, that next big thing

+ +

In the past few years we’ve 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 we’ll give you a short introduction into the key features of this new language we’re internally calling “50″.

+ +
About Tebjan Halm & Elias Holzer
+

We're two developers of vvvv, a live-programming environment commonly used to implement large scale media projects and digital art. It’s been around for more than a decade used and cultivated by a strong international community.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2015/03/12/Scope040.html b/_site/2015/03/12/Scope040.html new file mode 100644 index 00000000..e77984ab --- /dev/null +++ b/_site/2015/03/12/Scope040.html @@ -0,0 +1,490 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#40

+

March 12th, 2015

+
+ +
+
    + + + + +
  • Open Source
  • + +
  • Software
  • + +
  • Hardware
  • + + + + + + + + +
  • Dance
  • + +
  • Film
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Embedded Artist / The Embedded Artist System

+ +

In this talk Spahn and Steiner introduce their open source Embedded Artist System and talk about its capabilities, the motivation behind it and the development process.

+ +
About Embedded Artist
+

The Berlin based artists Malte Steiner and Wolfgang Spahn are exploring the artistic potential of embedded open source systems. These small-sized computing platforms gives the possibility to combine a multitude of independent devices to create a more powerful system than most single computers can provide. Based on the idea of free tools for free art, all hard- and software is open source and can be used, modified and improved by all other artists. Instead of using one high tech super computer for multiprojection Spahn and Steiner developed and share a system which allows theoreticaly the connection of thousands of independent embedded platforms for one gigantic multivision show and still keep the costs low by using the cheap mini computer Raspberry Pi, a platform originally designed for eductional purposes.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Karla Brunet / The Sea: Art, Technology and Environment

+ +

I will present my artwork related to the environment, more specifically to the sea of my surroundings. It's a mixture of formats: photo exhibition, interactive installation, DIY sensors, data visualization, video art, VJing, databending and web art, all having the same source, the sea and its underwater world. Some of the works are collective, developed at Ecoarte - a research group I coordinate at UFBA, Bahia, Brazil. Others are more introspective solo work, dealing with subjective issues of the sea. It is about disturbance, disruption, sensing and perceiving nature but also being entrapped by it. At the same time, art and science blend, in an attempt to create an intimate science.

+ +
About Karla Brunet
+

Karla Brunet is an artist and researcher, has a PhD in Audiovisual Communication and a master degree in Fine Arts. She has participated on many photography and digital arts exhibitions in Brazil, Europe and the USA and got a grant from FAPESB for a post-doctoral research on Mobile Technology and Art. Karla is a professor at IHAC and Pós- Cultura at UFBA, where she researches projects that present intersection of art, science and technology. From 2009-2012, Karla was the coordinator of Labdebug.net, a media lab focus on women and technology, and in 2012, she is the curator of FACMIL/LabMAM. Karla coordinates the Ecoarte, an interdisciplinary research and art group. Nowadays she lives in Berlin for a year research grant at UDK.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Riko Murakami & Haruka Mitani / Performance Dance and Film improvisation Super 8 and Butoh dance

+ +

'Dance with Film' An improvised meeting of Butoh dance and hand-made Single 8 films of Butoh dance. Butoh is a journey to the Self. In this performance we explore existence and feeling beyond the mirage of film. There is no beginning and no ending.

+ +
About Riko Murakami & Haruka Mitani
+

Riko Murakami studied Image Arts and Science at Ritsumeikan University in Kyoto. While still a student, she joined the Butoh dance company Kiraza and has appeared in productions 'Hana-Ikusa' (2012) and 'Uzume - The Power to Open a Wind Cave' (2014). She collaborated with art photographer Marco van Duyvendijk on the photobook 'Riko' (2014) and acted the lead role in Takashi Ito's film 'The Last Angel' (2014). She has also regularly contributed to the event series 'Experiments in Art and Technology' organized by Michael Lyons. Haruka Mitani (Film) is an independent filmmaker whose films reflect hands-on processes and a deep interest in the materiality of film. In 2013 she completed a degree in Image Arts and Science at Ritsumeikan University in Kyoto. Her films have appeared in festivals around the world and she is active in expanded cinema performances at live events in Kyoto, including the “Experiments in Art and Technology” series. She was raised in a Kyoto crafts family and in addition to making films, she is an apprentice lacquerware artist.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2015/03/12/Scope041.html b/_site/2015/03/12/Scope041.html new file mode 100644 index 00000000..040a4473 --- /dev/null +++ b/_site/2015/03/12/Scope041.html @@ -0,0 +1,529 @@ + + + + + + + + + SCOPE @ B-Seite + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#41

+

March 19th, 2015

+
+ +
+
    + + + + +
  • Mobile
  • + + + + + + +
  • Video
  • + +
  • Meditation
  • + + + + + + +
  • Softwaresc
  • + + + + + + +
  • Software
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Vj Fader / I'm on EDMT

+ +

EDMT is an interactive audio visual app designed by media artist Fader. He's combining years of his experience as a visual and software designer into one amazing app. It allows you to 'play' with your phone and tablet to create wonderful visuals and make beautiful sounds. There are several engaging scenes to choose from, where you can explore and discover exciting new audio visual environments. In this presentation Tilman and Fader will show the current work-in-progress version of EDMT App for Android and discuss future plans.

+ +
About Vj Fader
+

Fader is a visual artist who works with multimedia in a variety of disciplines. From video mapping, generative animation, music videos, stage design to art installations, his work has been shown to broad audiences around the world. He has exhibited at numerous festivals such as Coachella (Indio), Burningman (Black Rock City), Insomniac Events (Los Angeles), Fuji Rock Festival (Japan) and the Mapping Festival (Geneva). He received a degree in Animation from the Art Center in Pasadena California and went on to teach himself how to write programing code for his audio/video performances. He founded the Neuromixer VJ software company in 2004 which features video software and innovative prototypes like faderTouch. He continues to exhibit internationally, expanding his techniques and finding new applications.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kash / Intuitive Journeys

+ +

MAGIC OF CIRCLE videogram is video based on around hundred sequences from inner meditative journey made in photoshop during several months in 2014. Those circle graphics are then morphed into meditative videogram with idea to catch us in present state of absolute film that is ongoing inside of each of us...

+ +
About Kash
+

Kash is just having fun with images and sound.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

CloneProduction / CloneProduction

+ +

Irwin will talk about why he is using his own tool to VJ and how he got to this point.

+ +
About CloneProduction
+

CloneProduction is Irwin Quemener, French artist doing creative research and concept development. Specialized in live visuals and interactive experiences, for both art and commercial projects using real-time technology's potential to its maximum.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Roberto Cuellar / Light sculptures

+ +

Robert will talk about his light sculptures. His sculptures are usually made of wood and the design is based on 2D silhouettes which is then extend to 3D. Lighting plays a big role in his work. For B-Seite he produced a special sculpture that is projection mapped.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2015/04/09/Scope042.html b/_site/2015/04/09/Scope042.html new file mode 100644 index 00000000..3005ce82 --- /dev/null +++ b/_site/2015/04/09/Scope042.html @@ -0,0 +1,507 @@ + + + + + + + + + STATE Festival special edition + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#42

+

April 9th, 2015

+
+ +
+
    + + + + +
  • Science
  • + +
  • Art
  • + + + + + + +
  • Live Cinema
  • + +
  • Installation
  • + + + + + + +
  • Photography
  • + +
  • Microbiology
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Christian Rauch / STATE Festival

+ +

A quick tour behind the scenes of STATE Experience Science, a collective of independent scientists, artists and cultural producers, working to make science accessible and facilitate creativity without borders. Last year's STATE Festival featured 4 days of events in 2 locations in the heart of Berlin. Over 100 contributing scientists, artists and filmmakers from more than 20 countries took part in talks, exhibitions, films, performances, workshops, panels and interactive science formats.

+ +
About Christian Rauch
+

Christian is a physicist with passion for science and the things beyond. Since having resurfaced from a deep dive into academic research, he turned his focus towards the more general impacts of science in society and has been involved in initiating several science outreach initiatives. In 2014 he founded STATE Experience Science, a collective of scientists and artists exploring new ways of engaging with scientific topics.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Nenad Popov / Ways of Knowing

+ +

Reflection on the State festival. Inspiration through science. Towards embedding citizen science in artistic practice.

+ +
About Nenad Popov
+

Nenad Popov is a media anarchist with a focus on live cinema pieces, sound installations, film installations, weird sound making contraptions and occasional parasitism on public cultural funds. He has collaborated with artists such as Daan Brinkmann, Electronic Opera, Erfan Abdi, Klara Ravat, Lillevan and his works have been exhibited at Sonic Acts, Dis-Patch, TodaysArt, E-Pulse, Share and Ars Electronica.

+ + + + Website + + +
+

Artist's Video

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pablo Rojas / 19th century maladies vs. 'the wonders of science' calendar syndrome

+ +

The everyday growing branches of science, especially biology, hold the possibility to provide the general public with an infinite variety of innovative topics and colorful images. Such information could potentially be used as a novel source of inspiration for the creation of art pieces. Although the aesthetics of such practice may look appealing on a first instance, it is important to draw a clear line between the visual representation of scientific content and a more appropriate collaboration between science and the arts. A better understanding of the history and significance of science in society would undoubtedly facilitate the collaboration with other disciplines of human knowledge.

+ +
About Pablo Rojas
+

Pablo Rojas is a photographer and microbiologist who draws just as much from experimental art as from biological experimentation. His artistic work has been exhibited at shows in Quito, Dublin, London, Sarajevo, Braunschweig, Bogota, and Berlin. In 2015, he will complete a DAAD Fellowship and receive his PhD. in medical microbiology from the Charité Universitätsmedizin Berlin.

+ + + + Website + + + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/2015/05/14/Scope043.html b/_site/2015/05/14/Scope043.html new file mode 100644 index 00000000..98065712 --- /dev/null +++ b/_site/2015/05/14/Scope043.html @@ -0,0 +1,423 @@ + + + + + + + + + Upcoming + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+

#43

+

May 14th, 2015

+
+ +
+
    + + + + + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

/ Upcoming

+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

/ Upcoming

+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+

/ Upcoming

+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + diff --git a/_site/README.md b/_site/README.md new file mode 100644 index 00000000..8525f967 --- /dev/null +++ b/_site/README.md @@ -0,0 +1,15 @@ +# Scope 2015 # + +scopesessions.org +* Built with Jekyll +* 0.0.1 +* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo) + +### Development ### + +1. Install [Jekyll](http://jekyllrb.com) +2. Serve files +``` +#! +jekyll serve +``` diff --git a/_site/about/index.html b/_site/about/index.html new file mode 100644 index 00000000..bb0c6961 --- /dev/null +++ b/_site/about/index.html @@ -0,0 +1,457 @@ + + + + + + + + + About + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+ +
+ +

About

+ +
+ +
+ +
+
+
Scope Sessions Artist talks & media salon
+

Scope is a meeting point for the creative and the curious, a platform for sharing and learning in an informal setting. Guest artists are invited to present a project, a concept, a process or an experience. The presentations are short, around 40 minutes and unrestricted in form. Each session offers a variety of topics and approaches; Scope is about exposure, not for the artist, but for the audience. If you wish to share at one of our sessions send us a mail to mail [at] scopesessions [dot] org. Our focus is on intermedia arts and technologies, but we love to be surprised..! +

+ +

Doors open from 7pm - Programme starting 8pm

+
+
+ +
+
+
How to find us
+ +

S-Bahn: S41/S42 (Ring) Wedding U-Bahn: U6 Wedding, U8 Gesundbrunnen Bus: M27 Wedding

+ +

Panke e.V. Gerichtstr. 23, Hof 5 13347 Berlin Wedding

+
+ +
+
Supported by
+
+

Thanks Panke, NK and Atelier Äuglein for hosting our event and Troika Ranch for the valuable support

+ +
+
+
+ +
Team
+ +

SCOPE SESSIONS are curated & realised by a team, that shares passion for visual arts, experimental crossovers of sound and video, multimedia experiences, human interactions and computer technologies.

+

We started in summer 2011 with our first session, developed in cooperation with and hosted by Atelier Überall (now Atelier Äuglein)

+

Since then we invited artists to share their unique approaches to an increasing audience. Hope you like it! See you at one of our sessions.

+ +
+ +
+ + +
+ +
+ + + +
Former team members and collaborators
+ + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + + + + diff --git a/_site/artists/index.html b/_site/artists/index.html new file mode 100644 index 00000000..cd55e0cb --- /dev/null +++ b/_site/artists/index.html @@ -0,0 +1,2675 @@ + + + + + + + + + Artists + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+ +
+

Artists

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ + + + + + + diff --git a/_site/assets/aa_logo.png b/_site/assets/aa_logo.png new file mode 100644 index 00000000..d0b662cb Binary files /dev/null and b/_site/assets/aa_logo.png differ diff --git a/_site/assets/bgphotos/0.png b/_site/assets/bgphotos/0.png new file mode 100644 index 00000000..946b0cd1 Binary files /dev/null and b/_site/assets/bgphotos/0.png differ diff --git a/_site/assets/bgphotos/1.png b/_site/assets/bgphotos/1.png new file mode 100644 index 00000000..71cc4dff Binary files /dev/null and b/_site/assets/bgphotos/1.png differ diff --git a/_site/assets/bgphotos/10.png b/_site/assets/bgphotos/10.png new file mode 100644 index 00000000..4c8f7c2c Binary files /dev/null and b/_site/assets/bgphotos/10.png differ diff --git a/_site/assets/bgphotos/11.png b/_site/assets/bgphotos/11.png new file mode 100644 index 00000000..c9f36f38 Binary files /dev/null and b/_site/assets/bgphotos/11.png differ diff --git a/_site/assets/bgphotos/2.png b/_site/assets/bgphotos/2.png new file mode 100644 index 00000000..98886d1a Binary files /dev/null and b/_site/assets/bgphotos/2.png differ diff --git a/_site/assets/bgphotos/3.png b/_site/assets/bgphotos/3.png new file mode 100644 index 00000000..b0b07a5e Binary files /dev/null and b/_site/assets/bgphotos/3.png differ diff --git a/_site/assets/bgphotos/4.png b/_site/assets/bgphotos/4.png new file mode 100644 index 00000000..0a94f827 Binary files /dev/null and b/_site/assets/bgphotos/4.png differ diff --git a/_site/assets/bgphotos/5.png b/_site/assets/bgphotos/5.png new file mode 100644 index 00000000..d823d427 Binary files /dev/null and b/_site/assets/bgphotos/5.png differ diff --git a/_site/assets/bgphotos/6.png b/_site/assets/bgphotos/6.png new file mode 100644 index 00000000..b1e83a5f Binary files /dev/null and b/_site/assets/bgphotos/6.png differ diff --git a/_site/assets/bgphotos/7.png b/_site/assets/bgphotos/7.png new file mode 100644 index 00000000..c9db489e Binary files /dev/null and b/_site/assets/bgphotos/7.png differ diff --git a/_site/assets/bgphotos/8.png b/_site/assets/bgphotos/8.png new file mode 100644 index 00000000..def50a35 Binary files /dev/null and b/_site/assets/bgphotos/8.png differ diff --git a/_site/assets/bgphotos/9.png b/_site/assets/bgphotos/9.png new file mode 100644 index 00000000..98c764d5 Binary files /dev/null and b/_site/assets/bgphotos/9.png differ diff --git a/_site/assets/bgphotos/overlay.png b/_site/assets/bgphotos/overlay.png new file mode 100644 index 00000000..39a75c6d Binary files /dev/null and b/_site/assets/bgphotos/overlay.png differ diff --git a/_site/assets/nk_logo.png b/_site/assets/nk_logo.png new file mode 100644 index 00000000..232b5f5c Binary files /dev/null and b/_site/assets/nk_logo.png differ diff --git a/_site/assets/no_artist_media.png b/_site/assets/no_artist_media.png new file mode 100644 index 00000000..b768a9c9 Binary files /dev/null and b/_site/assets/no_artist_media.png differ diff --git a/_site/assets/panke_logo.png b/_site/assets/panke_logo.png new file mode 100644 index 00000000..9f0e3629 Binary files /dev/null and b/_site/assets/panke_logo.png differ diff --git a/_site/assets/scope_logo.png b/_site/assets/scope_logo.png new file mode 100644 index 00000000..54b6a15c Binary files /dev/null and b/_site/assets/scope_logo.png differ diff --git a/_site/assets/scope_logo_big.png b/_site/assets/scope_logo_big.png new file mode 100644 index 00000000..43d09d3e Binary files /dev/null and b/_site/assets/scope_logo_big.png differ diff --git a/_site/assets/scope_team.jpg b/_site/assets/scope_team.jpg new file mode 100644 index 00000000..dcec1668 Binary files /dev/null and b/_site/assets/scope_team.jpg differ diff --git a/_site/assets/scope_team_2.jpg b/_site/assets/scope_team_2.jpg new file mode 100644 index 00000000..f9905ef0 Binary files /dev/null and b/_site/assets/scope_team_2.jpg differ diff --git a/_site/assets/troika_logo.png b/_site/assets/troika_logo.png new file mode 100644 index 00000000..7e5502ae Binary files /dev/null and b/_site/assets/troika_logo.png differ diff --git a/_site/bower.json b/_site/bower.json new file mode 100644 index 00000000..715768ef --- /dev/null +++ b/_site/bower.json @@ -0,0 +1,26 @@ +{ + "name": "ScopeJekyll", + "version": "0.0.0", + "authors": [ + "Open-Steps.org " + ], + "description": "Scope 2015 website built with Jekyll", + "license": "MIT", + "homepage": "http://www.scopesessions.org", + "private": true, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "dependencies": { + "jquery": "~2.1.1", + "bootstrap": "~3.3.1", + "vegas": "~1.3.5", + "imagefill.js": "*", + "fontawesome": "~4.3.0", + "picbookjs": "~0.3.0" + } +} diff --git a/_site/call-for-talks/index.html b/_site/call-for-talks/index.html new file mode 100644 index 00000000..0b68742e --- /dev/null +++ b/_site/call-for-talks/index.html @@ -0,0 +1,340 @@ + + + + + + + + + Call for talks + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+ +
+ +
+

Call for talks

+
+ +
+
+
+ +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + + + + diff --git a/_site/css/custom.css b/_site/css/custom.css new file mode 100644 index 00000000..2db4b394 --- /dev/null +++ b/_site/css/custom.css @@ -0,0 +1,372 @@ +/*blue 2098d1 +lila 9775af*/ +body { + color: #fff; + font-family: 'Abel', sans-serif; + font-size: 16px; +} +h3 { + color: #fff; +} +a { + color: #9775af; +} +a:hover { + text-decoration: none; + color: #9775af; + cursor: pointer; +} +.small-text{ + font-size: 14px; +} +.left{ + float:left; +} +.right{ + float:right; +} +.menu-icon{ + font-size: 20px; + padding-left: 10px; + padding-right: 10px; +} +.menu-icon-big{ + font-size: 24px; + padding-left: 10px; + padding-right: 10px; +} +.top-button { + opacity:0.0; + -moz-opacity:0.0 + filter:alpha(opacity=0.0); + float: right; + margin-right: 10px; +} +.navbar-header { + width: 100%; + font-size: 20px; + margin-left:0px; + margin-right:0px; +} +.navbar-options { + padding: 10px; + float: right; +} +.navbar-brand img { + height: 40px; + margin-top:-10px; +} +.navbar-header a { + color: #000; +} +.navbar-nav li a { + color: #000; + border-bottom: 4px solid #f8f8f8; +} +.navbar-nav li a:hover { + color: #9775af; + border-bottom: 4px solid #9775af; +} +.navigator { + padding: 20px; + background: #fff; + margin-top: 40px; + border-top: 1px solid #333; + display: none; +} +.navigator h4 { + +} +.navigator a { + color: #000; +} +.navigator p { + color: #000; + padding-left:10px; +} +.navigator a:hover { + color: #fff; +} +.navigator li { + float: left; + margin: 4px; +} +.navigator h3 { + color: #9775af; +} +.navigator h4 { + color: #9775af; + padding: 10px; +} +.share-page li{ + float:left; +} +.share-page i{ + font-size:30px; + padding: 4px; +} +.upcoming { + padding: 10px; +} +.upcoming-media { + width: 100px; + height: 80px; + padding: 0px 10px; + float: left; + margin-right: 10px; + margin-left: 4px; +} +.upcoming-media img { + width:100%; +} +.upcoming-detail p{ + margin: 0px; +} +.site-header { + background: #fff; +} +.site-footer { + color: #fff; +} +.content { + margin-top: 40px; +} +.event-info { + height: 100%; +} +.event-info a { + margin-right: 0px; +} +.event-info p { + color: #fff; + padding-right: 0px; +} +.event-info h3 { + font-size: 96px; + padding-right: 0px; +} +.event-info h4 { + font-size: 18px; + font-weight: normal; + padding-right: 0px; +} +.event-info ul { + padding-right: 0px; + width: 100%; + text-align: right; +} +.event-info li { + list-style: none; + padding: 0px 10px 4px 0px; + color: #CCC; + font-size:16px; +} +.event-date { + text-align: right; + margin-right: 10px; + width: 100%; +} +.artist-media { + width: 100%; + height: 140px; + background: #000; +} +.artist-media { + background: #000; + text-align: center; +} +.artist-media img { + width: 100%; +} +.event { + margin-bottom: 10px; +} +.highlight { + background: #fff; + color: #000; + padding: 2px 10px; +} +.dark_bg { + background: rgb(0, 0, 0) transparent; + background: rgba(0, 0, 0, 0.6); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)"; +} +.white_bg { + background: rgb(255,255,255) transparent; + background: rgba(255,255,255, 0.8); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF)"; +} +.transp-bg { + background: rgb(255,255,255) transparent; + background: rgba(255,255,255, 0.2); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF)"; +} +.padded{ + padding: 10px; +} +.padded_vert{ + padding: 10px 0px; +} +.talk { + padding: 20px 5px; +} +.talk:hover {} .talk-detail {} .talk-detail h3 { + font-size: 24px; +} +.talk-detail h4 { + font-size: 20px; + background: #fff; + color: #000; + padding: 4px; +} +.talk-detail h5 { + font-size: 18px; + background: #fff; + color: #000; + padding: 4px; +} +.talk-detail a { + margin: 0 auto; + padding: 2px; + float: center; + text-weight: bold; +} +.event-selector { + text-align: center; +} +.event-selector ul { + list-style: none; +} +.event-selector li { + float: left; + margin: 10px; +} +.event-selector a { + display: block; + color: #fff; + font-size: 20px; +} +.gallery { + margin-bottom: 10px; +} +.team ul{ + padding-left: 0px; +} +.team li { + list-style-type: none; +} +.team-image img { + width: 100%; +} +.team-list { + text-align: left; +} +.nav_bottom { + margin-bottom: 10px; +} +.page-title { + text-align: right; + padding-right: 20px; +} +.page-title h3 { + margin-top: 0px; + font-size: 48px; +} +.about h5 { + font-size: 18px; + background: #fff; + color: #000; + padding: 4px; +} +.call-for-talks{ + height: 1600px; +} +.footer { + margin-top: 10px; + background: #fff; +} +.footer li { + list-style-type: none; + float: left; + margin: 10px; +} +.footer h4 { + list-style-type: none; + background: #fff; + color: #000; + padding: 4px; +} +.supporters li { + list-style: none; + float: left; +} +.supporters li img { + height: 40px; + margin: 4px; +} +.footer-support { + float: right; +} +.footer li { + font-size: 24px; + margin-right: 4px; +} +.footer li a:hover { + color: #000; + font-size: 24px; +} +.footer li img { + height: 40px; +} +.picbook .album-title { + display:none; +} +.picbook .photo-list .photo-list-item .item-thumb { + max-width: 100px; +} +#mc_embed_signup { + background: #fff; + clear: left; + color: #333; + font-weight: normal; + padding:0px; +} +#mc_embed_signup form{ + padding-left: 10px; +} +.mc-field-group label{ + color:#333; + font-weight: normal; +} +#mc_embed_signup .button { + background-color: #9775af; + clear: both; + border: 0px none; + border-radius: 4px; + color: #FFF; + cursor: pointer; + display: inline-block; + font-size: 15px; + font-weight: bold; + height: 32px; + line-height: 32px; + margin: 10px 5px 10px 0px; + padding: 0px 22px; + text-align: center; + text-decoration: none; + vertical-align: top; + white-space: nowrap; + width: auto; +} +#mc_embed_signup .mc-field-group input { + display: block; + width: 100%; + padding: 8px 0px; + text-indent: 2%; +} +#mc_embed_signup input { + border: 1px solid #999; +} diff --git a/_site/css/hover-min.css b/_site/css/hover-min.css new file mode 100755 index 00000000..c60c5052 --- /dev/null +++ b/_site/css/hover-min.css @@ -0,0 +1,12 @@ +/*! + * Hover.css (http://ianlunn.github.io/Hover/) + * Version: 2.0.0 + * Author: Ian Lunn @IanLunn + * Author URL: http://ianlunn.co.uk/ + * Github: https://github.com/IanLunn/Hover + + * Made available under a MIT License: + * http://www.opensource.org/licenses/mit-license.php + + * Hover.css Copyright Ian Lunn 2014. Generated with Sass. + */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098d1,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098d1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098d1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098d1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-left:2.2em;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-float-away:after,.hvr-icon-float-away:before{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-sink-away:after,.hvr-icon-sink-away:before{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px} \ No newline at end of file diff --git a/_site/css/hover.css b/_site/css/hover.css new file mode 100755 index 00000000..f815d30c --- /dev/null +++ b/_site/css/hover.css @@ -0,0 +1,4835 @@ +/*! + * Hover.css (http://ianlunn.github.io/Hover/) + * Version: 2.0.0 + * Author: Ian Lunn @IanLunn + * Author URL: http://ianlunn.co.uk/ + * Github: https://github.com/IanLunn/Hover + + * Made available under a MIT License: + * http://www.opensource.org/licenses/mit-license.php + + * Hover.css Copyright Ian Lunn 2014. Generated with Sass. + */ +/* 2D TRANSITIONS */ +/* Grow */ +.hvr-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +/* Shrink */ +.hvr-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} + +/* Pulse */ +@-webkit-keyframes hvr-pulse { + 25% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 75% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} + +@keyframes hvr-pulse { + 25% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 75% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} + +.hvr-pulse { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { + -webkit-animation-name: hvr-pulse; + animation-name: hvr-pulse; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Pulse Grow */ +@-webkit-keyframes hvr-pulse-grow { + to { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } +} + +@keyframes hvr-pulse-grow { + to { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } +} + +.hvr-pulse-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { + -webkit-animation-name: hvr-pulse-grow; + animation-name: hvr-pulse-grow; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Pulse Shrink */ +@-webkit-keyframes hvr-pulse-shrink { + to { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} + +@keyframes hvr-pulse-shrink { + to { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} + +.hvr-pulse-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { + -webkit-animation-name: hvr-pulse-shrink; + animation-name: hvr-pulse-shrink; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Push */ +@-webkit-keyframes hvr-push { + 50% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes hvr-push { + 50% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.hvr-push { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-push:hover, .hvr-push:focus, .hvr-push:active { + -webkit-animation-name: hvr-push; + animation-name: hvr-push; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Pop */ +@-webkit-keyframes hvr-pop { + 50% { + -webkit-transform: scale(1.2); + transform: scale(1.2); + } +} + +@keyframes hvr-pop { + 50% { + -webkit-transform: scale(1.2); + transform: scale(1.2); + } +} + +.hvr-pop { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { + -webkit-animation-name: hvr-pop; + animation-name: hvr-pop; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Bounce In */ +.hvr-bounce-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { + -webkit-transform: scale(1.2); + transform: scale(1.2); + -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); + transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); +} + +/* Bounce Out */ +.hvr-bounce-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { + -webkit-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); + transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); +} + +/* Rotate */ +.hvr-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { + -webkit-transform: rotate(4deg); + transform: rotate(4deg); +} + +/* Grow Rotate */ +.hvr-grow-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { + -webkit-transform: scale(1.1) rotate(4deg); + transform: scale(1.1) rotate(4deg); +} + +/* Float */ +.hvr-float { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-float:hover, .hvr-float:focus, .hvr-float:active { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); +} + +/* Sink */ +.hvr-sink { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { + -webkit-transform: translateY(8px); + transform: translateY(8px); +} + +/* Bob */ +@-webkit-keyframes hvr-bob { + 0% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } + + 50% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + } + + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} + +@keyframes hvr-bob { + 0% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } + + 50% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + } + + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} + +@-webkit-keyframes hvr-bob-float { + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} + +@keyframes hvr-bob-float { + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} + +.hvr-bob { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { + -webkit-animation-name: hvr-bob-float, hvr-bob; + animation-name: hvr-bob-float, hvr-bob; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Hang */ +@-webkit-keyframes hvr-hang { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + + 50% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} + +@keyframes hvr-hang { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + + 50% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} + +@-webkit-keyframes hvr-hang-sink { + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} + +@keyframes hvr-hang-sink { + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} + +.hvr-hang { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { + -webkit-animation-name: hvr-hang-sink, hvr-hang; + animation-name: hvr-hang-sink, hvr-hang; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Skew */ +.hvr-skew { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { + -webkit-transform: skew(-10deg); + transform: skew(-10deg); +} + +/* Skew Forward */ +.hvr-skew-forward { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { + -webkit-transform: skew(-10deg); + transform: skew(-10deg); +} + +/* Skew Backward */ +.hvr-skew-backward { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { + -webkit-transform: skew(10deg); + transform: skew(10deg); +} + +/* Wobble Vertical */ +@-webkit-keyframes hvr-wobble-vertical { + 16.65% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + + 33.3% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes hvr-wobble-vertical { + 16.65% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + + 33.3% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.hvr-wobble-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { + -webkit-animation-name: hvr-wobble-vertical; + animation-name: hvr-wobble-vertical; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Horizontal */ +@-webkit-keyframes hvr-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(8px); + transform: translateX(8px); + } + + 33.3% { + -webkit-transform: translateX(-6px); + transform: translateX(-6px); + } + + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes hvr-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(8px); + transform: translateX(8px); + } + + 33.3% { + -webkit-transform: translateX(-6px); + transform: translateX(-6px); + } + + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.hvr-wobble-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { + -webkit-animation-name: hvr-wobble-horizontal; + animation-name: hvr-wobble-horizontal; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble To Bottom Right */ +@-webkit-keyframes hvr-wobble-to-bottom-right { + 16.65% { + -webkit-transform: translate(8px, 8px); + transform: translate(8px, 8px); + } + + 33.3% { + -webkit-transform: translate(-6px, -6px); + transform: translate(-6px, -6px); + } + + 49.95% { + -webkit-transform: translate(4px, 4px); + transform: translate(4px, 4px); + } + + 66.6% { + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); + } + + 83.25% { + -webkit-transform: translate(1px, 1px); + transform: translate(1px, 1px); + } + + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} + +@keyframes hvr-wobble-to-bottom-right { + 16.65% { + -webkit-transform: translate(8px, 8px); + transform: translate(8px, 8px); + } + + 33.3% { + -webkit-transform: translate(-6px, -6px); + transform: translate(-6px, -6px); + } + + 49.95% { + -webkit-transform: translate(4px, 4px); + transform: translate(4px, 4px); + } + + 66.6% { + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); + } + + 83.25% { + -webkit-transform: translate(1px, 1px); + transform: translate(1px, 1px); + } + + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} + +.hvr-wobble-to-bottom-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { + -webkit-animation-name: hvr-wobble-to-bottom-right; + animation-name: hvr-wobble-to-bottom-right; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble To Top Right */ +@-webkit-keyframes hvr-wobble-to-top-right { + 16.65% { + -webkit-transform: translate(8px, -8px); + transform: translate(8px, -8px); + } + + 33.3% { + -webkit-transform: translate(-6px, 6px); + transform: translate(-6px, 6px); + } + + 49.95% { + -webkit-transform: translate(4px, -4px); + transform: translate(4px, -4px); + } + + 66.6% { + -webkit-transform: translate(-2px, 2px); + transform: translate(-2px, 2px); + } + + 83.25% { + -webkit-transform: translate(1px, -1px); + transform: translate(1px, -1px); + } + + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} + +@keyframes hvr-wobble-to-top-right { + 16.65% { + -webkit-transform: translate(8px, -8px); + transform: translate(8px, -8px); + } + + 33.3% { + -webkit-transform: translate(-6px, 6px); + transform: translate(-6px, 6px); + } + + 49.95% { + -webkit-transform: translate(4px, -4px); + transform: translate(4px, -4px); + } + + 66.6% { + -webkit-transform: translate(-2px, 2px); + transform: translate(-2px, 2px); + } + + 83.25% { + -webkit-transform: translate(1px, -1px); + transform: translate(1px, -1px); + } + + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} + +.hvr-wobble-to-top-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { + -webkit-animation-name: hvr-wobble-to-top-right; + animation-name: hvr-wobble-to-top-right; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Top */ +@-webkit-keyframes hvr-wobble-top { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} + +@keyframes hvr-wobble-top { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} + +.hvr-wobble-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { + -webkit-animation-name: hvr-wobble-top; + animation-name: hvr-wobble-top; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Bottom */ +@-webkit-keyframes hvr-wobble-bottom { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} + +@keyframes hvr-wobble-bottom { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} + +.hvr-wobble-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { + -webkit-animation-name: hvr-wobble-bottom; + animation-name: hvr-wobble-bottom; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Skew */ +@-webkit-keyframes hvr-wobble-skew { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} + +@keyframes hvr-wobble-skew { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} + +.hvr-wobble-skew { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { + -webkit-animation-name: hvr-wobble-skew; + animation-name: hvr-wobble-skew; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Buzz */ +@-webkit-keyframes hvr-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} + +@keyframes hvr-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} + +.hvr-buzz { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { + -webkit-animation-name: hvr-buzz; + animation-name: hvr-buzz; + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Buzz Out */ +@-webkit-keyframes hvr-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} + +@keyframes hvr-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} + +.hvr-buzz-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} +.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { + -webkit-animation-name: hvr-buzz-out; + animation-name: hvr-buzz-out; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* BACKGROUND TRANSITIONS */ +/* Fade */ +.hvr-fade { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + overflow: hidden; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; +} +.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { + background-color: #9775af; + color: white; +} + +/* Sweep To Right */ +.hvr-sweep-to-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-right:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { + color: white; +} +.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +/* Sweep To Left */ +.hvr-sweep-to-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-left:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { + color: white; +} +.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +/* Sweep To Bottom */ +.hvr-sweep-to-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-bottom:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { + color: white; +} +.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); +} + +/* Sweep To Top */ +.hvr-sweep-to-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-top:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { + color: white; +} +.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); +} + +/* Bounce To Right */ +.hvr-bounce-to-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-right:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { + color: white; +} +.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Bounce To Left */ +.hvr-bounce-to-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-left:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { + color: white; +} +.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Bounce To Bottom */ +.hvr-bounce-to-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-bottom:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { + color: white; +} +.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Bounce To Top */ +.hvr-bounce-to-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-top:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { + color: white; +} +.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Radial Out */ +.hvr-radial-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-radial-out:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + border-radius: 100%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { + color: white; +} +.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { + -webkit-transform: scale(2); + transform: scale(2); +} + +/* Radial In */ +.hvr-radial-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; + background: #9775af; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-radial-in:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #e1e1e1; + border-radius: 100%; + -webkit-transform: scale(2); + transform: scale(2); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { + color: white; +} +.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { + -webkit-transform: scale(0); + transform: scale(0); +} + +/* Rectangle In */ +.hvr-rectangle-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + background: #9775af; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-rectangle-in:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #e1e1e1; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { + color: white; +} +.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { + -webkit-transform: scale(0); + transform: scale(0); +} + +/* Rectangle Out */ +.hvr-rectangle-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-rectangle-out:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { + color: white; +} +.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { + -webkit-transform: scale(1); + transform: scale(1); +} + +/* Shutter In Horizontal */ +.hvr-shutter-in-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + background: #9775af; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-in-horizontal:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #e1e1e1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { + color: white; +} +.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { + -webkit-transform: scaleX(0); + transform: scaleX(0); +} + +/* Shutter Out Horizontal */ +.hvr-shutter-out-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-out-horizontal:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #9775af; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { + color: white; +} +.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +/* Shutter In Vertical */ +.hvr-shutter-in-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + background: #9775af; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-in-vertical:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #e1e1e1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { + color: white; +} +.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { + -webkit-transform: scaleY(0); + transform: scaleY(0); +} + +/* Shutter Out Vertical */ +.hvr-shutter-out-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-out-vertical:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #9775af; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { + color: white; +} +.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); +} + +/* BORDER TRANSITIONS */ +/* Border Fade */ +.hvr-border-fade { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; + box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} +.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { + box-shadow: inset 0 0 0 4px #9775af, 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} + +/* Hollow */ +.hvr-hollow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: background; + transition-property: background; + box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} +.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { + background: none; +} + +/* Trim */ +.hvr-trim { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-trim:before { + content: ''; + position: absolute; + border: white solid 4px; + top: 4px; + left: 4px; + right: 4px; + bottom: 4px; + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { + opacity: 1; +} + +/* Ripple Out */ +@-webkit-keyframes hvr-ripple-out { + 100% { + top: -12px; + right: -12px; + bottom: -12px; + left: -12px; + opacity: 0; + } +} + +@keyframes hvr-ripple-out { + 100% { + top: -12px; + right: -12px; + bottom: -12px; + left: -12px; + opacity: 0; + } +} + +.hvr-ripple-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-ripple-out:before { + content: ''; + position: absolute; + border: #e1e1e1 solid 6px; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { + -webkit-animation-name: hvr-ripple-out; + animation-name: hvr-ripple-out; +} + +/* Ripple In */ +@-webkit-keyframes hvr-ripple-in { + 100% { + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + } +} + +@keyframes hvr-ripple-in { + 100% { + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + } +} + +.hvr-ripple-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-ripple-in:before { + content: ''; + position: absolute; + border: #e1e1e1 solid 4px; + top: -12px; + right: -12px; + bottom: -12px; + left: -12px; + opacity: 0; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { + -webkit-animation-name: hvr-ripple-in; + animation-name: hvr-ripple-in; +} + +/* Outline Out */ +.hvr-outline-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-outline-out:before { + content: ''; + position: absolute; + border: #e1e1e1 solid 4px; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: top, right, bottom, left; + transition-property: top, right, bottom, left; +} +.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { + top: -8px; + right: -8px; + bottom: -8px; + left: -8px; +} + +/* Outline In */ +.hvr-outline-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-outline-in:before { + pointer-events: none; + content: ''; + position: absolute; + border: #e1e1e1 solid 4px; + top: -16px; + right: -16px; + bottom: -16px; + left: -16px; + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: top, right, bottom, left; + transition-property: top, right, bottom, left; +} +.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { + top: -8px; + right: -8px; + bottom: -8px; + left: -8px; + opacity: 1; +} + +/* Round Corners */ +.hvr-round-corners { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: border-radius; + transition-property: border-radius; +} +.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { + border-radius: 1em; +} + +/* Underline From Left */ +.hvr-underline-from-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-underline-from-left:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 100%; + bottom: 0; + background: #9775af; + height: 4px; + -webkit-transition-property: right; + transition-property: right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { + right: 0; +} + +/* Underline From Center */ +.hvr-underline-from-center { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-underline-from-center:before { + content: ""; + position: absolute; + z-index: -1; + left: 50%; + right: 50%; + bottom: 0; + background: #9775af; + height: 4px; + -webkit-transition-property: left, right; + transition-property: left, right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { + left: 0; + right: 0; +} + +/* Underline From Right */ +.hvr-underline-from-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-underline-from-right:before { + content: ""; + position: absolute; + z-index: -1; + left: 100%; + right: 0; + bottom: 0; + background: #9775af; + height: 4px; + -webkit-transition-property: left; + transition-property: left; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { + left: 0; +} + +/* Overline From Left */ +.hvr-overline-from-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-overline-from-left:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 100%; + top: 0; + background: #9775af; + height: 4px; + -webkit-transition-property: right; + transition-property: right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { + right: 0; +} + +/* Overline From Center */ +.hvr-overline-from-center { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-overline-from-center:before { + content: ""; + position: absolute; + z-index: -1; + left: 50%; + right: 50%; + top: 0; + background: #9775af; + height: 4px; + -webkit-transition-property: left, right; + transition-property: left, right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { + left: 0; + right: 0; +} + +/* Overline From Right */ +.hvr-overline-from-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-overline-from-right:before { + content: ""; + position: absolute; + z-index: -1; + left: 100%; + right: 0; + top: 0; + background: #9775af; + height: 4px; + -webkit-transition-property: left; + transition-property: left; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { + left: 0; +} + +/* Reveal */ +.hvr-reveal { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-reveal:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 0; + top: 0; + bottom: 0; + border-color: #9775af; + border-style: solid; + border-width: 0; + -webkit-transition-property: border-width; + transition-property: border-width; + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { + -webkit-transform: translateY(0); + transform: translateY(0); + border-width: 4px; +} + +/* Underline Reveal */ +.hvr-underline-reveal { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-underline-reveal:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 0; + bottom: 0; + background: #9775af; + height: 4px; + -webkit-transform: translateY(4px); + transform: translateY(4px); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { + -webkit-transform: translateY(0); + transform: translateY(0); +} + +/* Overline Reveal */ +.hvr-overline-reveal { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + overflow: hidden; +} +.hvr-overline-reveal:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 0; + top: 0; + background: #9775af; + height: 4px; + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { + -webkit-transform: translateY(0); + transform: translateY(0); +} + +/* SHADOW/GLOW TRANSITIONS */ +/* Glow */ +.hvr-glow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; +} +.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); +} + +/* Shadow */ +.hvr-shadow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; +} +.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { + box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); +} + +/* Grow Shadow */ +.hvr-grow-shadow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow, transform; + transition-property: box-shadow, transform; +} +.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { + box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +/* Box Shadow Outset */ +.hvr-box-shadow-outset { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; +} +.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); +} + +/* Box Shadow Inset */ +.hvr-box-shadow-inset { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} +.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { + box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} + +/* Float Shadow */ +.hvr-float-shadow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-float-shadow:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + top: 100%; + left: 5%; + height: 10px; + width: 90%; + opacity: 0; + background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); + background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); + /* W3C */ + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform, opacity; + transition-property: transform, opacity; +} +.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + /* move the element up by 5px */ +} +.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { + opacity: 1; + -webkit-transform: translateY(5px); + transform: translateY(5px); + /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ +} + +/* Shadow Radial */ +.hvr-shadow-radial { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-shadow-radial:before, .hvr-shadow-radial:after { + pointer-events: none; + position: absolute; + content: ''; + left: 0; + width: 100%; + box-sizing: border-box; + background-repeat: no-repeat; + height: 5px; + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.hvr-shadow-radial:before { + bottom: 100%; + background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); + background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); +} +.hvr-shadow-radial:after { + top: 100%; + background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); + background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); +} +.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { + opacity: 1; +} + +/* SPEECH BUBBLES */ +/* Bubble Top */ +.hvr-bubble-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-bubble-top:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + left: calc(50% - 10px); + top: 0; + border-width: 0 10px 10px 10px; + border-color: transparent transparent #e1e1e1 transparent; +} +.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} + +/* Bubble Right */ +.hvr-bubble-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-bubble-right:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + top: calc(50% - 10px); + right: 0; + border-width: 10px 0 10px 10px; + border-color: transparent transparent transparent #e1e1e1; +} +.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { + -webkit-transform: translateX(10px); + transform: translateX(10px); +} + +/* Bubble Bottom */ +.hvr-bubble-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-bubble-bottom:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + left: calc(50% - 10px); + bottom: 0; + border-width: 10px 10px 0 10px; + border-color: #e1e1e1 transparent transparent transparent; +} +.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { + -webkit-transform: translateY(10px); + transform: translateY(10px); +} + +/* Bubble Left */ +.hvr-bubble-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-bubble-left:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + top: calc(50% - 10px); + left: 0; + border-width: 10px 10px 10px 0; + border-color: transparent #e1e1e1 transparent transparent; +} +.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} + +/* Bubble Float Top */ +.hvr-bubble-float-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-top:before { + position: absolute; + z-index: -1; + content: ''; + left: calc(50% - 10px); + top: 0; + border-style: solid; + border-width: 0 10px 10px 10px; + border-color: transparent transparent #e1e1e1 transparent; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { + -webkit-transform: translateY(10px); + transform: translateY(10px); +} +.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} + +/* Bubble Float Right */ +.hvr-bubble-float-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-right:before { + position: absolute; + z-index: -1; + top: calc(50% - 10px); + right: 0; + content: ''; + border-style: solid; + border-width: 10px 0 10px 10px; + border-color: transparent transparent transparent #e1e1e1; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} +.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { + -webkit-transform: translateX(10px); + transform: translateX(10px); +} + +/* Bubble Float Bottom */ +.hvr-bubble-float-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-bottom:before { + position: absolute; + z-index: -1; + content: ''; + left: calc(50% - 10px); + bottom: 0; + border-style: solid; + border-width: 10px 10px 0 10px; + border-color: #e1e1e1 transparent transparent transparent; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} +.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { + -webkit-transform: translateY(10px); + transform: translateY(10px); +} + +/* Bubble Float Left */ +.hvr-bubble-float-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-left:before { + position: absolute; + z-index: -1; + content: ''; + top: calc(50% - 10px); + left: 0; + border-style: solid; + border-width: 10px 10px 10px 0; + border-color: transparent #e1e1e1 transparent transparent; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { + -webkit-transform: translateX(10px); + transform: translateX(10px); +} +.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} + +/* ICONS */ +/* Icon Back */ +.hvr-icon-back { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-left: 2.2em; + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.hvr-icon-back:before { + content: "\f137"; + position: absolute; + left: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { + -webkit-transform: translateX(-4px); + transform: translateX(-4px); +} + +/* Icon Forward */ +.hvr-icon-forward { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.hvr-icon-forward:before { + content: "\f138"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { + -webkit-transform: translateX(4px); + transform: translateX(4px); +} + +/* Icon Down */ +@-webkit-keyframes hvr-icon-down { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 25%, + 75% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} + +@keyframes hvr-icon-down { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 25%, + 75% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} + +/* Icon Down */ +.hvr-icon-down { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-down:before { + content: "\f01a"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { + -webkit-animation-name: hvr-icon-down; + animation-name: hvr-icon-down; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Up */ +@-webkit-keyframes hvr-icon-up { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 25%, + 75% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} + +@keyframes hvr-icon-up { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 25%, + 75% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} + +/* Icon Up */ +.hvr-icon-up { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-up:before { + content: "\f01b"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { + -webkit-animation-name: hvr-icon-up; + animation-name: hvr-icon-up; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Spin */ +.hvr-icon-spin { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-spin:before { + content: "\f021"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transition-duration: 1s; + transition-duration: 1s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); +} + +/* Icon Drop */ +@-webkit-keyframes hvr-icon-drop { + 0% { + opacity: 0; + } + + 50% { + opacity: 0; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } + + 51%, + 100% { + opacity: 1; + } +} + +@keyframes hvr-icon-drop { + 0% { + opacity: 0; + } + + 50% { + opacity: 0; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } + + 51%, + 100% { + opacity: 1; + } +} + +/* Icon Drop */ +.hvr-icon-drop { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-drop:before { + content: "\f041"; + position: absolute; + right: 1em; + opacity: 1; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-animation-name: hvr-icon-drop; + animation-name: hvr-icon-drop; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Icon Fade */ +.hvr-icon-fade { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-fade:before { + content: "\f00c"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-property: color; + transition-property: color; +} +.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { + color: #0F9E5E; +} + +/* Icon Float Away */ +@-webkit-keyframes hvr-icon-float-away { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-1em); + transform: translateY(-1em); + } +} + +@keyframes hvr-icon-float-away { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-1em); + transform: translateY(-1em); + } +} + +/* Icon Float Away */ +.hvr-icon-float-away { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-float-away:before, .hvr-icon-float-away:after { + content: "\f055"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; +} +.hvr-icon-float-away:after { + opacity: 0; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { + -webkit-animation-name: hvr-icon-float-away; + animation-name: hvr-icon-float-away; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Sink Away */ +@-webkit-keyframes hvr-icon-sink-away { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translateY(1em); + transform: translateY(1em); + } +} + +@keyframes hvr-icon-sink-away { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translateY(1em); + transform: translateY(1em); + } +} + +/* Icon Sink Away */ +.hvr-icon-sink-away { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-sink-away:before, .hvr-icon-sink-away:after { + content: "\f056"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-sink-away:after { + opacity: 0; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { + -webkit-animation-name: hvr-icon-sink-away; + animation-name: hvr-icon-sink-away; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Grow */ +.hvr-icon-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-grow:before { + content: "\f118"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { + -webkit-transform: scale(1.3) translateZ(0); + transform: scale(1.3) translateZ(0); +} + +/* Icon Shrink */ +.hvr-icon-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-shrink:before { + content: "\f119"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +/* Icon Pulse */ +@-webkit-keyframes hvr-icon-pulse { + 25% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 75% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} + +@keyframes hvr-icon-pulse { + 25% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 75% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} + +.hvr-icon-pulse { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-pulse:before { + content: "\f015"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { + -webkit-animation-name: hvr-icon-pulse; + animation-name: hvr-icon-pulse; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Icon Pulse Grow */ +@-webkit-keyframes hvr-icon-pulse-grow { + to { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } +} + +@keyframes hvr-icon-pulse-grow { + to { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } +} + +.hvr-icon-pulse-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-pulse-grow:before { + content: "\f015"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { + -webkit-animation-name: hvr-icon-pulse-grow; + animation-name: hvr-icon-pulse-grow; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Icon Pulse Shrink */ +@-webkit-keyframes hvr-icon-pulse-shrink { + to { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} + +@keyframes hvr-icon-pulse-shrink { + to { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} + +.hvr-icon-pulse-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; +} +.hvr-icon-pulse-shrink:before { + content: "\f015"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { + -webkit-animation-name: hvr-icon-pulse-shrink; + animation-name: hvr-icon-pulse-shrink; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Icon Push */ +@-webkit-keyframes hvr-icon-push { + 50% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + } +} + +@keyframes hvr-icon-push { + 50% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + } +} + +.hvr-icon-push { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-push:before { + content: "\f006"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { + -webkit-animation-name: hvr-icon-push; + animation-name: hvr-icon-push; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Pop */ +@-webkit-keyframes hvr-icon-pop { + 50% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + } +} + +@keyframes hvr-icon-pop { + 50% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + } +} + +.hvr-icon-pop { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-pop:before { + content: "\f005"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { + -webkit-animation-name: hvr-icon-pop; + animation-name: hvr-icon-pop; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Bounce */ +.hvr-icon-bounce { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-bounce:before { + content: "\f087"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { + -webkit-transform: scale(1.5); + transform: scale(1.5); + -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); + transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); +} + +/* Icon Rotate */ +.hvr-icon-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-rotate:before { + content: "\f0c6"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { + -webkit-transform: rotate(20deg); + transform: rotate(20deg); +} + +/* Icon Grow Rotate */ +.hvr-icon-grow-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-grow-rotate:before { + content: "\f095"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { + -webkit-transform: scale(1.5) rotate(12deg); + transform: scale(1.5) rotate(12deg); +} + +/* Icon Float */ +.hvr-icon-float { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-float:before { + content: "\f01b"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); +} + +/* Icon Sink */ +.hvr-icon-sink { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-sink:before { + content: "\f01a"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { + -webkit-transform: translateY(4px); + transform: translateY(4px); +} + +/* Icon Bob */ +@-webkit-keyframes hvr-icon-bob { + 0% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + + 50% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} + +@keyframes hvr-icon-bob { + 0% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + + 50% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} + +@-webkit-keyframes hvr-icon-bob-float { + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} + +@keyframes hvr-icon-bob-float { + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} + +.hvr-icon-bob { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-bob:before { + content: "\f077"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { + -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; + animation-name: hvr-icon-bob-float, hvr-icon-bob; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Icon Hang */ +@-webkit-keyframes hvr-icon-hang { + 0% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + + 50% { + -webkit-transform: translateY(2px); + transform: translateY(2px); + } + + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} + +@keyframes hvr-icon-hang { + 0% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + + 50% { + -webkit-transform: translateY(2px); + transform: translateY(2px); + } + + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} + +@-webkit-keyframes hvr-icon-hang-sink { + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} + +@keyframes hvr-icon-hang-sink { + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} + +.hvr-icon-hang { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-hang:before { + content: "\f078"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { + -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; + animation-name: hvr-icon-hang-sink, hvr-icon-hang; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Icon Wobble Horizontal */ +@-webkit-keyframes hvr-icon-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(6px); + transform: translateX(6px); + } + + 33.3% { + -webkit-transform: translateX(-5px); + transform: translateX(-5px); + } + + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes hvr-icon-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(6px); + transform: translateX(6px); + } + + 33.3% { + -webkit-transform: translateX(-5px); + transform: translateX(-5px); + } + + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.hvr-icon-wobble-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-wobble-horizontal:before { + content: "\f061"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { + -webkit-animation-name: hvr-icon-wobble-horizontal; + animation-name: hvr-icon-wobble-horizontal; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Wobble Vertical */ +@-webkit-keyframes hvr-icon-wobble-vertical { + 16.65% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + + 33.3% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes hvr-icon-wobble-vertical { + 16.65% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + + 33.3% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.hvr-icon-wobble-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-wobble-vertical:before { + content: "\f062"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { + -webkit-animation-name: hvr-icon-wobble-vertical; + animation-name: hvr-icon-wobble-vertical; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Buzz */ +@-webkit-keyframes hvr-icon-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} + +@keyframes hvr-icon-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} + +.hvr-icon-buzz { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-buzz:before { + content: "\f017"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { + -webkit-animation-name: hvr-icon-buzz; + animation-name: hvr-icon-buzz; + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Icon Buzz Out */ +@-webkit-keyframes hvr-icon-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} + +@keyframes hvr-icon-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} + +.hvr-icon-buzz-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; + padding-right: 2.2em; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-buzz-out:before { + content: "\f023"; + position: absolute; + right: 1em; + padding: 0 1px; + font-family: 'Abel', sans-serif; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { + -webkit-animation-name: hvr-icon-buzz-out; + animation-name: hvr-icon-buzz-out; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* CURLS */ +/* Curl Top Left */ +.hvr-curl-top-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-curl-top-left:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + top: 0; + left: 0; + background: white; + /* IE9 */ + background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); + /*For IE7-8-9*/ + z-index: 1000; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { + width: 25px; + height: 25px; +} + +/* Curl Top Right */ +.hvr-curl-top-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-curl-top-right:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + top: 0; + right: 0; + background: white; + /* IE9 */ + background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); + box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { + width: 25px; + height: 25px; +} + +/* Curl Bottom Right */ +.hvr-curl-bottom-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-curl-bottom-right:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + bottom: 0; + right: 0; + background: white; + /* IE9 */ + background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); + box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { + width: 25px; + height: 25px; +} + +/* Curl Bottom Left */ +.hvr-curl-bottom-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + position: relative; +} +.hvr-curl-bottom-left:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + bottom: 0; + left: 0; + background: white; + /* IE9 */ + background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); + box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { + width: 25px; + height: 25px; +} diff --git a/_site/feed.xml b/_site/feed.xml new file mode 100644 index 00000000..62eee3f6 --- /dev/null +++ b/_site/feed.xml @@ -0,0 +1,114 @@ + + + + Scope Sessions Artist talks & media salon + Scope is a meeting point for the creative and the curious, a platform for sharing and learning in an informal setting. Guest artists are invited to present a project, a concept, a process or an experience. The presentations are short, around 40 minutes and unrestricted in form. Each session offers a variety of topics and approaches; Scope is about exposure, not for the artist, but for the audience. If you wish to share at one of our sessions send us a mail to mail [at] scopesessions [dot] org. Our focus is on intermedia arts and technologies, but we love to be surprised..! + + http://scopesessions.org/ + + Tue, 14 Apr 2015 12:32:54 +0200 + Tue, 14 Apr 2015 12:32:54 +0200 + Jekyll v2.5.2 + + + Upcoming + + + Thu, 14 May 2015 00:00:00 +0200 + http://scopesessions.org/2015/05/14/Scope043.html + http://scopesessions.org/2015/05/14/Scope043.html + + + + + STATE Festival special edition + + + Thu, 09 Apr 2015 00:00:00 +0200 + http://scopesessions.org/2015/04/09/Scope042.html + http://scopesessions.org/2015/04/09/Scope042.html + + + + + SCOPE @ B-Seite + + + Thu, 12 Mar 2015 00:00:00 +0100 + http://scopesessions.org/2015/03/12/Scope041.html + http://scopesessions.org/2015/03/12/Scope041.html + + + + + + + + Thu, 12 Mar 2015 00:00:00 +0100 + http://scopesessions.org/2015/03/12/Scope040.html + http://scopesessions.org/2015/03/12/Scope040.html + + + + + + + + Thu, 08 Jan 2015 00:00:00 +0100 + http://scopesessions.org/2015/01/08/Scope039.html + http://scopesessions.org/2015/01/08/Scope039.html + + + + + + + + Thu, 11 Dec 2014 00:00:00 +0100 + http://scopesessions.org/2014/12/11/Scope038.html + http://scopesessions.org/2014/12/11/Scope038.html + + + + + privacy and online freedom of expression + + + Thu, 13 Nov 2014 00:00:00 +0100 + http://scopesessions.org/2014/11/13/Scope037.html + http://scopesessions.org/2014/11/13/Scope037.html + + + + + + + + Thu, 09 Oct 2014 00:00:00 +0200 + http://scopesessions.org/2014/10/09/Scope036.html + http://scopesessions.org/2014/10/09/Scope036.html + + + + + + + + Thu, 11 Sep 2014 00:00:00 +0200 + http://scopesessions.org/2014/09/11/Scope035.html + http://scopesessions.org/2014/09/11/Scope035.html + + + + + + + + Thu, 10 Jul 2014 00:00:00 +0200 + http://scopesessions.org/2014/07/10/Scope034.html + http://scopesessions.org/2014/07/10/Scope034.html + + + + + diff --git a/_site/images/001 BiofilmStar Pablo Rojas Images of Fascination.jpg b/_site/images/001 BiofilmStar Pablo Rojas Images of Fascination.jpg new file mode 100644 index 00000000..330b1825 Binary files /dev/null and b/_site/images/001 BiofilmStar Pablo Rojas Images of Fascination.jpg differ diff --git a/_site/images/001%20BiofilmStar%20Pablo%20Rojas%20Images%20of%20Fascination.jpg b/_site/images/001%20BiofilmStar%20Pablo%20Rojas%20Images%20of%20Fascination.jpg new file mode 100644 index 00000000..330b1825 Binary files /dev/null and b/_site/images/001%20BiofilmStar%20Pablo%20Rojas%20Images%20of%20Fascination.jpg differ diff --git a/_site/images/04_LS.jpg b/_site/images/04_LS.jpg new file mode 100644 index 00000000..9c43319f Binary files /dev/null and b/_site/images/04_LS.jpg differ diff --git a/_site/images/100220_ff24ef62dbb6d8b5410c2f2b5085a1c4.jpg_srz_p_1102_551_75_22_0.50_1.20_0.00_jpg_srz b/_site/images/100220_ff24ef62dbb6d8b5410c2f2b5085a1c4.jpg_srz_p_1102_551_75_22_0.50_1.20_0.00_jpg_srz new file mode 100644 index 00000000..4cc24e4a Binary files /dev/null and b/_site/images/100220_ff24ef62dbb6d8b5410c2f2b5085a1c4.jpg_srz_p_1102_551_75_22_0.50_1.20_0.00_jpg_srz differ diff --git a/_site/images/10863946_10152566352036448_7601724679990112331_o.jpg b/_site/images/10863946_10152566352036448_7601724679990112331_o.jpg new file mode 100644 index 00000000..5044c77d Binary files /dev/null and b/_site/images/10863946_10152566352036448_7601724679990112331_o.jpg differ diff --git a/_site/images/11372298575_76b899b854.jpg b/_site/images/11372298575_76b899b854.jpg new file mode 100644 index 00000000..a397a86e Binary files /dev/null and b/_site/images/11372298575_76b899b854.jpg differ diff --git a/_site/images/121_transformadietermeier01.jpg b/_site/images/121_transformadietermeier01.jpg new file mode 100644 index 00000000..e1e4aded Binary files /dev/null and b/_site/images/121_transformadietermeier01.jpg differ diff --git a/_site/images/12_Trommelperformance-bei-the-10th-evening-von-Ira-Nimsdorf-480x319.jpg b/_site/images/12_Trommelperformance-bei-the-10th-evening-von-Ira-Nimsdorf-480x319.jpg new file mode 100644 index 00000000..03c2bf5e Binary files /dev/null and b/_site/images/12_Trommelperformance-bei-the-10th-evening-von-Ira-Nimsdorf-480x319.jpg differ diff --git a/_site/images/14606037617_5198f60407.jpg b/_site/images/14606037617_5198f60407.jpg new file mode 100644 index 00000000..b9b5ecfd Binary files /dev/null and b/_site/images/14606037617_5198f60407.jpg differ diff --git a/_site/images/2014_7_28_59_11_9927169.jpg b/_site/images/2014_7_28_59_11_9927169.jpg new file mode 100644 index 00000000..3f850269 Binary files /dev/null and b/_site/images/2014_7_28_59_11_9927169.jpg differ diff --git a/_site/images/255422_PLANCK_FSM_03_Black_1_None.jpg b/_site/images/255422_PLANCK_FSM_03_Black_1_None.jpg new file mode 100644 index 00000000..c3597586 Binary files /dev/null and b/_site/images/255422_PLANCK_FSM_03_Black_1_None.jpg differ diff --git a/_site/images/266632_2121009978527_1044126991_32414311_7638732_o-480x115.jpg b/_site/images/266632_2121009978527_1044126991_32414311_7638732_o-480x115.jpg new file mode 100644 index 00000000..90cd659e Binary files /dev/null and b/_site/images/266632_2121009978527_1044126991_32414311_7638732_o-480x115.jpg differ diff --git a/_site/images/3a82b27dc22cd1acb7f416529e193d80.png b/_site/images/3a82b27dc22cd1acb7f416529e193d80.png new file mode 100644 index 00000000..b337492b Binary files /dev/null and b/_site/images/3a82b27dc22cd1acb7f416529e193d80.png differ diff --git a/_site/images/4192750051_2a7142470e_o-480x356.jpg b/_site/images/4192750051_2a7142470e_o-480x356.jpg new file mode 100644 index 00000000..54ace558 Binary files /dev/null and b/_site/images/4192750051_2a7142470e_o-480x356.jpg differ diff --git a/_site/images/72_MP9B3943_01_web.jpg b/_site/images/72_MP9B3943_01_web.jpg new file mode 100644 index 00000000..19aefd6e Binary files /dev/null and b/_site/images/72_MP9B3943_01_web.jpg differ diff --git a/_site/images/9694_9e8e_500.jpeg b/_site/images/9694_9e8e_500.jpeg new file mode 100644 index 00000000..fe445c59 Binary files /dev/null and b/_site/images/9694_9e8e_500.jpeg differ diff --git a/_site/images/Atlas2.jpg b/_site/images/Atlas2.jpg new file mode 100644 index 00000000..7f5ea48c Binary files /dev/null and b/_site/images/Atlas2.jpg differ diff --git a/_site/images/Bild-1-480x390.png b/_site/images/Bild-1-480x390.png new file mode 100644 index 00000000..a4f5cf2c Binary files /dev/null and b/_site/images/Bild-1-480x390.png differ diff --git a/_site/images/Bild-5-480x352.png b/_site/images/Bild-5-480x352.png new file mode 100644 index 00000000..511e3f12 Binary files /dev/null and b/_site/images/Bild-5-480x352.png differ diff --git a/_site/images/DJL_00045606.jpg b/_site/images/DJL_00045606.jpg new file mode 100644 index 00000000..cbf7e370 Binary files /dev/null and b/_site/images/DJL_00045606.jpg differ diff --git a/_site/images/DSC_3475-480x321.jpg b/_site/images/DSC_3475-480x321.jpg new file mode 100644 index 00000000..de5feca1 Binary files /dev/null and b/_site/images/DSC_3475-480x321.jpg differ diff --git a/_site/images/DSC_3498-480x321.jpg b/_site/images/DSC_3498-480x321.jpg new file mode 100644 index 00000000..33f33cd7 Binary files /dev/null and b/_site/images/DSC_3498-480x321.jpg differ diff --git a/_site/images/DSC_3506-480x321.jpg b/_site/images/DSC_3506-480x321.jpg new file mode 100644 index 00000000..f705378f Binary files /dev/null and b/_site/images/DSC_3506-480x321.jpg differ diff --git a/_site/images/EDMT-Nexus_7-mockup-13.png b/_site/images/EDMT-Nexus_7-mockup-13.png new file mode 100644 index 00000000..96897516 Binary files /dev/null and b/_site/images/EDMT-Nexus_7-mockup-13.png differ diff --git a/_site/images/Elephants_Graveyard_175216_WSpahn.jpg b/_site/images/Elephants_Graveyard_175216_WSpahn.jpg new file mode 100644 index 00000000..efd6e37f Binary files /dev/null and b/_site/images/Elephants_Graveyard_175216_WSpahn.jpg differ diff --git a/_site/images/Eric_Anatomy-e1313241126725.jpg b/_site/images/Eric_Anatomy-e1313241126725.jpg new file mode 100644 index 00000000..d2c48759 Binary files /dev/null and b/_site/images/Eric_Anatomy-e1313241126725.jpg differ diff --git a/_site/images/From-bad-to-worse.-Ruby-I-in-talk-with-Swimsuit-Tissue.-480x359.png b/_site/images/From-bad-to-worse.-Ruby-I-in-talk-with-Swimsuit-Tissue.-480x359.png new file mode 100644 index 00000000..3a1bcaef Binary files /dev/null and b/_site/images/From-bad-to-worse.-Ruby-I-in-talk-with-Swimsuit-Tissue.-480x359.png differ diff --git a/_site/images/Glow.jpg b/_site/images/Glow.jpg new file mode 100644 index 00000000..6cbce550 Binary files /dev/null and b/_site/images/Glow.jpg differ diff --git a/_site/images/Hanging_garden-Remastered_DEF-770x577.jpg b/_site/images/Hanging_garden-Remastered_DEF-770x577.jpg new file mode 100644 index 00000000..8f48f7d2 Binary files /dev/null and b/_site/images/Hanging_garden-Remastered_DEF-770x577.jpg differ diff --git a/_site/images/IMG_0095_small-uriebe.jpg b/_site/images/IMG_0095_small-uriebe.jpg new file mode 100644 index 00000000..b578863b Binary files /dev/null and b/_site/images/IMG_0095_small-uriebe.jpg differ diff --git a/_site/images/IMG_1177-480x360.jpg b/_site/images/IMG_1177-480x360.jpg new file mode 100644 index 00000000..98dffbd3 Binary files /dev/null and b/_site/images/IMG_1177-480x360.jpg differ diff --git a/_site/images/IMG_20110413_230052-480x360.jpg b/_site/images/IMG_20110413_230052-480x360.jpg new file mode 100644 index 00000000..469217db Binary files /dev/null and b/_site/images/IMG_20110413_230052-480x360.jpg differ diff --git a/_site/images/IMG_20130714_163720.jpg b/_site/images/IMG_20130714_163720.jpg new file mode 100644 index 00000000..6b52e07c Binary files /dev/null and b/_site/images/IMG_20130714_163720.jpg differ diff --git a/_site/images/IMG_7972.JPG b/_site/images/IMG_7972.JPG new file mode 100644 index 00000000..ec602045 Binary files /dev/null and b/_site/images/IMG_7972.JPG differ diff --git a/_site/images/KVA_01-480x256.jpg b/_site/images/KVA_01-480x256.jpg new file mode 100644 index 00000000..ac7fb7ee Binary files /dev/null and b/_site/images/KVA_01-480x256.jpg differ diff --git a/_site/images/Konkreet-480x237.jpg b/_site/images/Konkreet-480x237.jpg new file mode 100644 index 00000000..7cb888d7 Binary files /dev/null and b/_site/images/Konkreet-480x237.jpg differ diff --git a/_site/images/M1_greenish_video_vga-480x319.jpg b/_site/images/M1_greenish_video_vga-480x319.jpg new file mode 100644 index 00000000..1e3b14b3 Binary files /dev/null and b/_site/images/M1_greenish_video_vga-480x319.jpg differ diff --git a/_site/images/P1060348-1024x576.jpg b/_site/images/P1060348-1024x576.jpg new file mode 100644 index 00000000..a2cdbfc4 Binary files /dev/null and b/_site/images/P1060348-1024x576.jpg differ diff --git a/_site/images/P1060361-1024x576.jpg b/_site/images/P1060361-1024x576.jpg new file mode 100644 index 00000000..498cb23a Binary files /dev/null and b/_site/images/P1060361-1024x576.jpg differ diff --git a/_site/images/STATE+Logo.jpg b/_site/images/STATE+Logo.jpg new file mode 100644 index 00000000..717e8d5b Binary files /dev/null and b/_site/images/STATE+Logo.jpg differ diff --git a/_site/images/SliderPlanten.jpg b/_site/images/SliderPlanten.jpg new file mode 100644 index 00000000..fd69d6e9 Binary files /dev/null and b/_site/images/SliderPlanten.jpg differ diff --git a/_site/images/Sonus_LocoDice2-240x160.jpg b/_site/images/Sonus_LocoDice2-240x160.jpg new file mode 100644 index 00000000..bc0f2fc5 Binary files /dev/null and b/_site/images/Sonus_LocoDice2-240x160.jpg differ diff --git a/_site/images/State_Logo-A.png b/_site/images/State_Logo-A.png new file mode 100644 index 00000000..de0d7618 Binary files /dev/null and b/_site/images/State_Logo-A.png differ diff --git a/_site/images/The-glow-in-my-soul-300x200.jpg b/_site/images/The-glow-in-my-soul-300x200.jpg new file mode 100644 index 00000000..908292d0 Binary files /dev/null and b/_site/images/The-glow-in-my-soul-300x200.jpg differ diff --git a/_site/images/VanessaRamosVelasquez_PICT0034.jpg b/_site/images/VanessaRamosVelasquez_PICT0034.jpg new file mode 100644 index 00000000..b17b886a Binary files /dev/null and b/_site/images/VanessaRamosVelasquez_PICT0034.jpg differ diff --git a/_site/images/WKV_980px.png b/_site/images/WKV_980px.png new file mode 100644 index 00000000..b49e7f24 Binary files /dev/null and b/_site/images/WKV_980px.png differ diff --git a/_site/images/Wasteland2013-3frame.gif b/_site/images/Wasteland2013-3frame.gif new file mode 100644 index 00000000..574c7dab Binary files /dev/null and b/_site/images/Wasteland2013-3frame.gif differ diff --git a/_site/images/about_d2.jpg b/_site/images/about_d2.jpg new file mode 100644 index 00000000..8c48c891 Binary files /dev/null and b/_site/images/about_d2.jpg differ diff --git a/_site/images/adam.png b/_site/images/adam.png new file mode 100644 index 00000000..1e59a0dd Binary files /dev/null and b/_site/images/adam.png differ diff --git a/_site/images/anfischer_schwarm_VII_01.jpg b/_site/images/anfischer_schwarm_VII_01.jpg new file mode 100644 index 00000000..24f45aff Binary files /dev/null and b/_site/images/anfischer_schwarm_VII_01.jpg differ diff --git a/_site/images/apokalypsegeraet-01-400x300.jpg b/_site/images/apokalypsegeraet-01-400x300.jpg new file mode 100644 index 00000000..ac16712e Binary files /dev/null and b/_site/images/apokalypsegeraet-01-400x300.jpg differ diff --git a/_site/images/auderrose_brentsqar_river_fogg_proseco_blur_lubitel_02.jpg b/_site/images/auderrose_brentsqar_river_fogg_proseco_blur_lubitel_02.jpg new file mode 100644 index 00000000..a576fb50 Binary files /dev/null and b/_site/images/auderrose_brentsqar_river_fogg_proseco_blur_lubitel_02.jpg differ diff --git a/_site/images/berg-1.jpg b/_site/images/berg-1.jpg new file mode 100644 index 00000000..fb0c667f Binary files /dev/null and b/_site/images/berg-1.jpg differ diff --git a/_site/images/bietigheim.jpg b/_site/images/bietigheim.jpg new file mode 100644 index 00000000..698ef8ea Binary files /dev/null and b/_site/images/bietigheim.jpg differ diff --git a/_site/images/commandements-4.jpg b/_site/images/commandements-4.jpg new file mode 100644 index 00000000..f2a6c1d1 Binary files /dev/null and b/_site/images/commandements-4.jpg differ diff --git a/_site/images/cropped-OO_PW_1.jpg b/_site/images/cropped-OO_PW_1.jpg new file mode 100644 index 00000000..0d0b973f Binary files /dev/null and b/_site/images/cropped-OO_PW_1.jpg differ diff --git a/_site/images/ctm-trailer1-416x226.jpg b/_site/images/ctm-trailer1-416x226.jpg new file mode 100644 index 00000000..8aa6d7dc Binary files /dev/null and b/_site/images/ctm-trailer1-416x226.jpg differ diff --git a/_site/images/dm_shilouttes1717-480x360.jpg b/_site/images/dm_shilouttes1717-480x360.jpg new file mode 100644 index 00000000..f1ef7f4d Binary files /dev/null and b/_site/images/dm_shilouttes1717-480x360.jpg differ diff --git a/_site/images/dsc08301.jpg b/_site/images/dsc08301.jpg new file mode 100644 index 00000000..01eb6104 Binary files /dev/null and b/_site/images/dsc08301.jpg differ diff --git a/_site/images/dwojenahustwace.jpg b/_site/images/dwojenahustwace.jpg new file mode 100644 index 00000000..4046d1e9 Binary files /dev/null and b/_site/images/dwojenahustwace.jpg differ diff --git a/_site/images/e01.jpg b/_site/images/e01.jpg new file mode 100644 index 00000000..8572c10b Binary files /dev/null and b/_site/images/e01.jpg differ diff --git a/_site/images/elektra03wp_edt.jpg b/_site/images/elektra03wp_edt.jpg new file mode 100644 index 00000000..4efb378e Binary files /dev/null and b/_site/images/elektra03wp_edt.jpg differ diff --git a/_site/images/fetch.png b/_site/images/fetch.png new file mode 100644 index 00000000..ea8e13a2 Binary files /dev/null and b/_site/images/fetch.png differ diff --git a/_site/images/helmet_thumb.jpg b/_site/images/helmet_thumb.jpg new file mode 100644 index 00000000..45bd101c Binary files /dev/null and b/_site/images/helmet_thumb.jpg differ diff --git a/_site/images/hm13.crop-l-480x348.png b/_site/images/hm13.crop-l-480x348.png new file mode 100644 index 00000000..6729cab2 Binary files /dev/null and b/_site/images/hm13.crop-l-480x348.png differ diff --git a/_site/images/homeswf_2011.gif b/_site/images/homeswf_2011.gif new file mode 100644 index 00000000..0f7c992e Binary files /dev/null and b/_site/images/homeswf_2011.gif differ diff --git a/_site/images/humming-fast-and-slow-1.jpg b/_site/images/humming-fast-and-slow-1.jpg new file mode 100644 index 00000000..bc9ddc8e Binary files /dev/null and b/_site/images/humming-fast-and-slow-1.jpg differ diff --git a/_site/images/image136g.jpg b/_site/images/image136g.jpg new file mode 100644 index 00000000..2306b7b7 Binary files /dev/null and b/_site/images/image136g.jpg differ diff --git a/_site/images/image_bestbefore-747x1024.jpg b/_site/images/image_bestbefore-747x1024.jpg new file mode 100644 index 00000000..41827b15 Binary files /dev/null and b/_site/images/image_bestbefore-747x1024.jpg differ diff --git a/_site/images/interior_santiago_boladecristal.jpg b/_site/images/interior_santiago_boladecristal.jpg new file mode 100644 index 00000000..c4018d48 Binary files /dev/null and b/_site/images/interior_santiago_boladecristal.jpg differ diff --git a/_site/images/k2.jpg b/_site/images/k2.jpg new file mode 100644 index 00000000..c31c3729 Binary files /dev/null and b/_site/images/k2.jpg differ diff --git a/_site/images/kb_hn13_0029b.jpg b/_site/images/kb_hn13_0029b.jpg new file mode 100644 index 00000000..56066352 Binary files /dev/null and b/_site/images/kb_hn13_0029b.jpg differ diff --git a/_site/images/kdx1g2.jpg b/_site/images/kdx1g2.jpg new file mode 100644 index 00000000..fb0e1fb1 Binary files /dev/null and b/_site/images/kdx1g2.jpg differ diff --git a/_site/images/lichtgrenze_137-940x627.jpg b/_site/images/lichtgrenze_137-940x627.jpg new file mode 100644 index 00000000..aa99b46d Binary files /dev/null and b/_site/images/lichtgrenze_137-940x627.jpg differ diff --git a/_site/images/logo-480x480.jpg b/_site/images/logo-480x480.jpg new file mode 100644 index 00000000..fd58b55d Binary files /dev/null and b/_site/images/logo-480x480.jpg differ diff --git a/_site/images/loop_1_medium.jpg b/_site/images/loop_1_medium.jpg new file mode 100644 index 00000000..4f91c528 Binary files /dev/null and b/_site/images/loop_1_medium.jpg differ diff --git a/_site/images/m1.jpg b/_site/images/m1.jpg new file mode 100644 index 00000000..dc77b2c2 Binary files /dev/null and b/_site/images/m1.jpg differ diff --git a/_site/images/managua_still02_web.jpg b/_site/images/managua_still02_web.jpg new file mode 100644 index 00000000..371a3a33 Binary files /dev/null and b/_site/images/managua_still02_web.jpg differ diff --git a/_site/images/matrox_design1.jpg b/_site/images/matrox_design1.jpg new file mode 100644 index 00000000..f9f6ff13 Binary files /dev/null and b/_site/images/matrox_design1.jpg differ diff --git a/_site/images/msp-8-2013c.jpg b/_site/images/msp-8-2013c.jpg new file mode 100644 index 00000000..c2948f86 Binary files /dev/null and b/_site/images/msp-8-2013c.jpg differ diff --git a/_site/images/nesolito.jpg b/_site/images/nesolito.jpg new file mode 100644 index 00000000..9ab6763d Binary files /dev/null and b/_site/images/nesolito.jpg differ diff --git a/_site/images/not480.gif b/_site/images/not480.gif new file mode 100644 index 00000000..e59fc9fd Binary files /dev/null and b/_site/images/not480.gif differ diff --git a/_site/images/p1000518.jpg b/_site/images/p1000518.jpg new file mode 100644 index 00000000..c8581ffa Binary files /dev/null and b/_site/images/p1000518.jpg differ diff --git a/_site/images/panoramica_scope_2-480x205.jpg b/_site/images/panoramica_scope_2-480x205.jpg new file mode 100644 index 00000000..eaef437e Binary files /dev/null and b/_site/images/panoramica_scope_2-480x205.jpg differ diff --git a/_site/images/pd-2013-11-20-at-21.14.14.png b/_site/images/pd-2013-11-20-at-21.14.14.png new file mode 100644 index 00000000..a3a7643b Binary files /dev/null and b/_site/images/pd-2013-11-20-at-21.14.14.png differ diff --git a/_site/images/photo-729331.JPG b/_site/images/photo-729331.JPG new file mode 100644 index 00000000..2917184c Binary files /dev/null and b/_site/images/photo-729331.JPG differ diff --git a/_site/images/photo_cropped.jpg b/_site/images/photo_cropped.jpg new file mode 100644 index 00000000..c61a9ad9 Binary files /dev/null and b/_site/images/photo_cropped.jpg differ diff --git a/_site/images/picture5.jpg b/_site/images/picture5.jpg new file mode 100644 index 00000000..f62de248 Binary files /dev/null and b/_site/images/picture5.jpg differ diff --git a/_site/images/pikilipita-480x285.jpg b/_site/images/pikilipita-480x285.jpg new file mode 100644 index 00000000..04ca4dda Binary files /dev/null and b/_site/images/pikilipita-480x285.jpg differ diff --git a/_site/images/polygonView-480x273.jpg b/_site/images/polygonView-480x273.jpg new file mode 100644 index 00000000..38c1385b Binary files /dev/null and b/_site/images/polygonView-480x273.jpg differ diff --git a/_site/images/poo11.jpg b/_site/images/poo11.jpg new file mode 100644 index 00000000..c686d4f6 Binary files /dev/null and b/_site/images/poo11.jpg differ diff --git a/_site/images/proximity1.jpg b/_site/images/proximity1.jpg new file mode 100644 index 00000000..40d135b5 Binary files /dev/null and b/_site/images/proximity1.jpg differ diff --git a/_site/images/prt_1379453510.png b/_site/images/prt_1379453510.png new file mode 100644 index 00000000..a638a9c5 Binary files /dev/null and b/_site/images/prt_1379453510.png differ diff --git a/_site/images/prt_1384195280.gif b/_site/images/prt_1384195280.gif new file mode 100644 index 00000000..c69db46e Binary files /dev/null and b/_site/images/prt_1384195280.gif differ diff --git a/_site/images/reynold_reynolds_burn_large-480x323.jpg b/_site/images/reynold_reynolds_burn_large-480x323.jpg new file mode 100644 index 00000000..34adf63a Binary files /dev/null and b/_site/images/reynold_reynolds_burn_large-480x323.jpg differ diff --git a/_site/images/richard%20tuohy%20photo%20web%20photo.JPG b/_site/images/richard%20tuohy%20photo%20web%20photo.JPG new file mode 100644 index 00000000..539f8224 Binary files /dev/null and b/_site/images/richard%20tuohy%20photo%20web%20photo.JPG differ diff --git a/_site/images/rnd_frame_2s_pb.jpg b/_site/images/rnd_frame_2s_pb.jpg new file mode 100644 index 00000000..485b168c Binary files /dev/null and b/_site/images/rnd_frame_2s_pb.jpg differ diff --git a/_site/images/rsz_12584734735_ab5af0f254_o.jpg b/_site/images/rsz_12584734735_ab5af0f254_o.jpg new file mode 100644 index 00000000..6e44f835 Binary files /dev/null and b/_site/images/rsz_12584734735_ab5af0f254_o.jpg differ diff --git a/_site/images/scanned1popraw_www.jpg b/_site/images/scanned1popraw_www.jpg new file mode 100644 index 00000000..22dabfd3 Binary files /dev/null and b/_site/images/scanned1popraw_www.jpg differ diff --git a/_site/images/screenshot1420807005.png b/_site/images/screenshot1420807005.png new file mode 100644 index 00000000..3a703d7d Binary files /dev/null and b/_site/images/screenshot1420807005.png differ diff --git a/_site/images/sog01.jpg b/_site/images/sog01.jpg new file mode 100644 index 00000000..9b9aadb3 Binary files /dev/null and b/_site/images/sog01.jpg differ diff --git a/_site/images/solderWorkshop.jpg b/_site/images/solderWorkshop.jpg new file mode 100644 index 00000000..ebd0d26d Binary files /dev/null and b/_site/images/solderWorkshop.jpg differ diff --git a/_site/images/state.png b/_site/images/state.png new file mode 100644 index 00000000..52139b1c Binary files /dev/null and b/_site/images/state.png differ diff --git a/_site/images/telex1-480x212.png b/_site/images/telex1-480x212.png new file mode 100644 index 00000000..31562aef Binary files /dev/null and b/_site/images/telex1-480x212.png differ diff --git a/_site/images/tumblr_inline_mjlw1avNFu1qm6vsu.jpg b/_site/images/tumblr_inline_mjlw1avNFu1qm6vsu.jpg new file mode 100644 index 00000000..61364c28 Binary files /dev/null and b/_site/images/tumblr_inline_mjlw1avNFu1qm6vsu.jpg differ diff --git a/_site/images/tumblr_n67e9uMKjJ1rutzzso1_1280.gif b/_site/images/tumblr_n67e9uMKjJ1rutzzso1_1280.gif new file mode 100644 index 00000000..7ee92375 Binary files /dev/null and b/_site/images/tumblr_n67e9uMKjJ1rutzzso1_1280.gif differ diff --git a/_site/images/urbaniz1.jpg b/_site/images/urbaniz1.jpg new file mode 100644 index 00000000..a6be7366 Binary files /dev/null and b/_site/images/urbaniz1.jpg differ diff --git a/_site/images/v4-480x405.jpg b/_site/images/v4-480x405.jpg new file mode 100644 index 00000000..b1fd6eaa Binary files /dev/null and b/_site/images/v4-480x405.jpg differ diff --git a/_site/images/vjfader_h.jpg b/_site/images/vjfader_h.jpg new file mode 100644 index 00000000..d44e20fa Binary files /dev/null and b/_site/images/vjfader_h.jpg differ diff --git a/_site/images/x_Glassia_ConsSpace.jpg b/_site/images/x_Glassia_ConsSpace.jpg new file mode 100644 index 00000000..86faf612 Binary files /dev/null and b/_site/images/x_Glassia_ConsSpace.jpg differ diff --git a/_site/images/yurieido_blackandwhite_fenster.jpg b/_site/images/yurieido_blackandwhite_fenster.jpg new file mode 100644 index 00000000..c2319e6d Binary files /dev/null and b/_site/images/yurieido_blackandwhite_fenster.jpg differ diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 00000000..a73466de --- /dev/null +++ b/_site/index.html @@ -0,0 +1,6068 @@ + + + + + + + + + Scope Sessions Artist talks & media salon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+ + +

#42

+

April 9th, 2015

+ +

STATE Festival special edition

+ +
+ +
+
    + + + + +
  • Science
  • + +
  • Art
  • + + + + + + +
  • Live Cinema
  • + +
  • Installation
  • + + + + + + +
  • Photography
  • + +
  • Microbiology
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Christian Rauch / STATE Festival

+ +

A quick tour behind the scenes of STATE Experience Science, a collective of independent scientists, artists and cultural producers, working to make science accessible and facilitate creativity without borders. Last year's STATE Festival featured 4 days of events in 2 locations in the heart of Ber...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Nenad Popov / Ways of Knowing

+ +

Reflection on the State festival. Inspiration through science. Towards embedding citizen science in artistic practice.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pablo Rojas / 19th century maladies vs. 'the wonders of science' calendar syndrome

+ +

The everyday growing branches of science, especially biology, hold the possibility to provide the general public with an infinite variety of innovative topics and colorful images. Such information could potentially be used as a novel source of inspiration for the creation of art pieces. Although ...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#41

+

March 19th, 2015

+ +

SCOPE @ B-Seite

+ +
+ +
+
    + + + + +
  • Mobile
  • + + + + + + +
  • Video
  • + +
  • Meditation
  • + + + + + + +
  • Softwaresc
  • + + + + + + +
  • Software
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Vj Fader / I'm on EDMT

+ +

EDMT is an interactive audio visual app designed by media artist Fader. He's combining years of his experience as a visual and software designer into one amazing app. It allows you to 'play' with your phone and tablet to create wonderful visuals and make beautiful sounds. There are several engagi...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kash / Intuitive Journeys

+ +

MAGIC OF CIRCLE videogram is video based on around hundred sequences from inner meditative journey made in photoshop during several months in 2014. Those circle graphics are then morphed into meditative videogram with idea to catch us in present state of absolute film that is ongoing inside of ea...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

CloneProduction / CloneProduction

+ +

Irwin will talk about why he is using his own tool to VJ and how he got to this point.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Roberto Cuellar / Light sculptures

+ +

Robert will talk about his light sculptures. His sculptures are usually made of wood and the design is based on 2D silhouettes which is then extend to 3D. Lighting plays a big role in his work. For B-Seite he produced a special sculpture that is projection mapped.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#40

+

March 12th, 2015

+ +
+ +
+
    + + + + +
  • Open Source
  • + +
  • Software
  • + +
  • Hardware
  • + + + + + + + + +
  • Dance
  • + +
  • Film
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Embedded Artist / The Embedded Artist System

+ +

In this talk Spahn and Steiner introduce their open source Embedded Artist System and talk about its capabilities, the motivation behind it and the development process.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Karla Brunet / The Sea: Art, Technology and Environment

+ +

I will present my artwork related to the environment, more specifically to the sea of my surroundings. It's a mixture of formats: photo exhibition, interactive installation, DIY sensors, data visualization, video art, VJing, databending and web art, all having the same source, the sea and its und...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Riko Murakami & Haruka Mitani / Performance Dance and Film improvisation Super 8 and Butoh dance

+ +

'Dance with Film' An improvised meeting of Butoh dance and hand-made Single 8 films of Butoh dance. Butoh is a journey to the Self. In this performance we explore existence and feeling beyond the mirage of film. There is no beginning and no ending.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#39

+

Januar 8th, 2015

+ +
+ +
+
    + + + + +
  • Installation
  • + +
  • Music
  • + + + + + + +
  • VVVV
  • + +
  • Coding
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pierce Warnecke / Audio-visual works

+ +

My work stems from interest in the effects of time on matter: modification, deterioration and disappearance. Whether the focus is on digital forms or rough materials, large scales of time or microscopic details, the goal of my work is to re-adapt existing objects and materials into parallel conte...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tebjan Halm & Elias Holzer / 50, that next big thing

+ +

In the past few years we’ve 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 we’ll give you a short introduction into the key features of this new language we’re internally ca...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#38

+

December 11th, 2014

+ +
+ +
+
    + + + + +
  • VJing
  • + +
  • Installation
  • + +
  • Performance
  • + + + + + + +
  • Coding
  • + +
  • Research
  • + + + + + + +
  • Installation
  • + +
  • New Media
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Transforma / Transforma: 2001 bis 2014

+ +

A chronological presentation of selected works from the world of transforma.

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Marcel Schwittlick / Current Status

+ +

It's just me showing my work.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Marcellina Wellmer / Crossing the border - RANDOM IN ANALOG AND DIGITAL MEDIA

+ +

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.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#37

+

November 13th, 2014

+ +

privacy and online freedom of expression

+ +
+ +
+
    + + + + +
  • Activism
  • + +
  • Surveillance
  • + +
  • Privacy
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ioann Maria / Privacy and online freedom of expression.

+ +

This Session will attempt an open discussion that addresses issues of privacy and online freedom of expression. We want to discuss if and why privacy matters. How does that relate to contemporary artists and the tools they (we) are using? Is there a space for a political statement? How much stren...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#36

+

October 9th, 2014

+ +
+ +
+
    + + + + +
  • Analog
  • + +
  • Film
  • + +
  • Research
  • + + + + + + +
  • Installation
  • + +
  • New Media
  • + + + + + + +
  • Film
  • + +
  • Projection
  • + +
  • Glitch
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kevin Rice / Photochemical Intiatives

+ +

Kevin Rice, a member of Process Reversal, will be presenting on behalf of the collective. He is a self described ‘film archivist’ whose practice focuses on the study of photochemical theories, the development of lab resources for filmmakers, and the documentation of various darkroom odysseys on m...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

So Kanno / Signal, noise and machine

+ +

Such as drawing machines which is not perfectly controlled by numbers, 3D printed sculpture and garment which uses errors and imperfectness of system intentionally. Predicting the future but not forgetting critical point of view for technology.

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kris Limbach / On improvised Cinema

+ +

Kris Limbach will perform a short improvised piece to give an insight in his techniques and workflow

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#35

+

September 11th, 2014

+ +
+ +
+
    + + + + +
  • Media
  • + + + + + + +
  • Science
  • + + + + + + +
  • Installation
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Derek Holzer / Probing the Past: A Media Archaeology of Handmade Electronic Sound

+ +

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. ...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Imanol Gomez / Science Inspires Art

+ +

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. Tod...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Juan Carlos Duarte Regino / Audiovisual Interactions and ludic design for ludic interfaces

+ +

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 a...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#34

+

July 10th, 2014

+ +
+ +
+
    + + + + +
  • Design
  • + +
  • hardware
  • + +
  • Installation
  • + + + + + + +
  • VVVV
  • + +
  • Coding
  • + +
  • Sound
  • + + + + + + +
  • VJing
  • + +
  • Performance
  • + +
  • Film
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Quadrature / From a visual journey into another dimension.

+ +

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 su...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Miller Puckette / How to have fun with a six channel guitar pckup

+ +

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. T...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

3ez / From a visual journey into another dimension.

+ +

Probably known mostly about his former old project called Jonnyzeb as surf movie producer, Bruno Bez has released a series of experimental board sports movies with a good dose of imagination and a ludic taste from Brazil around the world. Traveling, filming and producing in extreme places, Bez ha...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#33

+

June 12th, 2014

+ +
+ +
+
    + + + + +
  • Analog
  • + + + + + + +
  • Interactive
  • + +
  • Projection
  • + + + + + + +
  • Science
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Richard Tuohy / Dot Matrix - A strategy for direct film

+ +

After a brief contextualising introduction, I will perform my two x 16mm projector expanded cinema piece Dot Matrix (2013, 16 minutes). I will then give an account of the works origins and my working proceedure for its creation. I will contrast this film with two earlier works of mine - Flyscre...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Wolfgang Spahn / VGA-Hacking or Materiality in a Digital World

+ +

Name Yun Pike is known for manipulating a TV set with a magnet. One might think that after we abandoned monitor tubes the combination of TV and magnetism is gone as well. But similar is still possible today by manipulating the monitor signal. The fact that VGA is a signal based on electric curren...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ercan Engin Kuruoglu / Making the Picture of the Early Universe

+ +

This talk will summarise the efforts to make a picture of the universe just after big bang. We will introduce the big bang theory, the satellite missions to measure cosmic microwave radiation and how we utilized the Information Theory of Shannon to obtain the earliest picture of the universe. We ...

+ + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#32

+

May 8th, 2014

+ +
+ +
+
    + + + + +
  • Installation
  • + +
  • Light
  • + + + + + + +
  • Science
  • + +
  • Film
  • + +
  • Photography
  • + + + + + + +
  • Mapping
  • + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Lichtpiraten / Make love not art

+ +

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 LiCHTPiRAT...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

BildPeter / Conquering the world though Art & Science

+ +

The talk will give an overview of the three main fields of BildPeters work: digital art, film/photography and science. It will touch fields like: VJing with Quartz Composer. Video generation with Processing and OpenFrameworks. Filming with DSLRs. Science with an iPad.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Fader / Breaking the Screen

+ +

I will discuss how my work have progressed into areas such as video mapping and stage design in the past 10 years. My presentation will focus on the deconstruction of the rectangular video screen where the form is just as important as the content.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#31

+

April 10th, 2014

+ +
+ +
+
    + + + + +
  • VJing
  • + + + + + + +
  • Interactive
  • + +
  • Live
  • + +
  • Performance
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Vj Chuu / Guruguru kun

+ +

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

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mahir Duman /

+ +

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Trashpuzzle /

+ +

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 bo...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#30

+

March 20th, 2014

+ +

B-Seite Mannheim

+ +
+ +
+
    + + + + +
  • VJing
  • + + + + + + +
  • VJing
  • + + + + + + +
  • Science
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Martin Meyer / Sinsynplus

+ +

After his talk, Martin will immediately change spaces and head back to zeitraum.exit to prepare his performance project , that will be performed at 10pm! Will will join them after our session!

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

ë / ë - anya orel and e

+ +

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Agnieszka “Bronka” Bronowska / Mixing art and science – enthalpy, entropy, visual narration, and dance

+ +

In my talk I will briefly introduce the concepts, data sources, and tools, which can be used by visual artists in their work. I will focus on the need for motion graphics, especially in depicting the phenomena which involve dynamic components hence the entropic terms (e.g. drug-receptor interacti...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#29

+

February 13th, 2014

+ +
+ +
+
    + + + + +
  • Design
  • + + + + + + +
  • Video
  • + +
  • Sound
  • + + + + + + +
  • VJing
  • + +
  • Mapping
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

FELD - Studio for digital crafts /

+ +

The talk will be about the role of custom software and manufacturing techniques as part of the design and prototyping process in our daily work and thinking. We will present some of our recent projects and discuss the processes and technologies behind them.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Valentina Ferrandes /

+ +

Valentina will present her project “Berg“, an exploration of Teufelsberg Listening Station comprising a video and a GPS triggered soundscape for iPhone and iPad.

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Andrea Familari aka. Fax /

+ +

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 information...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#28

+

December 12th, 2013

+ +
+ +
+
    + + + + +
  • Mapping
  • + + + + + + +
  • Interactive
  • + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Julien Bach / Video mapping Jam

+ +

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.

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

StratoFyzika / Writing movement in interactive mediated spaces

+ +

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 pro...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#27

+

November 14th, 2013

+ +
+ +
+
    + + + + +
  • Film
  • + + + + + + +
  • 3D
  • + +
  • Generative
  • + + + + + + +
  • Collective
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Georgina Espasa / Half a Quarter

+ +

During this talk Georgina will present the creative process of her latest work: a documentary film (“Half a Quarter”) that took her three years to complete and is linked to her personal evolution, and relates to her understanding the roots and the assimilation of her family legacy. The film will ...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tarik Barri / Versum: audiovisual composing in 3D

+ +

Tarik will present his ‘Versum’ software, which was originally developed as a 3D audiovisual sequencer for the purpose of creating music by flying through melodies within a virtual space. The software has been gradually adapted to be a purely visual tool and works with any kind of music. At the e...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

TorpeDeArte Kollektiv / TelevisArte Installation

+ +

The project is based on TorpeDeArte’s shared perception of art as an active form of research. We don’t believe in one path for the creative process. There are infinite means to reach any one end and infinite unimaginable ends awaiting to be discovered. All we need is to establish a creative publi...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#26

+

October 10th, 2013

+ +
+ +
+
    + + + + +
  • Glitch
  • + +
  • Pixel
  • + + + + + + +
  • Open Source
  • + +
  • Gaming
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

pixelnoizz / touch.gl

+ +

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 Po...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Malte Steiner / Open source game engines and realtime 3D for visuals

+ +

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 ...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#25

+

September 12th, 2013

+ +
+ +
+
    + + + + +
  • Mixing
  • + +
  • Vjing
  • + + + + + + +
  • Live Cinema
  • + +
  • Mapping
  • + + + + + + +
  • Vjing
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tim Vis / Mixing after SD video

+ +

Now that we have overcome the limited possibilites of old-style SD mixing by the development of new Hard and Software, there is the opportunity to redefine the VJ as a performer, not only beeing a controller of some software, which he was mostly after SD-Video outputs on the computers have been s...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Elektro Moon / Patch:audio_visual lab

+ +

will present P a t c h :audio_visual lab – international festival dedicated to the contemporary digital art forms, which they organize in Krakow, Poland as an AV Node member. This year it will take place from 10-12 Oct at the Contemporary Art Gallery Bunkier Sztuki in the center of Krakow (exhibi...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Radiance /

+ +

She will talk about her personal approach to creating video material coming from a fine arts / printmaking and graphic design background and through a selection of projects. This includes ‘Memento Mori‘ which uses stop motion collages to remix religious iconography, and ‘The Space Between Us’ wh...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#24

+

July 11th, 2013

+ +
+ +
+
    + + + + +
  • Research
  • + +
  • Project
  • + + + + + + +
  • Interactive
  • + +
  • Installation
  • + + + + + + +
  • Vjing
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Joel Dittrich / White Noise/Black Noise

+ +

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

WHITEvoid /

+ +

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 ar...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Juladi /

+ +

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 ...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#23

+

May 06th, 2013

+ +
+ +
+
    + + + + +
  • Coding
  • + +
  • generative
  • + + + + + + +
  • Open Source
  • + +
  • Hardware
  • + + + + + + +
  • Collective
  • + +
  • Activism
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Rainer Kohlberger / The void beyond this feeling

+ +

«My talk will examine the colors of noise, the worms in my signals and the serendipity of music. The black square is the feeling. The white field equals the voice beyond this feeling. The metal machine will display my work.»

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Sébastien Bourdeauducq / Story and development of the Mixxeo digital video mixer

+ +

Many video artists need a device that can blend video streams from two or more computers. A common solution is to use SD analog video and a commercially available mixer such as the Edirol V4. But the move to the better quality of digital video and the high cost of commercial digital mixers has pr...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

ReVerse Bullets / Kunst, Kultur & Kino Collage

+ +

“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 Re...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#22

+

May 09th, 2013

+ +

LPM Preview

+ +
+ +
+
    + + + + +
  • New Media
  • + +
  • Interactive
  • + + + + + + +
  • Performance
  • + +
  • Humour
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tokyo Data Collective /

+ +

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 ...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

A-LI-CE /

+ +

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, whit...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#21

+

April 11th, 2013

+ +
+ +
+
    + + + + +
  • 3D
  • + +
  • AV Performance
  • + + + + + + +
  • Performance
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

pussykrew /

+ +

In 2010 they’ve 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 & Je...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Gabriel Shalom /

+ +

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Kasia Justka aka pani K. /

+ +

Kasia is a one man studio, audiovisual composer, video-maker and live performer who loves to experiment. She is driven by a desire to find beauty in an ugly world and amplifies images, sounds and lights with her inner emotions, feelings, intuitions. Her work is a combination of the harsh and deli...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#20

+

March 14th, 2013

+ +
+ +
+
    + + + + +
  • Photography
  • + + + + + + +
  • Robotics
  • + +
  • Research
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Aude Rose /

+ +

Aude Francois also called Aude Rrose is multi-disciplinary artist living between Paris and Berlin, working with performance, photography, sound and live video. She regularly presents her video performances in international festivals. +Her imagery plays with narrative structures, developing dreamy ...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mey Lean Kronemann & David Sanz Kirbis /

+ +

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...

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#19

+

February 21st, 2013

+ +
+ +
+
    + + + + +
  • Research
  • + +
  • Performance
  • + + + + + + +
  • Design
  • + +
  • AV Performance
  • + + + + + + +
  • Architecture
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Vanessa Ramos-Velazquez /

+ +

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.

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

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....

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Alex Haw /

+ +

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 c...

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#18

+

December 18th, 2012

+ +
+ +
+
    + + + + +
  • AV Performance
  • + + + + + + +
  • AV Performance
  • + +
  • Music
  • + + + + + + +
  • Performance
  • + +
  • Hacking
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Jem The Misfit / Performance as process

+ +

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 di...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Zan Lyons / Cross-disciplinary AV production

+ +

In his talk he gives an insight to his special mix of violin play, computer synthetics, video timelines and ideas about it.

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Onyx Ashanti / The Beatjazz Controller System

+ +

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 ...

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#17

+

November 08th, 2012

+ +

HGB Leipzig Special Session

+ +
+ +
+
    + + + + +
  • Music production
  • + + + + + + +
  • Hacking
  • + +
  • Coding
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Max Schneider / 9 Evenings Reconsidered: The 10th Evening

+ +

The talk will focus on a student project cooperation between the Academy of Visual Arts and the Academy for Music and Theatre in Leipzig conducted in 2011/12. The project “9 Evenings reconsidered: The 10th Evening” is based upon the milestone media arts event “9 Evenings” (1966 New York). Over th...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Jakob Wierzba / Hacky Live Video 3Dification

+ +

He will talk about works that deal with the transformation of 2D video into a 3D representation by hacking a set of common tools whilst avoiding frameworks, and how this can help to get the viewer to “feel the algorithm”. Tech meat: C, OpenGL, MIDI glued together by PHP and fueled by UNIX and DIY...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Melody Panosian / From bad to worse. Ruby-I in talk with Swimsuit Tissue.

+ +

At Scope Sessions – artist talks & media salon, Ruby-I and the traveller Swimsuit Tissue have a talk about Swimsuits alter ego Leni Riefenstahl. Ruby-I is a archetypical female Cyborg – partly human and partly automata. Ruby-I is like a talk show host, however, in an opposite manner. Because she ...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#16

+

October 11th, 2012

+ +
+ +
+
    + + + + +
  • Interaction
  • + +
  • Generative
  • + +
  • Coding
  • + + + + + + +
  • Performance
  • + +
  • Dance
  • + +
  • Interaction
  • + + + + + + +
  • Interaction
  • + +
  • Software
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Andreas Nicolas Fischer / Schwarm

+ +

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 creatio...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Frieder Weiss / Intermedia Dance Performances with Motion Sensing

+ +

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 wer...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Felix Bonowski / Reverse modelling

+ +

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.

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#15

+

September 13th, 2012

+ +
+ +
+
    + + + + +
  • Performance
  • + +
  • Interactive
  • + + + + + + +
  • Photography
  • + + + + + + +
  • Performance
  • + +
  • Sound
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mark Coniglio / The Past and Future of Technology & Performance

+ +

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.

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Adam Magyar / Scripted Rhymes

+ +

Seemingly, state of the art devices give you everything you need for completing your photography projects. But what if the image you have in mind demands even more and you need to reach for fields outside photography? In Scripted Rhymes, imagemaker Adam Magyar tells the story of his journey down ...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Berlan Allee / ”BERLAN ALLEE” Radio Show & ”SAROSEDA Collective

+ +

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 organizi...

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#14

+

May 10th, 2012

+ +

FAMU/CAS special session

+ +
+ +
+
    + + + + +
  • New Media
  • + + + + + + +
  • Sound
  • + +
  • Installation
  • + + + + + + +
  • Performance
  • + + + + + + +
  • Performance
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Dalibor Knapp / CAS presentation

+ +

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.

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Stanislav Abraham /

+ +

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.

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Katerina Bilkova, Fabian Scharpf /

+ +

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.

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Alexandra Moralesova /

+ +

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 garden’s syntax and plays with its visible and notional elements. The strategy to this inquiry lies in remedia...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#13

+

April 12th, 2012

+ +
+ +
+
    + + + + +
  • video-mapping
  • + + + + + + +
  • Performance
  • + +
  • Film
  • + + + + + + +
  • Theater
  • + +
  • Politics
  • + +
  • Live Cinema
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

YUKIJUNG /

+ +

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 étoi...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ioann Maria /

+ +

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...

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Giorgos Kakanakis /

+ +

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 ...

+ + + Website + + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#12

+

March 08th, 2012

+ +
+ +
+
    + + + + +
  • Software
  • + + + + + + +
  • Film
  • + + + + + + +
  • Hacking
  • + +
  • Performance
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Konkreet Labs /

+ +

In their presentation Shai Levy and Marc Tiedemann will give a live performance of their app, talk about its development through the many stages of conceptualizing, researching and creating and will share their thoughts on the pros and cons of using a touch-screen a creative medium.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Reynold Reynolds /

+ +

During his presentation Reynold will show works made in his Berlin studio (Six Apartments) and some older works from his collaborations in New York with Patrick Jolley (The Drowning Room).

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pikilipita /

+ +

When mixing with these tools instead of your usual laptop, the performer can be much closer to the audience, creating a totally new experience both for the artist and the performer. At scopesession clement will demonstrate how this works using two of his newest pieces of software: PS24VJ with run...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#11

+

February 09th, 2012

+ +
+ +
+
    + + + + +
  • AV
  • + +
  • Perfomance
  • + + + + + + +
  • Experimental
  • + +
  • Film
  • + + + + + + +
  • Hacking
  • + +
  • Performance
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

MFO /

+ +

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Thorsten Fleisch /

+ +

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Sansculotte /

+ +

Along the way will be mentioned: pure data, glsl, digital cut-up, appropriation and information overload.

+ + + Website + + +
+ Artist video + + +
+ Talk at Scope + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#10

+

January 10th, 2012

+ +
+ +
+
    + + + + +
  • Perfomance
  • + +
  • Illustration
  • + + + + + + +
  • VVVV
  • + + + +
+
+ +
+ +
    +
  • NK
  • + +
  • + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Andreas Karaoulanis /

+ +

A technique that can be used in various forms, from live dj ing to theater and dance performances. Software used VDMX ,a firewire camera plus lots of white A3 papers, black markers!

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Christoph Rittweger /

+ +

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#09

+

November 17th, 2011

+ +
+ +
+
    + + + + +
  • Performance
  • + +
  • Paint
  • + + + + + + +
  • Synaesthesia
  • + +
  • Collaboration
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Tetsuya Hori and Yurie Ido /

+ +

Tetsuya Hori and Yurie Ido will present their video performance “dead” and explain their collaborative work.

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Larissa Wunderlich / SYNÆSTHESIA!

+ +

“This project will be the master thesis for my studies at the Bauhaus University Weimar. Since I’m a synesthete myself, synesthesia is a topic that is present in my life for many years. The idea of involving this topic into my work first came to my mind about three years ago. It developed and gre...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#08

+

November 10th, 2011

+ +
+ +
+
    + + + + +
  • Video
  • + + + + + + +
  • Hardware
  • + + + + + + +
  • Vjing
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Carrick Bell /

+ +

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Sébastien Bourdeauducq / Milkymist One

+ +

Developer Sébastien Bourdeauducq will present the The Milkymist One, an open hardware product that concentrates all the processing power and the interfaces of an heavily interactive VJ setup into one small box. With a unique combination of built-in interfaces such as MIDI, DMX512, analogue video ...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

VisualBerlin / VisualBerlin

+ +

VisualBerlin management board member Aude François and co-founder Kiritan Flux will present Berlin’s number one video-arts and VJ association VisualBerlin, how it all started in 2005 and what it has developed to today. Members and projects will be presented and people will have the chance to ask ...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#7

+

October 20th, 2011

+ +
+ +
+
    + + + + +
  • Light
  • + +
  • Installation
  • + +
  • Processing
  • + +
  • Open Source
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Alex Corbi /

+ +

This session, we’ll welcome Alex Corbi who will show us his work under Arduino and Processing. He will start simple, and then more complex. After his presentation, we can get to the computers, and try, share, get started, ask questions, manipulate a bit, have a look over the functions and possibi...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#6

+

October 06th, 2011

+ +
+ +
+
    + + + + +
  • Installation
  • + +
  • Sound
  • + + + + + + +
  • Software
  • + +
  • Sound
  • + +
  • Open Source
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Servando Barreiro /

+ +

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Malte Steiner /

+ +

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#5

+

September 29th, 2011

+ +
+ +
+
    + + + + +
  • Vjing
  • + +
  • Festival
  • + + + + + + +
  • Science
  • + + + + + + +
  • Interaction
  • + +
  • Installation
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

VJ Fest Istanbul / VJ Fest Istanbul

+ +

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pierce Warnecke /

+ +

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Mauritius Seeger / Digital techniques in interactive art.

+ +

Mauritius Seeger, VJ, digital artist and programmer will talk about how specialised software can be used to build engaging and responsive artworks and installations. Mostly using examples from his own work he will present the challenges and solutions encountered when trying to make interactive so...

+ + + Website + + +
+ Artist video + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#4

+

September 15th, 2011

+ +
+ +
+
    + + + + +
  • Gaming
  • + +
  • Festival
  • + + + + + + +
  • Activism
  • + +
  • Graffiti
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

A MAZE / A MAZE

+ +

Thorsten “Storno” Wiedemann presented the idea of A MAZE and talked about past and future projects.

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Grafitti Research Lab / Grafitti Research Lab

+ +

Mirae Rosner and Jesse Scott of the Berlin cell of GRL talked about past and ongoing projects in Berlin, built “LED throwies” together with the audience and brought their “BlitzTag” installation to play with.

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#3

+

August 18th, 2011

+ +
+ +
+
    + + + + +
  • Design
  • + + + + + + +
  • Game
  • + +
  • Programming
  • + + + + + + +
  • Dance
  • + +
  • Performance
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Willy Sengewald /

+ +

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

David Croft /

+ +

David Croft will be introducing a project to create a wall art installation that dynamically and fluidly interacts with the viewers by monitoring the position of their bodies to give a natural-feeling experience. He’ll describe the theory behind the hardware, give an overview of the software, and...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Eric Dunlap /

+ +

Movement and Video Artist Eric Dunlap will discuss his work creating dance and video pieces, producing VJs, and construction audience interactive video installations.

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#2

+

July 21st, 2011

+ +
+ +
+
    + + + + +
  • live video
  • + + + + + + +
  • coding
  • + +
  • Pure Data
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Ilan Katin / Re:tired VJ

+ +

In anticipation of the retirement of this media Ilan presented each piece of media and in the process of doing so talked about his approach to creating and performing with the material as well as reflected on his thoughts about live video performance in general.

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Peter Kirn / PIXELS AND PICS: Etudes in Code, For Non-Coding Artist

+ +

Slides of the presentation: http://www.slideshare.net/peterkirn/etudes-in-code-with-processing

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + +

#1

+

July 07th, 2011

+ +
+ +
+
    + + + + +
  • video-mapping
  • + + + + + + +
  • photography
  • + + + + + + +
  • Sequencing
  • + +
  • QuartzComposer
  • + + + +
+
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+

Arran Hearn /

+ +

Australian designer and artist Arran Hearn showcased his video-mapping work titled “isometric cubes” and Julien Bach of Atelier Überall presented a whole workflow for mapping onto them, with both 2D & 3D templates.

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Aude Françoise /

+ +

Aude Françoise video artist working on a project of argentic black and white fotography with long exposure, exploring the metamorphosis of the body acting with white elements…

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+

Pixelnoizz /

+ +

Media artist and programmer David Szauder aka. pixelnoizz presented his QuartzComposer based tool “get control”. This was the first public presentation of the software as proof of concept that will show live video sequencing and frame manipulation with a drawing tablet and further aspects (live e...

+ + + Website + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + + + diff --git a/_site/js/custom.js b/_site/js/custom.js new file mode 100644 index 00000000..1060d5d8 --- /dev/null +++ b/_site/js/custom.js @@ -0,0 +1,112 @@ +var DEBUG = false; +var scrolling = false; +var navigatorOpen = false; +var topButtonVisible = false; + +$(document).ready(function() { + + $(function() { + $.scrollIt(); + }); + + $(".artist-media img").imagefill(); + //$(".upcoming-media img").imagefill(); + + var rnd = Math.floor(Math.random() * 12); + + $(function() { + $.vegas({ + src: '/assets/bgphotos/' + rnd + '.png' + }); + $.vegas('overlay', { + src: '/assets/bgphotos/overlay.png' + }); + }); + + $(".navigator-toggle").click(function() { + if (navigatorOpen) { + closeTopMenu(); + } else { + openTopMenu(); + } + }); + + $(".topic").click(function() { + closeTopMenu(); + }); + + function openTopMenu() { + if (DEBUG) console.log('openTopMenu'); + if (!scrolling && !navigatorOpen) { + scrolling = true; + $(".navigator").slideDown("slow", function() { + scrolling = false; + navigatorOpen = true; + }); + } + } + + function closeTopMenu() { + if (DEBUG) console.log('closeTopMenu'); + if (!scrolling && navigatorOpen) { + scrolling = true; + $('.navigator').slideUp("slow", function() { + scrolling = false; + navigatorOpen = false; + }); + } + } + + function showTopButton() { + if (DEBUG) console.log('showTopButton'); + if (!topButtonVisible) { + $('.top-button').fadeTo("slow",1.0, function() { + topButtonVisible = true; + }); + } + } + + function hideTopButton() { + if (DEBUG) console.log('hideTopButton'); + if (topButtonVisible) { + $('.top-button').fadeTo("slow",0.0, function() { + topButtonVisible = false; + }); + } + } + + var timeout = null; + + $(window).scroll(function() { + + var navbarHeight = $('.navbar').height(); + if (navigatorOpen){ + navbarHeight += $('.navigator').height() - 40; + } + + if (DEBUG) console.log('scroll ' + $(window).scrollTop() + ' ' + navbarHeight); + if (!timeout) { + timeout = setTimeout(function() { + clearTimeout(timeout); + timeout = null; + if ($(window).scrollTop() >= navbarHeight) { + if (navigatorOpen) + closeTopMenu(); + if (!topButtonVisible) + showTopButton(); + } else{ + if (topButtonVisible) + hideTopButton(); + } + }, 250); + } + }); + + if ( $.cookie('firstVisit') != 'yes' ) { + setTimeout( function() { + openTopMenu(); + }, 2000 ); + $.cookie('firstVisit', 'yes'); + } + +}); diff --git a/_site/js/jquery.blImageCenter.js b/_site/js/jquery.blImageCenter.js new file mode 100755 index 00000000..7bb620c6 --- /dev/null +++ b/_site/js/jquery.blImageCenter.js @@ -0,0 +1,106 @@ +/** + * bl-jquery-image-center jQuery Plugin + * + * @copyright Boxlight Media Ltd. 2012 + * @license MIT License + * @description Centers an image by moving, cropping and filling spaces inside it's parent container. Call + * this on a set of images to have them fill their parent whilst maintaining aspect ratio + * @author Robert Cambridge + * + * Usage: See documentation at http://boxlight.github.com/bl-jquery-image-center + */ +(function($) { + $.fn.centerImage = function(method, callback) { + callback = callback || function() {}; + var els = this; + var remaining = $(this).length; + method = method == 'inside'; + + // execute this on an individual image element once it's loaded + var fn = function(img) { + var $img = $(img); + var $div = $img.parent(); + // parent CSS should be in stylesheet, but to reinforce: + $div.css({ + overflow: 'hidden', + position: $div.css('position') == 'absolute' ? 'absolute' : 'relative' + }); + + // temporarily set the image size naturally so we can get the aspect ratio + $img.css({ + 'position': 'static', + 'width': 'auto', + 'height': 'auto', + 'max-width': '100%', + 'max-height': '100%' + }); + + // now resize + var div = { w: $div.width(), h: $div.height(), r: $div.width() / $div.height() }; + var img = { w: $img.width(), h: $img.height(), r: $img.width() / $img.height() }; + $img.css({ + 'max-width': 'none', + 'max-height': 'none', + 'width': Math.round((div.r > img.r) ^ method ? '100%' : div.h / img.h * img.w), + 'height': Math.round((div.r < img.r) ^ method ? '100%' : div.w / img.w * img.h) + }); + + // now center - but portrait images need to be centered slightly above halfway (33%) + var div = { w: $div.width(), h: $div.height() }; + var img = { w: $img.width(), h: $img.height() }; + $img.css({ + 'position': 'absolute', + 'left': Math.round((div.w - img.w) / 2), + 'top': Math.round((div.h - img.h) / 3) + }); + + callbackWrapped(img) + }; + + var callbackWrapped = function(img) { + remaining--; + callback.apply(els, [ img, remaining ]); + }; + + // iterate through elements + return els.each(function(i) { + if (this.complete || this.readyState === 'complete') { + // loaded already? run fn + // when binding, we can tell whether image loaded or not. + // not if it's already failed though :( + (function(el) { + // use setTimeout to prevent browser locking up + setTimeout(function() { fn(el) }, 1); + })(this); + } else { + // not loaded? bind to load + (function(el) { + $(el) + .one('load', function() { + // use setTimeout to prevent browser locking up + setTimeout(function() { + fn(el); + }, 1); + }) + .one('error', function() { + // the image did not load + callbackWrapped(el) + }) + .end(); + + // IE9/10 won't always trigger the load event. fix it. + if (navigator.userAgent.indexOf("Trident/5") >= 0 || navigator.userAgent.indexOf("Trident/6")) { + el.src = el.src; + } + })(this); + } + }); + }; + // Alias functions which often better describe the use case + $.fn.imageCenterResize = function(callback) { + return $(this).centerImage('inside', callback); + }; + $.fn.imageCropFill = function(callback) { + return $(this).centerImage('outside', callback); + }; +})(jQuery); \ No newline at end of file diff --git a/_site/js/jquery.cookie.js b/_site/js/jquery.cookie.js new file mode 100644 index 00000000..c7f3a59b --- /dev/null +++ b/_site/js/jquery.cookie.js @@ -0,0 +1,117 @@ +/*! + * jQuery Cookie Plugin v1.4.1 + * https://github.com/carhartl/jquery-cookie + * + * Copyright 2013 Klaus Hartl + * Released under the MIT license + */ +(function (factory) { + if (typeof define === 'function' && define.amd) { + // AMD + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // CommonJS + factory(require('jquery')); + } else { + // Browser globals + factory(jQuery); + } +}(function ($) { + + var pluses = /\+/g; + + function encode(s) { + return config.raw ? s : encodeURIComponent(s); + } + + function decode(s) { + return config.raw ? s : decodeURIComponent(s); + } + + function stringifyCookieValue(value) { + return encode(config.json ? JSON.stringify(value) : String(value)); + } + + function parseCookieValue(s) { + if (s.indexOf('"') === 0) { + // This is a quoted cookie as according to RFC2068, unescape... + s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); + } + + try { + // Replace server-side written pluses with spaces. + // If we can't decode the cookie, ignore it, it's unusable. + // If we can't parse the cookie, ignore it, it's unusable. + s = decodeURIComponent(s.replace(pluses, ' ')); + return config.json ? JSON.parse(s) : s; + } catch(e) {} + } + + function read(s, converter) { + var value = config.raw ? s : parseCookieValue(s); + return $.isFunction(converter) ? converter(value) : value; + } + + var config = $.cookie = function (key, value, options) { + + // Write + + if (value !== undefined && !$.isFunction(value)) { + options = $.extend({}, config.defaults, options); + + if (typeof options.expires === 'number') { + var days = options.expires, t = options.expires = new Date(); + t.setTime(+t + days * 864e+5); + } + + return (document.cookie = [ + encode(key), '=', stringifyCookieValue(value), + options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE + options.path ? '; path=' + options.path : '', + options.domain ? '; domain=' + options.domain : '', + options.secure ? '; secure' : '' + ].join('')); + } + + // Read + + var result = key ? undefined : {}; + + // To prevent the for loop in the first place assign an empty array + // in case there are no cookies at all. Also prevents odd result when + // calling $.cookie(). + var cookies = document.cookie ? document.cookie.split('; ') : []; + + for (var i = 0, l = cookies.length; i < l; i++) { + var parts = cookies[i].split('='); + var name = decode(parts.shift()); + var cookie = parts.join('='); + + if (key && key === name) { + // If second argument (value) is a function it's a converter... + result = read(cookie, value); + break; + } + + // Prevent storing a cookie that we couldn't decode. + if (!key && (cookie = read(cookie)) !== undefined) { + result[name] = cookie; + } + } + + return result; + }; + + config.defaults = {}; + + $.removeCookie = function (key, options) { + if ($.cookie(key) === undefined) { + return false; + } + + // Must not alter options, thus extending a fresh object... + $.cookie(key, '', $.extend({}, options, { expires: -1 })); + return !$.cookie(key); + }; + +})); diff --git a/_site/js/jquery.imagefill.min.js b/_site/js/jquery.imagefill.min.js new file mode 100644 index 00000000..2029dde4 --- /dev/null +++ b/_site/js/jquery.imagefill.min.js @@ -0,0 +1,8 @@ +/* + * jQuery Image Fill + * http://pioul.fr/jquery-imagefill + * + * Copyright 2013, Philippe Masset + * Dual licensed under the MIT or GPL Version 2 licenses + */ +(function(a){a.fn.imagefill=function(b){b=a.extend({},{container:null,fadingDuration:500},b);var c=a(this);return c.each(function(){var c=a(this),d={options:b,image:c,container:b.container?c.closest(b.container):c.parent(),init:function(){this.container.css("overflow","hidden"),this.image.css("position","relative")},show:function(){this.options.fadingDuration?this.image.fadeIn(this.options.fadingDuration):this.image.show()},fillContainer:function(){var a=this.container.width(),b=this.container.height(),c=this.image.width(),d=this.image.height(),e=c/a,f=d/b;if(f>e){var g={width:a,height:d/e};g.top=-(g.height-b)/2}else{var g={width:c/f,height:b};g.left=-(g.width-a)/2}this.image.css(g).trigger("fillsContainer",[g])}};d.image.data("imagefill",d),d.container.length&&(d.init(),d.image[0].complete?setTimeout(a.proxy(function(){this.fillContainer()},d),0):(d.image.hide(),d.image.bind("load",function(){var b=a(this).data("imagefill");b.show(),b.fillContainer()})))}),c}})(jQuery); diff --git a/_site/js/scrollIt.min.js b/_site/js/scrollIt.min.js new file mode 100755 index 00000000..4ea1ec9e --- /dev/null +++ b/_site/js/scrollIt.min.js @@ -0,0 +1 @@ +(function(e){"use strict";var t="ScrollIt",n="1.0.3";var r={upKey:38,downKey:40,easing:"linear",scrollTime:600,activeClass:"active",onPageChange:null,topOffset:0};e.scrollIt=function(t){var n=e.extend(r,t),i=0,s=e("[data-scroll-index]:last").attr("data-scroll-index");var o=function(t){if(t<0||t>s)return;var r=e("[data-scroll-index="+t+"]").offset().top+n.topOffset+1;e("html,body").animate({scrollTop:r,easing:n.easing},n.scrollTime)};var u=function(t){var n=e(t.target).closest("[data-scroll-nav]").attr("data-scroll-nav")||e(t.target).closest("[data-scroll-goto]").attr("data-scroll-goto");o(parseInt(n))};var a=function(t){var r=t.which;if(e("html,body").is(":animated")&&(r==n.upKey||r==n.downKey)){return false}if(r==n.upKey&&i>0){o(parseInt(i)-1);return false}else if(r==n.downKey&&i=e(i).offset().top+n.topOffset&&t