diff options
-rw-r--r-- | src/App.css | 19 | ||||
-rw-r--r-- | src/Home.js | 18 | ||||
-rw-r--r-- | src/background.png | bin | 0 -> 85918 bytes | |||
-rw-r--r-- | src/background_inv.png | bin | 0 -> 85793 bytes |
4 files changed, 32 insertions, 5 deletions
diff --git a/src/App.css b/src/App.css index 33249a4..1b07bbf 100644 --- a/src/App.css +++ b/src/App.css @@ -132,4 +132,23 @@ .footer.night { color: rgba(255, 255, 255, 0.7); +} + +#baiLogo { + font-weight: 800; + color: transparent; + font-size: 150px; + -webkit-background-clip: text; + position: relative; + text-align: center; + line-height: 120px; + letter-spacing: -8px; +} + +.whiLogo { + background: url("./background.png"); +} + +.invLogo { + background: url("./background_inv.png"); }
\ No newline at end of file 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 /> diff --git a/src/background.png b/src/background.png Binary files differnew file mode 100644 index 0000000..9a3df16 --- /dev/null +++ b/src/background.png diff --git a/src/background_inv.png b/src/background_inv.png Binary files differnew file mode 100644 index 0000000..ebe7e1c --- /dev/null +++ b/src/background_inv.png |