diff options
Diffstat (limited to 'src/Home.js')
| -rw-r--r-- | src/Home.js | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/src/Home.js b/src/Home.js index 858ce0f..6b2e385 100644 --- a/src/Home.js +++ b/src/Home.js @@ -22,6 +22,8 @@ class Home extends Component { this.notificationSound = new Audio( "https://bienvenidoainternet.org/msn.ogg" ); + this.handeMouseMove = this.handeMouseMove.bind(this); + this.mouseVars = {}; } componentDidMount() { @@ -59,6 +61,14 @@ class Home extends Component { }); }); window.scrollTo(0, 0); + window.addEventListener("mousemove", this.handeMouseMove); + } + + handeMouseMove(e) { + let traX = (4 * e.pageX) / 480; + let traY = (4 * e.pageY) / 250; + document.getElementById("baiLogo").style.backgroundPosition = + traX + "%" + traY + "%"; } componentWillUnmount() { @@ -121,11 +131,9 @@ class Home extends Component { > <Grid.Row centered columns={1}> <Grid.Column centered textAlign="center"> - <Image - src="https://bienvenidoainternet.org/bai_logo.png" - style={{ filter: `invert(${nightMode ? 0 : 1})` }} - centered - /> + <div id="baiLogo" className={nightMode ? "invLogo" : "whiLogo"}> + BaI + </div> <p> Resistiendo desde el 2010 <br /> |