aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/App.css19
-rw-r--r--src/Home.js18
-rw-r--r--src/background.pngbin0 -> 85918 bytes
-rw-r--r--src/background_inv.pngbin0 -> 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
new file mode 100644
index 0000000..9a3df16
--- /dev/null
+++ b/src/background.png
Binary files differ
diff --git a/src/background_inv.png b/src/background_inv.png
new file mode 100644
index 0000000..ebe7e1c
--- /dev/null
+++ b/src/background_inv.png
Binary files differ