55 lines
7.6 KiB
HTML
55 lines
7.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="./favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<link href="./_app/immutable/assets/0.CuAYKM0E.css" rel="stylesheet">
|
|
<link href="./_app/immutable/assets/navigations.qTW2ynUa.css" rel="stylesheet">
|
|
<link href="./_app/immutable/assets/3.DxWaHxfu.css" rel="stylesheet">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/start.vF40YjvC.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/BF7Yuorz.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DQ4wegPz.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/CCN-q-DV.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DO8iMfni.js">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/app.BECAcouC.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/CjZ2NPsf.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/Dxno6nk1.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/sVqAQJgP.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DChXCVzF.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DqqhFrJ_.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/0.eGwy7R_y.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/3.D4qQnkAz.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DN-4COnd.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/BMK9YY9W.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/dG7Fh08x.js">
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover" class="bg-cover" style="background-image: url('https://i.imgur.com/JOEUn40.png')">
|
|
<div><!--[--><!--[--><!----><!----><div class="container flex flex-col min-h-screen justify-center items-center place-self-center"><!--[--><!----><!----><!----><!----><!----><!----><!--[--><!----><!----><!----><!----><!----><!----><!----><!----><div><!----><h1 class="text-5xl mb-4">Contact me</h1><!----></div><!----><!----><!----><!----><!----><!----><!----><!----> <!--[!--><!--]--><!----><!--]--><!----><!----><!----><!----><!----><!----><!--]--><!----> <!--[--><!----><!----><!----><!----><!----><!----><!--[--><!----><!----><!----><!----><!----><!----><!----><!----><div><!----><button class="mr-8 w-[13.5rem]"><div class="group relative flex size-full overflow-hidden rounded-xl bg-neutral-100 dark:bg-base-100 border text-black dark:text-white py-4 m-4 cursor-pointer flex-col items-center justify-center shadow-2xl whitespace-nowrap text-3xl group hover:border-[#7289DAAA] transition-all duration-300 svelte-1dd4shl"><div class="relative z-10"><!----><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><!----></div> <!----><!----><!----><!----><!--[--><!----><!----><!----><!----><!----><!----><!----><!----><div class="pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><!----><!----><!----><!----><!----><!----><!----><!----> <!--[!--><!--]--><!----><!--]--><!----><!----><!----><!----><!----></div><!----></button><!----></div><!----><!----><!----><!----><!----><!----><!----><!----> <!--[!--><!--]--><!----><!--]--><!----><!----><!----><!----><!----><!----><!--]--><!----> <!--[--><!----><!----><!----><!----><!----><!----><!--[--><!----><!----><!----><!----><!----><!----><!----><!----><div><!----><a href="https://t.me/f1rqq" target="_blank"><div class="group relative flex size-full overflow-hidden rounded-xl bg-neutral-100 dark:bg-base-100 border text-black dark:text-white py-4 mr-8 cursor-pointer flex-col items-center justify-center shadow-2xl whitespace-nowrap text-3xl group hover:border-[#24A1DEAA] transition-all duration-300 svelte-1dd4shl"><div class="relative z-10"><!----><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><!----></div> <!----><!----><!----><!----><!--[--><!----><!----><!----><!----><!----><!----><!----><!----><div class="pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><!----><!----><!----><!----><!----><!----><!----><!----> <!--[!--><!--]--><!----><!--]--><!----><!----><!----><!----><!----></div><!----></a><!----></div><!----><!----><!----><!----><!----><!----><!----><!----> <!--[!--><!--]--><!----><!--]--><!----><!----><!----><!----><!----><!----><!--]--><!----> <!--[--><!----><!----><!----><!----><!----><!----><!--[--><!----><!----><!----><!----><!----><!----><!----><!----><div><!----><button class="mr-8 w-[13.5rem]"><div class="group relative flex size-full overflow-hidden rounded-xl bg-neutral-100 dark:bg-base-100 border text-black dark:text-white py-4 m-4 cursor-pointer flex-col items-center justify-center shadow-2xl whitespace-nowrap text-3xl group hover:border-[#bf0404AA] transition-all duration-300 svelte-1dd4shl"><div class="relative z-10"><!----><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><!----></div> <!----><!----><!----><!----><!--[--><!----><!----><!----><!----><!----><!----><!----><!----><div class="pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><!----><!----><!----><!----><!----><!----><!----><!----> <!--[!--><!--]--><!----><!--]--><!----><!----><!----><!----><!----></div><!----></button><!----></div><!----><!----><!----><!----><!----><!----><!----><!----> <!--[!--><!--]--><!----><!--]--><!----><!----><!----><!----><!----><!----><!--]--><!----></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><!----> <div class="btm-nav max-w-[16rem] max-h-[4rem] place-self-center mb-3 rounded-lg text-xl shadow-2xl bg-primary"><a aria-label="Home" href="./" class="svelte-1kgnly8"><i class="fa-solid fa-house svelte-1kgnly8"></i></a> <a aria-label="Contact" href="./contact" class="svelte-1kgnly8"><i class="fa-solid fa-address-book svelte-1kgnly8"></i></a> <a aria-label="Skills" href="./skills" class="svelte-1kgnly8"><i class="fa-solid fa-tools svelte-1kgnly8"></i></a> <a aria-label="Projects" href="./projects" class="svelte-1kgnly8"><i class="fa-solid fa-suitcase svelte-1kgnly8"></i></a></div><!----><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
|
|
<script>
|
|
{
|
|
__sveltekit_7r7e0q = {
|
|
base: new URL(".", location).pathname.slice(0, -1)
|
|
};
|
|
|
|
const element = document.currentScript.parentElement;
|
|
|
|
Promise.all([
|
|
import("./_app/immutable/entry/start.vF40YjvC.js"),
|
|
import("./_app/immutable/entry/app.BECAcouC.js")
|
|
]).then(([kit, app]) => {
|
|
kit.start(app, element, {
|
|
node_ids: [0, 3],
|
|
data: [null,null],
|
|
form: null,
|
|
error: null
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|