make cobalt awesome

Signed-off-by: wukko <me@wukko.me>

src/front/aprilFools/LICENSE

@@ -0,0 +1,3 @@
+a lot of images in assets are random stock photos from across the internet, AGPL license doesn't apply to them and we do not claim any ownership over them.
+
+comic mono and shantell sans also do not belong to us.

src/front/aprilFools/awesomeFonts.css

@@ -0,0 +1,10 @@
+@font-face {
+    font-family: Comic Mono;
+    font-weight: normal;
+    src: url(./assets/ComicMono.ttf);
+}
+@font-face {
+    font-family: Shantell Sans;
+    font-weight: normal;
+    src: url(./assets/ShantellSans.ttf);
+}

src/front/aprilFools/awesomeStyle.css

@@ -0,0 +1,27 @@
+/* happy april fools! */
+
+:root {
+    --font-mono: 'Comic Mono', 'Comic Sans MS', 'Comic Sans', 'Comic Neue', 'Shantell Sans', cursive;
+}
+* {
+    text-transform: capitalize;
+    letter-spacing: 0.03rem;
+}
+.text-to-copy {
+    text-transform: none;
+}
+#download-button,
+#url-clear {
+    font-family: 'Noto Sans Mono', 'Consolas', 'SF Mono', monospace;
+}
+#home::before {
+    opacity: 0.1;
+    content: '';
+    background: url(/aprilFools/assets/bliss.webp);
+    height: 100%;
+    width: 100%;
+    z-index: -1;
+    position: absolute;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}

src/front/aprilFools/awesomeTheme.js

@@ -0,0 +1,35 @@
+function changeIcon(button, src) {
+    document.getElementById(button).querySelector('.emoji').src = `aprilFools/assets/${src}`;
+}
+
+// load an Awesome theme on an Awesome day
+let date = new Date();
+if (date.getMonth() === 2 && date.getDate() === 31) {
+    let head = document.head;
+
+    head.appendChild(document.createElement('link')).rel = 'stylesheet';
+    head.lastChild.href = 'aprilFools/awesomeFonts.css';
+
+    head.appendChild(document.createElement('link')).rel = 'stylesheet';
+    head.lastChild.href = 'aprilFools/awesomeStyle.css';
+
+    changeIcon('urgent-notice-child', 'lock.jpg');
+
+    changeIcon('paste', 'paste.jpg');
+
+    changeIcon('audioMode-true', 'music.jpg');
+    changeIcon('audioMode-false', 'auto.jpg');
+
+    changeIcon('about-footer', 'dragon.jpg');
+    changeIcon('about-donate-footer', 'heart.jpg');
+    changeIcon('settings-footer', 'settings.jpg');
+
+    switch(document.documentElement.lang) {
+        case "en":
+            eid("logo").innerHTML = "Cobalt Media Downloader Ultra Pro Plus Max 2024";
+            break;
+        case "ru":
+            eid("logo").innerHTML = "Кобальт Медиа Загрузчик Ультра Про Плюс Макс 2024";
+            break;
+    }
+}

src/modules/pageRender/page.js

@@ -654,6 +654,8 @@ export default function(obj) {
             ])}
         </script>
         <script src="cobalt.js"></script>
+        <!--- Awesome theme --->
+        <script src="aprilFools/awesomeTheme.js"></script>
     </body>
 </html>
 `