vtrl.cc Open in urlscan Pro
2606:4700:3033::6815:13c1  Public Scan

Form analysis
0 forms found in the DOM

Text Content

import{s as e,n as t,o as s}from"../chunks/scheduler.rLV5LDqG.js";import{S as l,i as a,e as n,s as r,c as o,g as i,h as c,f as d,d as m,a as x,b as h}from"../chunks/index.D6FG0JO7.js";function f(e){let s,l,a,f,g,u='<meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Login</title>',w='<div class="flex flex-col justify-center items-center z-10 md:ml-[9%]"><h1 class="text-white text-center font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl mt-[10vh] revealOnScroll fadeInText1">Welcome to VTRL</h1> <div class="flex flex-col items-stretch justify-stretch"><a class="flex items-center bg-[#5865F2] py-2 px-5 rounded-md mt-10 revealOnScroll fadeInText1 hover:shadow-blue-glow transition-all duration-300 ease-in-out" href="/auth/discordSignin"><img class="h-[1.2rem] ml-1" alt="dsicordf icon" src="/discord.png"/> <h1 class="whitespace-nowrap text-white font-semibold text-md sm:text-md md:text-xl lg:text-2xl ml-4 mr-1">Sign in with Discord</h1></a> <a href="/auth/googleSignin" class="flex items-center bg-[#DB4437] py-2 px-5 rounded-md mt-2 revealOnScroll fadeInText1 hover:shadow-red-glow transition-all duration-300 ease-in-out"><img class="h-[1.6rem] ml-1" alt="googl icon" src="/google.png"/> <h1 class="whitespace-nowrap text-white font-semibold text-md sm:text-md md:text-xl lg:text-2xl ml-4 mr-1">Sign in with Google</h1></a></div> <p class="text-[#A7A2A2] text-lg mt-40 text-center revealOnScroll fadeInText2">Any issues? Join the <a target="_blank" href="https://dsc.gg/vtrl" class="text-[#A246D8]">Discord</a> for support</p></div> <div class="hidden relative md:flex justify-center items-center z-10 -bottom-20 mr-[5%] w-3/4"><img class="max-w-[40%] md:max-w-[50%] lg:max-w-[60%] xl:max-w-[70%] 5xl:max-w-[80%] z-20 revealOnScroll fadeInInfoBox1 rounded-lg" src="/VTRL_DOcGJ2I4QB.webp" alt="vtrl ss 1"/> <img class="max-w-[30%] md:max-w-[40%] lg:max-w-[50%] xl:max-w-[60%] 5xl:max-w-[56%] absolute z-10 -top-20 blur-[1px] transition duration-1000 ease-in-out hover:blur-none revealOnScroll fadeInInfoBox2 rounded-lg" src="/VTRL_gEyR6OpWAA.webp" alt="vtrl ss 2"/> <img class="max-w-[20%] md:max-w-[30%] lg:max-w-[40%] xl:max-w-[50%] 5xl:max-w-[50%] absolute z-0 -top-36 blur-[2px] transition duration-1000 ease-in-out hover:blur-none revealOnScroll fadeInInfoBox3 rounded-lg" src="/VTRL_bXnm9Eff8i.webp" alt="vtrl ss 3"/></div>';return{c(){s=n("head"),s.innerHTML=u,l=r(),a=n("div"),a.innerHTML=w,f=r(),g=n("div"),this.h()},l(e){s=o(e,"HEAD",{"data-svelte-h":!0}),"svelte-r4ucx"!==i(s)&&(s.innerHTML=u),l=c(e),a=o(e,"DIV",{class:!0,"data-svelte-h":!0}),"svelte-1i0sgsd"!==i(a)&&(a.innerHTML=w),f=c(e),g=o(e,"DIV",{class:!0}),d(g).forEach(m),this.h()},h(){x(a,"class","w-screen h-screen flex md:justify-between items-center justify-center flex-col md:flex-row bg-[#0b0a0c] font-cabin"),x(g,"class","absolute bottom-0 left-0 h-screen w-screen gradientFrom z-0 svelte-19nhspz")},m(e,t){h(e,s,t),h(e,l,t),h(e,a,t),h(e,f,t),h(e,g,t)},p:t,i:t,o:t,d(e){e&&(m(s),m(l),m(a),m(f),m(g))}}}function g(e,t){e.forEach((e=>{e.isIntersecting&&(e.target.classList.add("show"),t.unobserve(e.target))}))}function u(e){const t={root:null,rootMargin:"0px",threshold:1};return s((()=>{const e=new IntersectionObserver(g,t);document.querySelectorAll(".revealOnScroll").forEach((t=>{e.observe(t)}))})),[]}class w extends l{constructor(t){super(),a(this,t,u,f,e,{})}}export{w as component};