2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
import{b as l,t as i}from"../chunks/DChXCVzF.js";import{i as L}from"../chunks/DN-4COnd.js";import{t as R,C,$ as U,U as Y,v as W,V as o,W as r,X as c,a0 as B,T as F,a1 as q,a2 as X}from"../chunks/DQ4wegPz.js";import{m as S,a as G,b as H,c as I,d as J,e as K,f as Q,B as T,t as V,N as Z}from"../chunks/BMK9YY9W.js";import{e as b}from"../chunks/Dxno6nk1.js";import{p as E}from"../chunks/DqqhFrJ_.js";import{o as tt}from"../chunks/DO8iMfni.js";import{u as et}from"../chunks/dG7Fh08x.js";var at=i('<div class="flex items-center justify-center h-full text-center"><p class="text-2xl">Magic Card</p></div>'),ot=i('<div class="pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>'),rt=i('<div><div class="relative z-10"><!></div> <!></div>');function N(h,s){R(s,!1);let a=E(s,"gradientSize",8,200),u=E(s,"gradientColor",8,"#262626"),x=E(s,"gradientOpacity",8,.8),w=E(s,"class",8,""),M=S(a()),A=S(u()),p=S(-a()),d=S(-a());function j(e){const n=e.currentTarget.getBoundingClientRect();p.set(e.clientX-n.left),d.set(e.clientY-n.top)}function k(){p.set(-a()),d.set(-a())}tt(()=>{p.set(-a()),d.set(-a())});let z=et`radial-gradient(${M}px circle at ${p}px ${d}px, ${A}, transparent 100%)`;L();var v=rt();const _=B(()=>K(Q("group relative flex size-full overflow-hidden rounded-xl bg-neutral-100 dark:bg-base-100 border text-black dark:text-white justify-center py-4",w())));var g=o(v),D=o(g);G(D,s,"default",{},e=>{var n=at();l(e,n)}),r(g);var P=c(g,2),O=B(()=>({background:z,opacity:x()}));H(P,{get style(){return C(O)},children:U,$$slots:{default:(e,n)=>{const t=B(()=>n.motion);var m=ot();I(m,f=>{var $;return($=C(t))==null?void 0:$(f)}),l(e,m)}}}),r(v),Y(()=>J(v,C(_),"svelte-1dd4shl")),b("mousemove",v,j),b("mouseleave",v,k),l(h,v),W()}var st=i('<h1 class="text-5xl mb-4">Contact me</h1>'),lt=i('<div class="group-hover:text-[#7289DA] transition-all duration-500 flex gap-1.5 justify-center items-center font-semibold"><i class="fa-brands fa-discord"></i> Discord</div>'),it=i('<button class="mr-8 w-[13.5rem]"><!></button>'),nt=i('<div class="group-hover:text-[#24A1DE] transition-all duration-500 flex gap-1.5 justify-center items-center font-semibold"><i class="fa-brands fa-telegram text-3xl"></i> Telegram</div>'),dt=i('<a href="https://t.me/f1rqq" target="_blank"><!></a>'),ct=i('<div class="group-hover:text-[#bf0404] transition-all duration-500 flex gap-1.5 justify-center items-center font-semibold"><i class="fa-solid fa-envelope"></i> E-Mail</div>'),vt=i('<button class="mr-8 w-[13.5rem]"><!></button>'),mt=i('<div class="container flex flex-col min-h-screen justify-center items-center place-self-center"><!> <!> <!> <!></div> <dialog class="modal modal-bottom sm:modal-middle"><div class="modal-box"><h3 class="text-lg font-bold">Discord</h3> <p class="py-4">To contact me via Discord, add me: <span class="text-[#7289DA]">f1rq</span></p> <div class="modal-action"><form method="dialog"><button class="btn">Close</button></form></div></div></dialog> <dialog class="modal modal-bottom sm:modal-middle"><div class="modal-box"><h3 class="text-lg font-bold">E-Mail</h3> <p class="py-4">To contact me via E-Mail, send message at:<br> <a href="mailto:contact@f1rq.ovh"><span class="text-[#bf0404] hover:text-[#ff0303] transition-colors">contact@f1rq.ovh</span></a></p> <div class="modal-action"><form method="dialog"><button class="btn">Close</button></form></div></div></dialog>',1);function ft(h){let s=X(!1),a=X(!1);var u=mt(),x=F(u),w=o(x);T(w,{delay:.1,children:(e,n)=>{var t=st();l(e,t)},$$slots:{default:!0}});var M=c(w,2);T(M,{delay:.1*2,children:(e,n)=>{var t=it(),m=o(t);N(m,{class:"m-4 cursor-pointer flex-col items-center justify-center shadow-2xl whitespace-nowrap text-3xl group hover:border-[#7289DAAA] transition-all duration-300",gradientColor:"#425082",gradientSize:200,children:(f,$)=>{var y=lt();l(f,y)},$$slots:{default:!0}}),r(t),b("click",t,()=>q(s,!0)),l(e,t)},$$slots:{default:!0}});var A=c(M,2);T(A,{delay:.1*3,children:(e,n)=>{var t=dt(),m=o(t);N(m,{class:"mr-8 cursor-pointer flex-col items-center justify-center shadow-2xl whitespace-nowrap text-3xl group hover:border-[#24A1DEAA] transition-all duration-300",gradientColor:"#0b5980",gradientSize:200,children:(f,$)=>{var y=nt();l(f,y)},$$slots:{default:!0}}),r(t),l(e,t)},$$slots:{default:!0}});var p=c(A,2);T(p,{delay:.1*4,children:(e,n)=>{var t=vt(),m=o(t);N(m,{class:"m-4 cursor-pointer flex-col items-center justify-center shadow-2xl whitespace-nowrap text-3xl group hover:border-[#bf0404AA] transition-all duration-300",gradientColor:"#5e0000",gradientSize:200,children:(f,$)=>{var y=ct();l(f,y)},$$slots:{default:!0}}),r(t),b("click",t,()=>q(a,!0)),l(e,t)},$$slots:{default:!0}}),r(x);var d=c(x,2),j=o(d),k=c(o(j),4),z=o(k),v=o(z);r(z),r(k),r(j),r(d);var _=c(d,2),g=o(_),D=c(o(g),4),P=o(D),O=o(P);r(P),r(D),r(g),r(_),Y(()=>{V(d,"modal-open",C(s)),V(_,"modal-open",C(a))}),b("click",v,()=>q(s,!1)),b("click",O,()=>q(a,!1)),l(h,u)}var ut=i("<!> <!>",1);function Ct(h){var s=ut(),a=F(s);ft(a);var u=c(a,2);Z(u),l(h,s)}export{Ct as component};
|