<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        <title>Chris Brown</title>
        <link rel="shortcut icon" href="./assets/img/fav.png?v=a0a1a4"/>
        <meta name="title" content="Chris Brown" />
        <meta name="description" content="Brown Out Now" />

        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website" />
        <meta property="og:url" content="chrisbrownworld.com">
        <meta property="og:title" content="Chris Brown" />
        <meta property="og:site_name" content="Chris Brown"/>
        <meta property="og:description" content="Brown Out Now" />
        <meta property="og:image" content="https://chrisbrownworld.com/assets/img/og.jpg?v=a0a1a4"/>

        <!-- Twitter -->
        <meta property="twitter:card" content="summary_large_image" />
        <meta property="twitter:url" content="chrisbrownworld.com" />
        <meta property="twitter:title" content="Chris Brown" />
        <meta property="twitter:description" content="Brown Out Now" />
        <meta property="twitter:image" content="https://chrisbrownworld.com/assets/img/og.jpg?v=a0a1a4" />

        <meta name="facebook-domain-verification" content="mfw1xss08b9y21m3m6r35yhu4fhzs7" />

        <!-- Styles -->
        <link rel="stylesheet" id="css-library" href="css/style.css?v=a0a1a4" media="all"/>

        <!-- Fontawesome -->
        <link href="assets/fontawesome/css/fontawesome.css" rel="stylesheet" />
        <link href="assets/fontawesome/css/brands.css" rel="stylesheet" />

        <!-- Google Tag Manager -->
        <script>
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-PPBQ67');
        </script>
        <!-- End Google Tag Manager -->
       
    </head>
    <body id="home">

        <!-- Google Tag Manager (noscript) -->
        <noscript>
            <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPBQ67"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>
        <!-- End Google Tag Manager (noscript) -->

        <button class="menu-toggle" id="menuToggle" aria-controls="primary-menu" aria-expanded="false" onclick="toggleMenu()">
            <span>
                MENU
            </span>
        </button>

        <header>
            <nav id="menu">
                <a href="/" class="current">
                    Home
                </a>
                <a href="music">
                    Music
                </a>
                <a href="video">
                    Video
                </a>
                <a href="tour">
                    Tour
                </a>
                <button data-modal="join-modal" class="open-modal">
                    <span>
                        Join
                    </span>
                </button>
                <a href="https://lnk.to/chrisbrownofficialstore" target="_blank">
                    Store
                </a>
            </nav>
        </header>

        <main>
            <div class="main-content">
                <h1>
                    <img src="assets/img/brown-logo.webp" alt="Brown" class="logo" title="Brown">
                </h1>
                <div class="cta-container">
                    <a href="https://chrisbrown.lnk.to/BROWN" target="_blank">
                        Listen now
                    </a>
                </div>
            </div>
        </main>
        <footer>
            <div class="container">
                <div class="footer__left">
                    <div class="footer__left__top">
                        <div class="rca">
                            <a href="https://www.rcarecords.com/" target="_blank" rel="noopener">
                                <img src="assets/img/rca.svg" alt="RCA">
                            </a>
                        </div>
                    </div>
                    <div class="disclaimer">
                        © <span id="current_year"></span> <a href="https://www.sonymusic.com/" rel="noopener" target="_blank">SONY MUSIC ENTERTAINMENT</a>. ALL RIGHTS RESERVED. |
                        <a href="https://www.sonymusic.com/terms-and-conditions/" rel="noopener" target="_blank">
                            TERMS AND CONDITIONS
                        </a>
                        |
                        <a href="https://www.sonymusic.com/privacy-policy/" rel="noopener" target="_blank">
                            PRIVACY POLICY
                        </a>
                        |
                        <a href="https://www.sonymusic.com/how-we-use-your-data/" rel="noopener" target="_blank">
                            HOW WE USE YOUR DATA
                        </a>
                        |
                        <a href="https://www.sonymusic.com/privacy-policy/#your-california-privacy-rights" rel="noopener"
                            target="_blank">
                            YOUR CALIFORNIA PRIVACY RIGHTS
                        </a>
                        |
                        <a href="https://www.sonymusic.com/ccpa-contact-form/" rel="noopener" target="_blank">
                            DO NOT SELL MY PERSONAL INFORMATION
                        </a>
                        |
                        <a href="https://www.sonymusic.com/feedback/" rel="noopener" target="_blank">
                            SEND US FEEDBACK
                        </a>
                    </div>
                </div>
                <div class="cta-disclaimer">
                </div>
                <div class="footer__right">
                    <div class="social">
                        <a class="fab fa-facebook" href="https://www.facebook.com/chrisbrown" target="_blank" rel="noopener"
                            aria-label="Facebook">
                            <span class="sr-only">Facebook</span>
                        </a>
                        <a class="fab fa-x-twitter" href="https://twitter.com/chrisbrown" target="_blank" rel="noopener" aria-label="X">
                            <span class="sr-only">X</span>
                        </a>
                        <a class="fab fa-instagram" href="https://instagram.com/chrisbrownofficial/" target="_blank" rel="noopener"
                            aria-label="Instagram">
                            <span class="sr-only">Instagram</span>
                        </a>
                        <a class="fab fa-youtube" href="https://www.youtube.com/user/ChrisBrownVEVO" target="_blank" rel="noopener"
                            aria-label="YouTube">
                            <span class="sr-only">YouTube</span>
                        </a>
                    </div>
                </div>
            </div>
        </footer>
        <img src="assets/img/brown.webp" alt="Chris Brown" class="main-image" />
        <!-- Modal -->
        <div id="msg-modal" class="modal hidden">
            <span class="btn-close">
                <svg class="close" viewBox="0 0 100 100" width="30">
                    <rect class="line top" width="100" height="5" x="0" y="20"></rect>
                    <rect class="line bottom" width="100" height="5" x="0" y="80"></rect>
                </svg>
                <title>
                    Close
                </title>
            </span>
            <h2>Thank you</h2>
        </div>

        <div id="pre-add-modal" class="modal hidden">
            <span class="btn-close">
                <svg class="close" viewBox="0 0 100 100" width="30">
                    <rect class="line top" width="100" height="5" x="0" y="20"></rect>
                    <rect class="line bottom" width="100" height="5" x="0" y="80"></rect>
                </svg>
                <title>
                    Close
                </title>
            </span>
            <h2>Pre-add</h2>
            <div class="form-container">
                <form id="apple_music_form">
                    <label for="apple_music_email_address" class="sr">Email Address</label>
                    <div class="input-group">
                        <input id="apple_music_email_address" type="email" class="form-control" placeholder="Email Address"
                            value="" required>
                        <div class="input-group-append">
                            <button type="submit">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div id="join-modal" class="modal join-modal hidden">
            <span class="btn-close">
                <svg class="close" viewBox="0 0 100 100" width="30">
                    <rect class="line top" width="100" height="5" x="0" y="20"></rect>
                    <rect class="line bottom" width="100" height="5" x="0" y="80"></rect>
                </svg>
                <span class="sr-only">
                    Close
                </span>
            </span>
            <h2>
                Join
            </h2>
        
            <form id="chris-brown-main-site-newsletter">
                <input type="hidden" name="js_url" id="js_url" value="https://subs.sonymusicfans.com/submit">
                <input type="hidden" name="ae_segment_id" id="ae_segment_id" value="2028031">
                <input type="hidden" name="ae_brand_id" id="ae_brand_id" value="3443886">
                <input type="hidden" name="ae_activities" id="ae_activities"
                    value='{"actions":{"formsubmission":127680,"secondaryformsubmission":0},"mailing_list_optins":{"a0S61000001Yq0BEAS":127681}}'>
                <input type="hidden" name="ae" id="ae" value="db1275a443487a733c0a9127248d15de1f9e914d0e58fb57d1e3dbf16b7d6167">
                <input type="hidden" name="form" value="374205">
        
                <!-- Form Fields -->
                <div class="form-group" data-validation="Enter a valid email address">
                    <label for="field_email_address">
                        Email Address
                    </label>
                    <input class="form-control" id="field_email_address" name="field_email_address" type="email"
                        placeholder="Email address" required>
                </div>
        
                <!-- Default Mailing List -->
                <input type="checkbox" name="triggered_sends[]" id="confirmation_email" class="display-none" checked="checked"
                    value="">
                <input type="checkbox" name="triggered_sends[]" id="ts-for-mailing-list-id[0]"
                    class="triggered_sends display-none" value="">
                <div class="input-group hidden">
                    <div class="checkbox">
                        <label for="mailing-list-id[0]">
                            <input type="hidden" class="mailing-list-id" id="mailing-list-id[0]" name="mailing-list-id[0]"
                                value="a0S61000001Yq0BEAS">
                            <p>I'd like to subscribe to the Chris Brown newsletter</p>
                        </label>
                    </div>
                </div>
        
                <!-- Submit Button -->
                <button type="submit" name="submit_join" id="submit_join" class="btn btn-default">Subscribe</button>
        
            </form>
            <span>
                By submitting this form you agree to receive news from Chris Brown and Sony Music. For more information on how
                we use your data, please see the links below.
            </span>
        
        </div>
        <!-- End Modal -->

        <!-- jQuery -->
        <script src="js/lib/jquery/4-0-0/jquery.min.js"></script>

        <!-- Scripts -->
        <script src="js/scripts.js"></script>
        <script>
            jQuery(document).ready(function ($) {
                $("#chris-brown-main-site-newsletter").on("submit", function (e) {
                    e.preventDefault();
                    var data = $(this).serialize();
                    $.ajax({
                        type: "POST",
                        url: "https://subs.sonymusicfans.com/submit",
                        dataType: "json",
                        data: data,
                        xhrFields: {
                            withCredentials: false
                        },
                        success: function (data) {
                            $('body').addClass('open-modal');
                            $('.modal').addClass('hidden');
                            $("#msg-modal h2").html("Thank you for signing up!");
                            $('#msg-modal').removeClass('hidden');
                        },
                        error: function (err) {
                            $('body').addClass('open-modal');
                            $('.modal').addClass('hidden');
                            $("#msg-modal h2").html("It seems there was a problem. Please try again.");
                            $('#msg-modal').removeClass('hidden');
                        }
                    });
                });
            });
            $('body').on('change', '.mailing-list-id', function () {
				$( "#ts-for-"+$(this).attr('id')).prop( "checked", $(this).is(':checked') );
			});

        </script>

        <!-- Appple -->
        <script src="https://cdn.smehost.net/formssonymusicfanscom-appirioprod/apple-music/v1/amk.js"></script>
        <script>
            document.addEventListener("musickitloaded", function () {
                var sm = new SMEAppleMusic({
                    ae: {
                        ae: "db1275a443487a733c0a9127248d15de1f9e914d0e58fb57d1e3dbf16b7d6167",
                        brand_id: "5536487",
                        segment_id: "2391780",
                        activities: '{"actions":{"presave":180939},"mailing_list_optins":{"a0STy000000r0EnMAI":180940}}'
                    },
                    am: {
                        dev_token: "",
                        save_mode: "library",
                        custom_playlist_name: "",
                        new_apple_presave: true,
                        resources: {
                            playlists: [],
                            albums: []
                        }
                    },
                    sf: {
                        form: "742398",
                        default_mailing_list: ""
                    },
                    smf: {
                        campaign_id: "742398",
                        campaign_key: "646bb22a56d57952d4068f4ef116f666"
                    }
                });
                document.getElementById("apple_music_form").addEventListener("submit", function (e) {
                    e.preventDefault();
                    var email = document.getElementById("apple_music_email_address").value;
                    sm.doActions(email, false, ["a0S61000001Yq0BEAS"]).then(function (res) {
                        $(".modal").addClass('hidden');
                        $("body").addClass('open-modal');
                        $("#msg-modal h2").html("Thank you for pre-adding!");
                        $("#msg-modal").removeClass('hidden');
                    }).catch(function (err) {
                        $(".modal").addClass('hidden');
                        $("body").addClass('open-modal');
                        $("#msg-modal h2").html("Please enter valid information.");
                        $("#msg-modal").removeClass("hidden");
                    });
                });
            });
        </script>
        <script src="https://js-cdn.music.apple.com/musickit/v1/musickit.js"></script>
        
        <!-- Spotify -->
        <script type="text/javascript">
            let SMEPreSave = {
                state: null,
                spotify_user: null,
                url_vars: [],
                getURLVars: function (callback, form_id) {
                    let hash;
                    let hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
                    for (let i = 0; i < hashes.length; i++) {
                        hash = hashes[i].split('=');
                        this.url_vars.push(hash[0]);
                        this.url_vars[hash[0]] = hash[1];
                    }
                    this.state = 'state' in this.url_vars ? this.url_vars['state'] : null;
                    this.ae_member_id = 'ae_member_id' in this.url_vars ? this.url_vars['ae_member_id'] : null;
                    this.spotify_user = 'spotify_user' in this.url_vars ? this.url_vars['spotify_user'] : null;
                    this.deezer_user = 'deezer_user' in this.url_vars ? this.url_vars['deezer_user'] : null;
                    this.message = 'message' in this.url_vars ? this.url_vars['message'] : null;
                    if (typeof callback === 'function') {
                        callback(this.state, this.ae_member_id, this.spotify_user, this.deezer_user, this.message);
                    }
                }
            };
            SMEPreSave.getURLVars(function (state, ae_member_id, spotify_user, deezer_user, message) {
                if (state === 'success' || state === 'thank-you') {
                    $("body").addClass("open-modal");
                    $(".modal").addClass('hidden');
                    $("#msg-modal h2").html("Thank you for pre-saving!");
                    $("#msg-modal").removeClass('hidden');
                }
            });
        </script>

    </body>
</html>
