diff --git a/src/images/Saburly-logo-2.svg b/src/images/Saburly-logo-2.svg new file mode 100644 index 0000000..bc0f0e9 --- /dev/null +++ b/src/images/Saburly-logo-2.svg @@ -0,0 +1,62 @@ + + + + +Group +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/Saburly-logo-3.svg b/src/images/Saburly-logo-3.svg new file mode 100644 index 0000000..e47383c --- /dev/null +++ b/src/images/Saburly-logo-3.svg @@ -0,0 +1,59 @@ + + + + +Group +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/Saburly-logo-5.svg b/src/images/Saburly-logo-5.svg new file mode 100644 index 0000000..a098041 --- /dev/null +++ b/src/images/Saburly-logo-5.svg @@ -0,0 +1,59 @@ + + + + +Group +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/Saburly-logo-variation.svg b/src/images/Saburly-logo-variation.svg new file mode 100644 index 0000000..bc0f0e9 --- /dev/null +++ b/src/images/Saburly-logo-variation.svg @@ -0,0 +1,62 @@ + + + + +Group +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/logo-saburly-colorful.svg b/src/images/Saburly-logo.svg similarity index 100% rename from src/images/logo-saburly-colorful.svg rename to src/images/Saburly-logo.svg diff --git a/src/images/saburly-logo-purple.svg b/src/images/saburly-logo-1.svg similarity index 100% rename from src/images/saburly-logo-purple.svg rename to src/images/saburly-logo-1.svg diff --git a/src/images/saburly-logo-4.svg b/src/images/saburly-logo-4.svg new file mode 100644 index 0000000..c964aad --- /dev/null +++ b/src/images/saburly-logo-4.svg @@ -0,0 +1 @@ +saburly-logo-darkblue \ No newline at end of file diff --git a/src/pages/about.js b/src/pages/about.js index e37888b..2fbcd36 100644 --- a/src/pages/about.js +++ b/src/pages/about.js @@ -9,9 +9,14 @@ import MeaningSaburly from '../images/coding-practice.svg' class AboutPage extends Component { componentDidMount() { let tiltjs = require('vanilla-tilt') - tiltjs.init(document.querySelector('.postImgContainer'), { - max: 25, + tiltjs.init(document.querySelector('.tiltImage'), { + max: 35, speed: 400, + scale: 1.1, + glare: true, + 'max-glare': 0.8, + 'glare-prerender': false, + easing: 'cubic-bezier(.03,.98,.52,.99)', }) } @@ -22,7 +27,7 @@ class AboutPage extends Component { headline="Founded by developers" text="Saburly was founded in 2017 by experienced software developers that understand what it takes to create modern digital solutions. Our focus is on gathering and guiding the best talents in the industry in order to create digital experiences that make valuable impact." image={IntroImage} - imgClasses="border-white border-8 rounded postImgContainer -mb-12" + imgClasses="border-white border-8 rounded tiltImage -mb-12" />