sync

static/assets/css/fonts.css

@@ -1,4 +1,4 @@
-/*Font template:*/
+/*Font template:
 
 @font-face {
     font-family: 'fontname';
@@ -6,7 +6,7 @@
         url('/assets/fonts/fontname.woff') format('woff');
     font-weight: normal;
     font-style: normal;
-}
+}*/
 
 /*Lato*/
 

static/assets/js/eastereggs.js

@@ -42,7 +42,7 @@ const utils = {
                         });
 
                         utils.easterEggActive = false;
-                    } catch (e) {}
+                    } catch (e) { }
 
                     keybindString = '';
                 }
@@ -94,8 +94,8 @@ easterEggs.push({
 
                 setTimeout(() => {
                     for (let i = 0; i < 360 * 3; i++) setTimeout(() => imageElement.style.filter = `hue-rotate(${i > 360 ? i - 360 * Math.trunc(i / 360) : i}deg)`, 20 * i);
-                    imageElement.style.animation = '1.05s ease 0s infinite beat';
-                }, 7400);
+                    imageElement.style.animation = '1.06s ease 0s infinite beat';
+                }, 7330);
 
                 audio.onended = () => {
                     imageElement.remove();
@@ -121,10 +121,102 @@ easterEggs.push({
     type: 'keybind',
     phrase: 'ham',
     run: () => {
-        
-    },
-    preload: () => {
+        const overlay = document.createElement('div');
+        overlay.style = `
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        background: #000;
+        z-index: 2147483645;`;
+        document.body.appendChild(overlay);
 
+        const menu = document.createElement('div');
+        menu.style = `
+        position: fixed;
+        z-index: 2147483646;
+        top: 0;
+        bottom: 0;
+        left: 50%;
+        -ms-transform: translate(-50%);
+        transform: translate(-50%);
+        width: 35%;
+        background: rgba(255, 255, 255, 0.1);`;
+        document.body.appendChild(menu);
+
+        const caller = document.createElement('div');
+        caller.innerHTML = `<img src="/assets/img/hamster.jpg" style="position: fixed;
+        width: 37vh;
+        height: 37vh;
+        object-fit: cover;
+        border-radius: 100%;
+        top: 10%;
+        left: 50%;
+        -ms-transform: translate(-50%);
+        transform: translate(-50%);"/>
+        
+        <span style="position: fixed;
+        display: block;
+        top: calc(37vh + 15%);
+        font-size: 5.5vh;
+        left: 50%;
+        -ms-transform: translate(-50%);
+        transform: translate(-50%);">Hamster</span>`;
+        menu.appendChild(caller);
+
+        const call = document.createElement('div');
+        call.style = ``;
+        call.innerHTML = ``;
+
+        const buttons = document.createElement('div');
+        buttons.style = `
+        position: fixed;
+        bottom: 10%;
+        left: 50%;
+        -ms-transform: translate(-50%);
+        transform: translate(-50%);
+        width: auto;
+        height: auto;
+        display: flex;`;
+        buttons.innerHTML = `
+        <span style="
+        width: 5vw;
+        height: 5vw;
+        display: block;
+        background: green;
+        display: flex;
+        border-radius: 100%;
+        cursor: pointer;
+        margin-right: 6vh;">
+            <i class="fa-solid fa-phone" style="font-size: 3vh;
+            margin: auto;
+            position: relative;"></i>
+        </span>
+
+        <span style="
+        width: 5vw;
+        height: 5vw;
+        display: block;
+        background: red;
+        display: flex;
+        border-radius: 100%;
+        cursor: pointer;">
+            <i class="fa-solid fa-phone-hangup" style="font-size: 3vh;
+            margin: auto;
+            position: relative;"></i>
+        </span>`;
+        menu.appendChild(buttons);
+
+        buttons.querySelectorAll('span')[0].addEventListener('click', () => {
+            caller.remove();
+            menu.appendChild(call);
+        });
+
+        buttons.querySelectorAll('span')[1].addEventListener('click', () => {
+            menu.remove();
+            overlay.remove();
+        });
     }
 });