Prettier thinks it's better, I guess
This commit is contained in:
parent
193aea1587
commit
58935df630
@ -1,44 +1,45 @@
|
|||||||
import './MainCard.scss';
|
import './MainCard.scss';
|
||||||
|
|
||||||
|
import { PowerGlitch } from 'powerglitch';
|
||||||
|
import React, { Component } from 'react';
|
||||||
import { FormattedMessage, injectIntl } from 'react-intl';
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
||||||
|
|
||||||
import React, { Component } from 'react';
|
|
||||||
import headshotFond from '../../images/headshot_fond.webp';
|
import headshotFond from '../../images/headshot_fond.webp';
|
||||||
import headshotMain from '../../images/headshot_main.webp';
|
import headshotMain from '../../images/headshot_main.webp';
|
||||||
import ButtonIcon from '../ButtonIcon/index';
|
import ButtonIcon from '../ButtonIcon/index';
|
||||||
import ExperienceCard from '../ExperienceCard/index';
|
import ExperienceCard from '../ExperienceCard/index';
|
||||||
import { PowerGlitch } from 'powerglitch';
|
|
||||||
|
|
||||||
class MainCard extends Component {
|
class MainCard extends Component {
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
PowerGlitch.glitch('img',
|
PowerGlitch.glitch('img',
|
||||||
{
|
{
|
||||||
playMode: 'hover',
|
playMode: 'hover',
|
||||||
hideOverflow: true,
|
hideOverflow: true,
|
||||||
timing: {
|
timing: {
|
||||||
duration: 1000,
|
duration: 1000,
|
||||||
iterations: 15,
|
iterations: 15,
|
||||||
easing: 'ease-in-out',
|
easing: 'ease-in-out',
|
||||||
},
|
},
|
||||||
glitchTimeSpan: {
|
glitchTimeSpan: {
|
||||||
start: 0.0,
|
start: 0.0,
|
||||||
end: 0.7,
|
end: 0.7,
|
||||||
},
|
},
|
||||||
shake: {
|
shake: {
|
||||||
velocity: 10,
|
velocity: 10,
|
||||||
amplitudeX: 0.4,
|
amplitudeX: 0.4,
|
||||||
amplitudeY: 0.4,
|
amplitudeY: 0.4,
|
||||||
},
|
},
|
||||||
slice: {
|
slice: {
|
||||||
count: 4,
|
count: 4,
|
||||||
velocity: 10,
|
velocity: 10,
|
||||||
minHeight: 0.02,
|
minHeight: 0.02,
|
||||||
maxHeight: 0.40,
|
maxHeight: 0.40,
|
||||||
hueRotate: true,
|
hueRotate: true,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
render() {
|
render() {
|
||||||
var metaThemeColor = document.querySelector("meta[name=theme-color]");
|
var metaThemeColor = document.querySelector("meta[name=theme-color]");
|
||||||
|
Loading…
x
Reference in New Issue
Block a user