diff --git a/static/assets/css/nav.css b/static/assets/css/nav.css
index 4c260f7..cf8b67e 100644
--- a/static/assets/css/nav.css
+++ b/static/assets/css/nav.css
@@ -28,7 +28,6 @@
.navbar>.title {
margin: 1vh;
- margin-bottom: 0px;
}
.navbar>.title>img {
@@ -39,16 +38,16 @@
.navbar>.title>span {
font-family: 'Lato-Black';
font-size: 3vh;
- margin-left: 1.3vh;
- position: relative;
- top: -2.8vh;
+ left: 11vh;
+ position: absolute;
+ text-align: left;
}
.navbar>.title>span>span {
- display: block;
+ display: flex;
position: relative;
font-size: 1.2vh;
- margin-left: 3vh;
+ width: auto;
}
.navbar>.right {
diff --git a/static/assets/js/eastereggs.js b/static/assets/js/eastereggs.js
index a158e87..d8a38e0 100644
--- a/static/assets/js/eastereggs.js
+++ b/static/assets/js/eastereggs.js
@@ -294,9 +294,56 @@ easterEggs.push({
phrase: 'rick',
run: () => {
return new Promise((resolve, reject) => {
- const logo = document.querySelector('img[src="/assets/img/logo.png"]');
-
+ const navbarTitle = document.querySelector('.title');
+ const title = navbarTitle.querySelector('span');
+ title.innerHTML = 'Rick (spam click the logo)';
+ const logo = navbarTitle.querySelector('img');
logo.src = '/assets/img/rick.png';
+
+ var audioPlaying = false;
+ var clickTime = 0;
+ var clicks = 0;
+
+ const rick = document.createElement('img');
+ rick.src = '/assets/img/rick.png';
+ rick.style = `position: fixed;
+ bottom: -60px;
+ right: -60px;
+ height: 500px;
+ display: block;
+ z-index: -99;
+ transform: rotate(-30deg);`;
+ document.body.appendChild(rick);
+
+ const rickClick = navbarTitle.addEventListener('click', (e) => {
+ e.preventDefault();
+
+ if ((Date.now() - clickTime) < 500) clicks += 1;
+ else clicks = 0;
+
+ if (clicks > 2 && !audioPlaying) {
+ clicks = 0;
+ clickTime = 0;
+
+ const audio = new Audio('/assets/misc/rickroll.mp3');
+ audio.play();
+
+ audio.onplay = () => {
+ audioPlaying = true;
+ };
+
+ audio.onended = () => {
+ audioPlaying = false;
+ title.innerHTML = 'Polaris by Skool';
+ logo.src = '/assets/img/logo.png';
+
+ navbarTitle.removeEventListener('click', rickClick);
+ rick.remove();
+ audio.remove();
+ resolve();
+ };
+ } else clickTime = Date.now();
+ });
});
}
});
diff --git a/static/assets/misc/rickroll.mp3 b/static/assets/misc/rickroll.mp3
new file mode 100644
index 0000000..1689eae
Binary files /dev/null and b/static/assets/misc/rickroll.mp3 differ