// globalThis polyfill - MUST BE FIRST (function() { if (typeof globalThis === 'undefined') { if (typeof window !== 'undefined') { window.globalThis = window; } else if (typeof global !== 'undefined') { global.globalThis = global; } else if (typeof self !== 'undefined') { self.globalThis = self; } } })(); // IntersectionObserver polyfill if (!window.IntersectionObserver) { window.IntersectionObserver = function(callback, options) { this.callback = callback; this.options = options || {}; this.elements = []; this.observe = function(element) { if (this.elements.indexOf(element) === -1) { this.elements.push(element); this._checkIntersection(element); } }; this.unobserve = function(element) { var index = this.elements.indexOf(element); if (index > -1) { this.elements.splice(index, 1); } }; this.disconnect = function() { this.elements = []; }; this._checkIntersection = function(element) { var rect = element.getBoundingClientRect(); var isIntersecting = rect.top < window.innerHeight && rect.bottom > 0; this.callback([{ target: element, isIntersecting: isIntersecting, intersectionRatio: isIntersecting ? 1 : 0, boundingClientRect: rect, rootBounds: { top: 0, left: 0, bottom: window.innerHeight, right: window.innerWidth, width: window.innerWidth, height: window.innerHeight }, intersectionRect: isIntersecting ? rect : { top: 0, left: 0, bottom: 0, right: 0, width: 0, height: 0 } }]); }; // Basic scroll listener for intersection detection var self = this; this._scrollHandler = function() { self.elements.forEach(function(element) { self._checkIntersection(element); }); }; if (window.addEventListener) { window.addEventListener('scroll', this._scrollHandler); window.addEventListener('resize', this._scrollHandler); } }; window.IntersectionObserverEntry = function() {}; } // queueMicrotask polyfill if (typeof queueMicrotask !== 'function') { window.queueMicrotask = function(callback) { Promise.resolve().then(callback).catch(function(error) { setTimeout(function() { throw error; }, 0); }); }; } // String polyfills String.prototype.replaceAll = String.prototype.replaceAll || function(s,r){ return this.split(s).join(r); }; if (!String.prototype.startsWith) { String.prototype.startsWith = function(searchString, position) { return this.substr(position || 0, searchString.length) === searchString; }; } if (!String.prototype.endsWith) { String.prototype.endsWith = function(searchString, length) { var subjectString = this.toString(); if (typeof length !== 'number' || !isFinite(length) || Math.floor(length) !== length || length > subjectString.length) { length = subjectString.length; } length -= searchString.length; var lastIndex = subjectString.indexOf(searchString, length); return lastIndex !== -1 && lastIndex === length; }; } if (!String.prototype.includes) { String.prototype.includes = function(search, start) { if (typeof start !== 'number') { start = 0; } if (start + search.length > this.length) { return false; } else { return this.indexOf(search, start) !== -1; } }; } if (!String.prototype.padStart) { String.prototype.padStart = function(targetLength, padString) { targetLength = targetLength >> 0; padString = String(typeof padString !== 'undefined' ? padString : ' '); if (this.length > targetLength) { return String(this); } else { targetLength = targetLength - this.length; if (targetLength > padString.length) { padString += padString.repeat(targetLength / padString.length); } return padString.slice(0, targetLength) + String(this); } }; } // Array polyfills if (!Array.prototype.includes) { Array.prototype.includes = function(searchElement, fromIndex) { return this.indexOf(searchElement, fromIndex) !== -1; }; } if (!Array.prototype.find) { Array.prototype.find = function(callback, thisArg) { for (var i = 0; i < this.length; i++) { if (callback.call(thisArg, this[i], i, this)) { return this[i]; } } return undefined; }; } if (!Array.prototype.findIndex) { Array.prototype.findIndex = function(callback, thisArg) { for (var i = 0; i < this.length; i++) { if (callback.call(thisArg, this[i], i, this)) { return i; } } return -1; }; } if (!Array.from) { Array.from = function(arrayLike, mapFn, thisArg) { var result = []; var length = parseInt(arrayLike.length) || 0; for (var i = 0; i < length; i++) { if (i in arrayLike) { if (mapFn) { result[i] = mapFn.call(thisArg, arrayLike[i], i); } else { result[i] = arrayLike[i]; } } } return result; }; } if (!Array.prototype.at) { Array.prototype.at = function(index) { var len = this.length; var relativeIndex = parseInt(index) || 0; var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex; return (k >= 0 && k < len) ? this[k] : undefined; }; } // Object polyfills if (!Object.assign) { Object.assign = function(target) { if (target == null) { throw new TypeError('Cannot convert undefined or null to object'); } var to = Object(target); for (var index = 1; index < arguments.length; index++) { var nextSource = arguments[index]; if (nextSource != null) { for (var nextKey in nextSource) { if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { to[nextKey] = nextSource[nextKey]; } } } } return to; }; } if (!Object.keys) { Object.keys = function(obj) { var keys = []; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { keys.push(key); } } return keys; }; } if (!Object.values) { Object.values = function(obj) { var values = []; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { values.push(obj[key]); } } return values; }; } if (!Object.entries) { Object.entries = function(obj) { var entries = []; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { entries.push([key, obj[key]]); } } return entries; }; } // Promise polyfill (basic) if (!window.Promise) { window.Promise = function(executor) { var self = this; self.state = 'pending'; self.value = undefined; self.handlers = []; function resolve(value) { if (self.state === 'pending') { self.state = 'fulfilled'; self.value = value; self.handlers.forEach(handle); self.handlers = null; } } function reject(reason) { if (self.state === 'pending') { self.state = 'rejected'; self.value = reason; self.handlers.forEach(handle); self.handlers = null; } } function handle(handler) { if (self.state === 'pending') { self.handlers.push(handler); } else { if (self.state === 'fulfilled' && typeof handler.onFulfilled === 'function') { handler.onFulfilled(self.value); } if (self.state === 'rejected' && typeof handler.onRejected === 'function') { handler.onRejected(self.value); } } } this.then = function(onFulfilled, onRejected) { return new Promise(function(resolve, reject) { handle({ onFulfilled: function(value) { try { resolve(onFulfilled ? onFulfilled(value) : value); } catch (ex) { reject(ex); } }, onRejected: function(reason) { try { resolve(onRejected ? onRejected(reason) : reason); } catch (ex) { reject(ex); } } }); }); }; try { executor(resolve, reject); } catch (ex) { reject(ex); } }; } // Enhanced addEventListener polyfill (function() { // Window addEventListener if (!window.addEventListener) { window.addEventListener = function(event, handler, useCapture) { return window.attachEvent('on' + event, function(e) { e = e || window.event; e.target = e.target || e.srcElement; e.preventDefault = e.preventDefault || function() { e.returnValue = false; }; e.stopPropagation = e.stopPropagation || function() { e.cancelBubble = true; }; handler.call(window, e); }); }; } if (!window.removeEventListener) { window.removeEventListener = function(event, handler) { return window.detachEvent('on' + event, handler); }; } // Document addEventListener if (!document.addEventListener) { document.addEventListener = function(event, handler, useCapture) { return document.attachEvent('on' + event, function(e) { e = e || window.event; e.target = e.target || e.srcElement; e.preventDefault = e.preventDefault || function() { e.returnValue = false; }; e.stopPropagation = e.stopPropagation || function() { e.cancelBubble = true; }; handler.call(document, e); }); }; } if (!document.removeEventListener) { document.removeEventListener = function(event, handler) { return document.detachEvent('on' + event, handler); }; } // Element addEventListener - Multiple approaches var elementProtos = []; if (typeof Element !== 'undefined') elementProtos.push(Element.prototype); if (typeof HTMLElement !== 'undefined') elementProtos.push(HTMLElement.prototype); if (typeof Node !== 'undefined') elementProtos.push(Node.prototype); elementProtos.forEach(function(proto) { if (proto && !proto.addEventListener) { proto.addEventListener = function(event, handler, useCapture) { var element = this; var eventType = 'on' + event; if (element.attachEvent) { return element.attachEvent(eventType, function(e) { e = e || window.event; e.target = e.target || e.srcElement; e.currentTarget = element; e.preventDefault = e.preventDefault || function() { e.returnValue = false; }; e.stopPropagation = e.stopPropagation || function() { e.cancelBubble = true; }; handler.call(element, e); }); } }; proto.removeEventListener = function(event, handler) { if (this.detachEvent) { return this.detachEvent('on' + event, handler); } }; } }); })(); // querySelector polyfills if (!document.querySelector) { document.querySelector = function(selector) { var elements = document.querySelectorAll(selector); return elements.length ? elements[0] : null; }; } if (!document.querySelectorAll) { document.querySelectorAll = function(selector) { var style = document.createElement('style'); var elements = []; var element; var scope = document; document.documentElement.firstChild.appendChild(style); document._qsa = []; style.styleSheet.cssText = selector + '{x-qsa:expression(document._qsa && document._qsa.push(this))}'; window.scrollBy(0, 0); style.parentNode.removeChild(style); while (document._qsa.length) { element = document._qsa.shift(); element.style.removeAttribute('x-qsa'); elements.push(element); } document._qsa = null; return elements; }; } // classList polyfill if (!('classList' in document.createElement('_'))) { (function(view) { if (!('Element' in view)) return; var classListProp = 'classList', protoProp = 'prototype', elemCtrProto = view.Element[protoProp], objCtr = Object, strTrim = String[protoProp].trim || function() { return this.replace(/^s+|s+$/g, ''); }, arrIndexOf = Array[protoProp].indexOf || function(item) { var i = 0, len = this.length; for (; i < len; i++) { if (i in this && this[i] === item) { return i; } } return -1; }; var DOMTokenList = function(el) { this.el = el; var classes = el.className.replace(/^s+|s+$/g, '').split(/s+/); for (var i = 0; i < classes.length; i++) { this.push(classes[i]); } this._updateClassName = function() { el.className = this.toString(); }; }; DOMTokenList[protoProp] = []; DOMTokenList[protoProp].item = function(i) { return this[i] || null; }; DOMTokenList[protoProp].contains = function(token) { token += ''; return arrIndexOf.call(this, token) !== -1; }; DOMTokenList[protoProp].add = function() { var tokens = arguments; for (var i = 0; i < tokens.length; i++) { var token = tokens[i] + ''; if (arrIndexOf.call(this, token) === -1) { this.push(token); } } this._updateClassName(); }; DOMTokenList[protoProp].remove = function() { var tokens = arguments; for (var i = 0; i < tokens.length; i++) { var token = tokens[i] + ''; var index = arrIndexOf.call(this, token); if (index !== -1) { this.splice(index, 1); } } this._updateClassName(); }; DOMTokenList[protoProp].toggle = function(token, force) { token += ''; var result = this.contains(token), method = result ? force !== true && 'remove' : force !== false && 'add'; if (method) { this[method](token); } return force === true || force === false ? force : !result; }; DOMTokenList[protoProp].toString = function() { return this.join(' '); }; if (objCtr.defineProperty) { var classListPropDesc = { get: function() { return new DOMTokenList(this); }, enumerable: true, configurable: true }; try { objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc); } catch (ex) { if (ex.number === -0x7FF5EC54) { classListPropDesc.enumerable = false; objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc); } } } }(window)); } // Console polyfill if (!window.console) { window.console = { log: function() {}, error: function() {}, warn: function() {}, info: function() {}, debug: function() {} }; } (function() { if (typeof window !== 'undefined' && window.matchMedia) { // Check if MediaQueryList supports addEventListener var testMql = window.matchMedia('(min-width: 1px)'); if (testMql && typeof testMql.addEventListener !== 'function') { // Polyfill addEventListener for MediaQueryList var originalMatchMedia = window.matchMedia; window.matchMedia = function(query) { var mql = originalMatchMedia.call(this, query); if (!mql.addEventListener) { var listeners = []; mql.addEventListener = function(type, listener) { if (type === 'change') { listeners.push(listener); if (mql.addListener) { mql.addListener(listener); } } }; mql.removeEventListener = function(type, listener) { if (type === 'change') { var index = listeners.indexOf(listener); if (index > -1) { listeners.splice(index, 1); if (mql.removeListener) { mql.removeListener(listener); } } } }; } return mql; }; } } })();

Character Events

Join the Competition

Current Events