<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>iFans</title>
    <base href="/">
    <meta name=viewport
          content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <link rel="icon" type="image/png" href="/assets/img/favicon.png"/>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script>
        document.addEventListener('contextmenu', function (event) {
            const element = event.target;
            if (element.tagName === 'IMG') {
                event.preventDefault();
            }
        });
    </script>
<link rel="stylesheet" href="styles.d91d24a4704071d4dc46.css"></head>
<style>
    body {
        margin: 0;
        padding: 0;
    }

    /*.content {*/
    /*    flex-grow: 1;*/
    /*    position: relative;*/
    /*    margin-bottom: 3rem;*/
    /*}*/

    .loading_bar {
        margin-top: 1.5rem;
        height: 2px;
        background: var(--c-border-main);
        position: relative;
        overflow: hidden;
    }

    .content_loader {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .loading {
        width: 12rem;
        margin-left: auto;
        margin-right: auto;
    }

    .loading_logo {
        display: block;
        width: 100%;
        pointer-events: none;
    }

    #loading-screen {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
</style>
<body>
<div include="/assets/img/sprite.svg?rev=2545323148715"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCAc5v2IPSUe4rOURPydmD3uV7z99W51Xg&libraries=places&language=en"></script>
<script>
    if (global === undefined) {
        var global = window;
    }

    function includeHTML() {
        var z, i, elmnt, file, xhttp;
        /* Loop through a collection of all HTM L elements: */
        z = document.getElementsByTagName('*');
        for (i = 0; i < z.length; i++) {
            elmnt = z[i];
            /*search for elements with a certain atrribute:*/
            file = elmnt.getAttribute('include');
            if (file) {
                /* Make an HTTP request using the attribute value as the file name: */
                xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function () {
                    if (this.readyState == 4) {
                        if (this.status == 200) {
                            elmnt.innerHTML = this.responseText;
                            // get the element's parent node
                            var parent = elmnt.parentNode;
                            // move all children out of the elmntement
                            while (elmnt.firstChild) parent.insertBefore(elmnt.firstChild, elmnt);
                            // remove the empty element
                            parent.removeChild(elmnt);
                        }
                        if (this.status == 404) {
                            elmnt.innerHTML = 'Page not found.';
                        }
                        /* Remove the attribute, and call this function once more: */
                        elmnt.removeAttribute('include');
                        includeHTML();
                    }
                };
                xhttp.open('GET', file, true);
                xhttp.send();
                /* Exit the function: */
                return;
            }
        }
    }

    includeHTML();

    function customToggleClass(element, className) {
        element.classList.toggle(className);
    }
</script>

<div id="loading-screen">
    <div class="content_loader loading">
        <img class="loading_logo" src="./assets/img/logo.png" alt="">
        <div class="loading_bar">
            <div></div>
        </div>
    </div>
</div>
<script>
    let color;

    switch (localStorage.getItem('theme')) {

        case 'dark':
            color = '#2E3143';
            break;

        case 'light':
            color = '#F5F5F9';
            break;

        default:
            color = '#F5F5F9';
    }

    document.getElementById('loading-screen').style.background = color;
</script>
<app-root></app-root>
<script src="https://cdn.jwplayer.com/libraries/vYGhIPbF.js" defer async></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169253744-1"></script>

<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());

    gtag('config', 'UA-169253744-1');
</script>
<script type="text/javascript">
    window._mfq = window._mfq || [];
    (function () {
        var mf = document.createElement('script');
        mf.type = 'text/javascript';
        mf.defer = true;
        mf.src = '//cdn.mouseflow.com/projects/c4004318-1971-4b55-830a-84700d2eb4e3.js';
        document.getElementsByTagName('head')[0].appendChild(mf);
    })();
</script>
<!-- Facebook Pixel Code -->
<script>
    !function (f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function () {
            n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments);
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = '2.0';
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s);
    }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '748960089055448');
    fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
               src="https://www.facebook.com/tr?id=748960089055448&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<script src="runtime-es2015.ff5eb31570699a64cc7a.js" type="module"></script><script src="runtime-es5.ff5eb31570699a64cc7a.js" nomodule defer></script><script src="polyfills-es5.85915e1d515094d95f5b.js" nomodule defer></script><script src="polyfills-es2015.6466ae8c951b76b1d059.js" type="module"></script><script src="scripts.43f94972c9764ee5ba0d.js" defer></script><script src="vendor-es2015.5497c576ea9c241d3fac.js" type="module"></script><script src="vendor-es5.5497c576ea9c241d3fac.js" nomodule defer></script><script src="main-es2015.5c6475a0530d849640cc.js" type="module"></script><script src="main-es5.5c6475a0530d849640cc.js" nomodule defer></script></body>
</html>
