diff --git a/README.md b/README.md
index cfe9bb9..ad09c66 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,14 @@
# redirect-website
+
Use this template if you wanna tell your consumers that your domain has changed.
+
+## Installation
+
+Download this repo, go in any editor and do the following steps:
+
+1. Replace `New Domain` with your new domain name (the new brand name).
+2. Replace `website-logo` with an absolute or relative path (latter needs file of course) to your new brand's logo.
+3. Replace `domain-link` with the url of the new website.
+4. Replace `old-website` with the logo from the old website.
+
+> Tip: Use `STRG` + `f` or `STRG` + `r` to replace all occurrences, depending on your editor.
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..4f1d6aa
--- /dev/null
+++ b/app.js
@@ -0,0 +1,83 @@
+const confetti = new JSConfetti();
+
+const emojis = ["🦄", "🌈", "✨", "💫", "🌸", "🥽", "💚", "🍉", "🍌", "🧁", "🚀", "💝", "😎"];
+
+var intervall;
+
+function play(min, max) {
+ StartConfetti();
+ intervall = setTimeout(play, Math.floor(Math.random() * (max - min) + min), min, max);
+}
+
+function pause() {
+ clearTimeout(intervall);
+}
+
+function getMultipleRandom(arr, num) {
+ const shuffled = [...arr].sort(() => 0.5 - Math.random());
+ return shuffled.slice(0, num);
+}
+
+function StartConfetti() {
+ var random = Math.random();
+ confetti.addConfetti({
+ emojis: getMultipleRandom(emojis, Math.round(Math.pow(Math.random(), 1.5) * 10)),
+ emojiSize: random * 50 + 30,
+ confettiRadius: random * 20 + 7,
+ confettiNumber: (Math.random() + 0.5 - random) * 50 + 20,
+ });
+}
+
+const setRandomInterval = (intervalFunction, minDelay, maxDelay) => {
+ let timeout;
+
+ const runInterval = () => {
+ const timeoutFunction = () => {
+ intervalFunction();
+ runInterval();
+ };
+
+ const delay = Math.floor(Math.random() * (maxDelay - minDelay + 1)) + minDelay;
+
+ timeout = setTimeout(timeoutFunction, delay);
+ };
+
+ runInterval();
+
+ return {
+ clear() {
+ clearTimeout(timeout);
+ },
+ };
+};
+
+document.getElementById("button").onclick = function () {
+ document.getElementById("button").blur();
+
+ var confettiEffect = localStorage.getItem("confetti-effect");
+
+ if (confettiEffect == "false") {
+ pause();
+ play(1000, 2000);
+ localStorage.setItem("confetti-effect", "true");
+ document.getElementById("button").innerHTML = "Stop Confetti";
+ } else {
+ pause();
+ localStorage.setItem("confetti-effect", "false");
+ document.getElementById("button").innerHTML = "Start Confetti";
+ }
+};
+
+function InitialConfetti() {
+ var confettiEffect = localStorage.getItem("confetti-effect");
+
+ if (confettiEffect == "true" || confettiEffect == null) {
+ pause();
+ play(1000, 2000);
+ document.getElementById("button").innerHTML = "Stop Confetti";
+ } else {
+ document.getElementById("button").innerHTML = "Start Confetti";
+ }
+}
+
+InitialConfetti();
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0e34722
--- /dev/null
+++ b/index.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ New Domain
+
+
+
+
+
+
+
+
+
+
+
+
We've Moved!
+
We have exciting news to share! Our company has undergone a major rebranding and we are thrilled to introduce our new name: New Domain. Kindly update your bookmarks. We remain committed to providing you with the exceptional services you've come to expect.
+
+ Thank you for your continued support during this exciting transition!
+