From 264cdffad09d06d82204b26b168dbc4946189090 Mon Sep 17 00:00:00 2001
From: Renard
Date: Sat, 28 Sep 2019 14:54:31 -0300
Subject: Nuevo logo

---
 src/App.css            |  19 +++++++++++++++++++
 src/Home.js            |  18 +++++++++++++-----
 src/background.png     | Bin 0 -> 85918 bytes
 src/background_inv.png | Bin 0 -> 85793 bytes
 4 files changed, 32 insertions(+), 5 deletions(-)
 create mode 100644 src/background.png
 create mode 100644 src/background_inv.png

(limited to 'src')

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
new file mode 100644
index 0000000..9a3df16
Binary files /dev/null and b/src/background.png differ
diff --git a/src/background_inv.png b/src/background_inv.png
new file mode 100644
index 0000000..ebe7e1c
Binary files /dev/null and b/src/background_inv.png differ
-- 
cgit v1.2.1-18-gbd029