From 5d0197c3d719171c102eda4d87a556b542285059 Mon Sep 17 00:00:00 2001
From: wswidzinski <swidzinskiw@gmail.com>
Date: Sat, 13 Jan 2018 16:45:44 +0100
Subject: [PATCH] Add vanilla tilt animation on introduction image

---
 src/hbs/partials/components/introduction.hbs | 2 +-
 src/scripts/main.js                          | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/hbs/partials/components/introduction.hbs b/src/hbs/partials/components/introduction.hbs
index 832f59e..1cafd28 100644
--- a/src/hbs/partials/components/introduction.hbs
+++ b/src/hbs/partials/components/introduction.hbs
@@ -6,7 +6,7 @@
       class="introduction__header"
     }}
 
-    <div class="introduction__img">
+    <div class="introduction__img" data-tilt data-tilt-max="50" data-tilt-speed="400" data-tilt-perspective="400">
       {{svg 'images/introduction.svg' }}
 
       <div class="introduction__counter">
diff --git a/src/scripts/main.js b/src/scripts/main.js
index 565896c..3528339 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -1,4 +1,5 @@
 import 'babel-polyfill';
+import 'vanilla-tilt';
 import nav from './nav';
 
 document.addEventListener('DOMContentLoaded', () => {