{"version":3,"file":"js/250.51bbee37.js","mappings":"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","sources":["webpack://frontend/./src/views/Home.vue","webpack://frontend/./src/views/Home.vue?9051"],"sourcesContent":["<template>\n    <div class=\"bg\">\n        <div class=\"section nopadding\">\n            <div class='container'>\n                <div class=\"columns\">\n                    <div class=\"column is-half\">\n                        <h1 class=\"arcane\" style=\"font-weight: 600; font-size: 90px\">Arcane</h1>\n                        <p class=\"pls-use\" style=\"font-size: 22px\">\n                            Levelup your Discord Server with the best Leveling and Multi-Purpose Discord Bot! Arcane will increase server activity while keeping the server squeaky clean. \n                            What are you waiting for? Join the other\n                            <span class=\"highlight-stats fade-in\">{{ stats.guilds }}</span> \n                            servers.\n                        </p>\n                        <br>\n                        <router-link to='/invite' class=\"button is-primary\">Add to Discord</router-link>\n                        <AdSpot\n                            ad-slot=\"home-mobile-links\"\n                            :mobileOnly=\"true\"\n                        ></AdSpot>\n                    </div>\n                    <div class=\"column is-desktop fade-in\">\n                        <img draggable=\"false\" src=\"@/assets/arcane-static.png\" class=\"logo\" loading=\"lazy\"/>\n                    </div>\n                </div>\n                <!-- <div class=\"columns\">\n                    <div class=\"column has-text-centered\">\n                        <h1 class=\"title has-text-white\">Create the BEST Discord server!</h1>\n                    </div>\n                </div> -->\n            </div>\n        </div>\n\n        <div class=\"wave\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 250\">\n                <path :fill=\"theme === 'dark' ? '#2C2F33' : 'transparent'\" transform=\"translate(0, -22)\" d=\"M0,128L60,138.7C120,149,240,171,360,170.7C480,171,600,149,720,144C840,139,960,149,1080,165.3C1200,181,1320,203,1380,213.3L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z\"></path>\n            </svg>\n            <!-- <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1920 250\" data-v-44df5d60=\"\">\n                <path fill=\"#2C2F33\" d=\"M1920.63,26.94l-.13,305.7H.5V41.24c108.29,13,349.38,59.16,557.91,59.14,266.94,0,386.89-70.07,804.78-93.51C1688.37-11.37,1882.84,14.06,1920.63,26.94Z\" data-v-44df5d60=\"\"></path>\n            </svg> -->\n        </div>\n        <div class=\"section\" :style=\"theme === 'dark' ? 'background-color: #2C2F33' : 'background-color: transparent'\">\n            <div class=\"container\">\n                <div class=\"columns fade-in\">\n\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/promo/levelcard.png\" class=\"showcase\" loading=\"lazy\"/>\n                    </div>\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">Leveling</h1>\n                        <h1 class=\"showcase\">Arcane provides all servers with free role rewards and leaderboards. Configure and claim a custom link to your leaderboard. Configure roles to earn more xp, blacklist roles, and other configuration features are also included.</h1>\n                        <router-link to=\"/features/leveling\" class=\"button is-primary is-size-5\" style=\"margin-top: 25px;\">Explore leveling</router-link>\n                    </div>\n                </div>\n                <div class=\"columns fade-in\">\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">Voice Leveling</h1>\n                        <h1 class=\"showcase\">Enable voice leveling in your server and let Arcane start calculating voice activity. Voice leveling is powerful and able to filter out users who are afk, mute, deaf, or idling for xp. Our system is the BEST voice xp out there.</h1>\n                        <router-link to=\"/features/leveling\" class=\"button is-primary is-size-5\" style=\"margin-top: 25px;\">Explore leveling</router-link>\n                    </div>\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/promo/voice.png\" class=\"showcase\" loading=\"lazy\" />\n                    </div>\n                </div>\n                <AdSpot\n                    ad-slot=\"homepage-ad-1\"\n                ></AdSpot>\n                <div class=\"columns fade-in\">\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/features/counters/counters.png\" class=\"showcase\" loading=\"lazy\" />\n                    </div>\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">Counters</h1>\n                        <h1 class=\"showcase\">Quickly and easily setup channel counters to showcase your server's member count, bots, boosts, goals, and more..</h1>\n                        <router-link to=\"/features/counters\" class=\"button is-primary is-size-5\" style=\"margin-top: 25px;\">Explore counters</router-link>\n                    </div>\n                </div>\n                <div class=\"columns fade-in\">\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">Youtube Notifications</h1>\n                        <h1 class=\"showcase\">With Arcane you can easily setup notifications to be sent directly to your youtube audience through discord. Raise views and spark interest in your discord server.</h1>\n                    </div>\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/promo/youtube.png\" class=\"showcase\" loading=\"lazy\" />\n                    </div>\n                </div>\n                <div class=\"columns fade-in\">\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/promo/logging.png\" class=\"showcase\" loading=\"lazy\" />\n                    </div>\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">Advanced Logging</h1>\n                        <h1 class=\"showcase\">Configure Arcane to log members who leave and join your server in less than a minute. Log messages, channels, voice channels, and more with a few clicks.</h1>\n                        <!-- <router-link to=\"/features/logging\" class=\"button is-primary is-size-5\" style=\"margin-top: 25px;\">Explore logging</router-link> -->\n                    </div>\n                </div>\n                <AdSpot\n                    ad-slot=\"homepage-ad-2\"\n                ></AdSpot>\n                <div class=\"columns fade-in\">\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">\n                            Moderation\n                            <span class=\"tag is-primary\">Discord AutoMod</span>\n                        </h1>\n                        <h1 class=\"showcase\">Prevent spamming, swearing, mass emojis, mass capitals and more with Arcane's Auto Moderation which is built upon Discord AutoMod. Use the simple and intuitive moderation commands to warn, kick, mute, or ban troublemakers.</h1>\n                        <router-link to=\"/features/moderation\" class=\"button is-primary is-size-5\" style=\"margin-top: 25px;\">Explore moderation</router-link>\n                    </div>\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/promo/moderation.png\" class=\"showcase\" loading=\"lazy\" />\n                    </div>\n                </div>\n                <div class=\"columns fade-in\">\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/promo/custom-commands.png\" class=\"showcase\" loading=\"lazy\" />\n                    </div>\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">Custom Commands</h1>\n                        <h1 class=\"showcase\">With Arcane you can create custom commands to add roles, remove roles, provide information or more. The possibilities are endless...</h1>\n                    </div>\n                </div>\n                <div class=\"columns fade-in\">\n                    <div class=\"column is-half\">\n                        <h1 class=\"showcase-title\">Reaction Roles</h1>\n                        <h1 class=\"showcase\">Allow users to give themselves roles with a reaction and give your discord a modern feel. Setup reaction roles with a few clicks on the dashboard.</h1>\n                    </div>\n                    <div class=\"column is-half\">\n                        <br>\n                        <img draggable=\"false\" src=\"@/assets/promo/reactionrole.png\" class=\"showcase\" loading=\"lazy\" />\n                    </div>\n                </div>\n                <!-- <div class=\"columns is-centered\">\n                    <div class=\"column is-half has-text-centered\">\n                        <adsense\n                            class=\"ad\"\n                            ad-client=\"ca-pub-8054338667382263\"\n                            ad-slot=\"8154473992\"\n                            ad-style=\"display:inline-block;height:90px;width:728px;\"\n                        >\n                        </adsense>\n                    </div>\n                </div> -->\n                <br>\n                <br>\n            </div>\n        </div>\n\n\n        <div class=\"wave upside-down\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 250\">\n                <path :fill=\"theme === 'dark' ? '#2C2F33' : 'transparent'\"  d=\"M0,192L30,181.3C60,171,120,149,180,133.3C240,117,300,107,360,90.7C420,75,480,53,540,48C600,43,660,53,720,69.3C780,85,840,107,900,101.3C960,96,1020,64,1080,80C1140,96,1200,160,1260,170.7C1320,181,1380,139,1410,117.3L1440,96L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z\"></path>\n            </svg>\n            <!-- <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1920 250\" data-v-44df5d60=\"\">\n                <path fill=\"#2C2F33\" d=\"M1920.63,26.94l-.13,305.7H.5V41.24c108.29,13,349.38,59.16,557.91,59.14,266.94,0,386.89-70.07,804.78-93.51C1688.37-11.37,1882.84,14.06,1920.63,26.94Z\" data-v-44df5d60=\"\"></path>\n            </svg> -->\n        </div>\n\n        <div class=\"section\" style=\"padding-bottom: 150px; padding-top: 0;\">\n            <div class=\"container fade-in\">\n                <h1 class=\"title has-text-centered has-text-white\">Quick Links</h1>\n                <div class=\"columns\">\n                    <div class=\"column is-half\">\n                        <div class=\"box\">\n                            <h1 class=\"title has-text-white is-size-4\">Arcane Premium</h1>\n                            <h1 class=\"subtitle has-text-grey-light is-size-6\">Premium starts at $7. Premium helps us to pay for servers to run the bot on.</h1>\n                            <router-link class=\"button is-primary\" to=\"/premium\">Learn more</router-link>                    \n                        </div>\n                    </div>\n                    <div class=\"column is-half\">\n                        <div class=\"box\">\n                            <h1 class=\"title has-text-white is-size-4\">Voting</h1>\n                            <h1 class=\"subtitle has-text-grey-light is-size-6\">Receive a 10% boost for voting! Voting allows Arcane to be advertised and found by new users.</h1>\n                            <router-link class=\"button is-primary\" to=\"/vote\">Do it</router-link>                    \n                        </div>\n                    </div>\n                </div>\n                <div class=\"columns\">\n                    <!-- <div class=\"column is-half\">\n                        <div class=\"box\">\n                            <h1 class=\"title has-text-white is-size-4\">Support</h1>\n                            <h1 class=\"subtitle has-text-grey-light is-size-6\">Join our support server to receive help with the bot, be notified of updates, and chat.</h1>\n                            <router-link class=\"button is-primary\" to=\"/support\">Join now</router-link>                    \n                        </div>\n                    </div> -->\n                    <!-- <div class=\"column is-half\">\n                        <div class=\"box\">\n                            <h1 class=\"title has-text-white is-size-4\">Review Arcane</h1>\n                            <h1 class=\"subtitle has-text-grey-light is-size-6\">Give us constructive feedback on how to improve Arcane and its features.</h1>\n                            <router-link class=\"button is-primary\" to=\"/review\">Review now</router-link>                    \n                        </div>\n                    </div> -->\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport PremiumPopup from '@/components/PremiumPopup.vue'\n\nexport default {\n    name: 'home',\n    components: {\n        PremiumPopup,\n    },\n    data() {\n        return {\n            stats: {\n                users: 'Loading',\n                guilds: 'Loading'\n            },\n            theme: localStorage.getItem('theme') || 'dark'\n        }\n    },\n    async created() {\n        let { data, status } = await this.axios.get(`/stats/simple`);\n        if (status === 200) {\n            console.log(data)\n            this.stats.guilds = data.guilds.toLocaleString();\n            // this.stats.users = data.users.toLocaleString();\n        }\n    },\n    async mounted() {\n        const handleScroll = (evt) => {\n            // console.log(evt)\n            for (var i = 0; i < fadeInElements.length; i++) {\n                var elem = fadeInElements[i]\n                if (isElemVisible(elem)) {\n                    elem.style.opacity = '1'\n                    elem.style.transform = 'scale(1)'\n                    fadeInElements.splice(i, 1) // only allow it to run once\n                }\n            }\n        }\n\n        const isElemVisible = (el) => {\n            var rect = el.getBoundingClientRect()\n            var elemTop = rect.top + 100 // 200 = buffer\n            var elemBottom = rect.bottom\n            return elemTop < window.innerHeight && elemBottom >= 0\n        }\n\n        const fadeInElements = Array.from(document.getElementsByClassName('fade-in'));\n        document.addEventListener('scroll', handleScroll);\n        handleScroll();\n        handleScroll();\n        handleScroll();\n    },\n    methods: {\n        plsStonks() {\n        }\n    },\n}\n</script>\n\n<style scoped>\n.fade-in {\n    opacity: 0;\n    transition: 1s all ease-out;\n    transform: translateY(50%);\n\n    margin-bottom: 150px;\n}\n\n@media only screen and (max-width: 1000px) {\n    .fade-in {\n        margin-bottom: 50px;\n    }\n}\n\n.button {\n    font-size: 20px;\n}\n\n.nopadding {\n    padding-bottom: 0 !important;\n}\n\n.wave {\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    transform: translateY(8px);\n}\n\n\n.upside-down {\n    transform: rotate(180deg) translateY(8px)\n}\n\n.bg {\n    \n    user-select: none !important;\n    background-image: url(\"~../assets/is_this_right.svg\");\n    \n    background-position: center;\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n    background-size: 100%;\n    min-height: 100%;\n    width: 100%;\n    height: auto;\n}\n\nh1.arcane {\n    color: #41B2B0;\n    font-size: 55px;\n    margin-bottom: 0px;\n    background-color: transparent;\n}\np.pls-use {\n    color: #99aab5;\n    font-size: 19px;\n}\n\n.highlight-stats {\n    color: #41B2B0;\n}\n.button {\n    margin-right: 5px;\n    margin-bottom: 5px;\n}\n\n@keyframes float {\n    0% {\n        transform: translateY(-5px);\n    }\n    50% {\n        transform: translateY(10px);\n    }\n    100% {\n        transform: translateY(-5px);\n    }\n}\nimg.logo {\n    animation: float 3s infinite ease-in-out;\n    border-radius: 50% !important;\n    border: none;\n    box-shadow: 0px 3px 10px -3px black;\n    width: 45%;\n    margin-left: 25%;\n    margin-top: 40px;\n}\nimg.showcase {\n    box-shadow: 0px 3px 10px -3px black;\n    align-content: center;\n    align-self: right;\n    border-radius: 10px;\n    transition: 0.4s ease-out;\n}\n\nimg.showcase:hover {\n    /* enlarge on hover */\n    cursor: pointer;\n    transform: scale(1.03);\n\ttransition: all 0.4s ease-in-out;\n\toverflow: hidden;\n}\nh1.showcase {\n    text-align: left;\n    color: #99AAB5;\n    font-size: 18px;\n}\nh1.showcase-title {\n    color: #41B2B0;;\n    font-size: 25px;\n    font-weight: 500;\n    margin-bottom: 0px;\n    margin-top: 40px;\n    text-align: left; \n    margin-left: 0;\n    padding-left: 0;\n}\n\n@media screen and (max-width: 960px) {\n    img.logo {\n        display: none !important;\n    }\n}\n\n.box:hover {\n    cursor: pointer;\n    transform: scale(1.03);\n\ttransition: all 0.4s ease-in-out;\n\toverflow: hidden;\n}\n\n.box {\n\ttransition: 0.4s ease-out;\n}\n\n.section {\n    user-select: none !important;\n}\n</style>\n\n","import { render } from \"./Home.vue?vue&type=template&id=3048b1f5&scoped=true\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\n\nimport \"./Home.vue?vue&type=style&index=0&id=3048b1f5&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3048b1f5\"]])\n\nexport default __exports__"],"names":["class","style","xmlns","viewBox","stats","guilds","to","mobileOnly","draggable","src","loading","fill","theme","transform","d","name","components","PremiumPopup","data","users","localStorage","getItem","created","status","this","axios","get","console","log","toLocaleString","mounted","handleScroll","evt","i","fadeInElements","length","elem","isElemVisible","opacity","splice","el","rect","getBoundingClientRect","elemTop","top","elemBottom","bottom","window","innerHeight","Array","from","document","getElementsByClassName","addEventListener","methods","plsStonks","__exports__","render"],"sourceRoot":""}