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