- ID de exploración:
- 7a67732d-75cd-4e03-8c7c-6c28ec543901Finalizado
- URL enviada:
- https://swayam25.github.io/
- Informe finalizado:
Enlaces: 13 encontrados
Los enlaces salientes identificados en la página
| Enlace | Texto |
|---|---|
| https://github.com/swayam25 | |
| https://discord.com/users/1272113262455951464 | |
| https://open.spotify.com/user/31lozcjyk355j54nho6m5k5aulvm | |
| https://python.org | Python |
| https://discord.com | Discord Bots |
| https://fastapi.tiangolo.com | FastAPI |
| https://kit.svelte.dev | SvelteKit |
| https://tailwindcss.com | TailwindCSS |
| https://github.com/swayam25/Rythmify | Rythmify2023Introducing Rythmify, your go-to web music player that's designed to amplify your moments.Music PlayerAD Free MusicHistoryPlaylist |
| https://github.com/swayam25/Bit-Box | Bit Box2023Elevate your coding skills with Bit Box. Whether you're a developer, a designer, a student, or anyone else who works with code, Bit Box makes it easy to share your work and get feedback from others.Code BinCloud IDECode Sharing |
Variables JavaScript: 3 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
| Nombre | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Mensajes de registro de la consola: 1 encontrados
Mensajes registrados en la consola web
| Tipo | Categoría | Registro |
|---|---|---|
| warning | other |
|
HTML
El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html lang="en"><head>
<title>Swayam</title>
<link rel="icon" href="https://github.com/swayam25.png">
<meta name="description" content="Hi, I'm Swayam! I have a passion for creating elegant and efficient code that delivers exceptional user experiences.">
<meta name="theme-color" content="#020516">
<meta name="author" content="Swayam">
<meta property="og:image" content="https://github.com/swayam25.png">
<link href="./_app/immutable/assets/0.BSC4BUNV.css" rel="stylesheet"><title>Swayam</title><!-- HEAD_svelte-gpt1jv_START --><!-- HEAD_svelte-gpt1jv_END -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">
<div class="min-h-screen lg:max-w-screen-xl block m-auto p-5 lg:py-0"> <div class="lg:flex lg:justify-between lg:items-start pt-10 lg:pt-0 transition-all"> <header class="lg:top-0 lg:py-24 lg:sticky flex flex-col justify-between items-start lg:h-screen lg:w-1/2 transition-all"> <div class="flex flex-col justify-start items-start" data-svelte-h="svelte-1k73263"><div class="flex justify-start items-center gap-x-2"><img src="https://github.com/swayam25.png" alt="Swayam Logo" class="size-20 rounded-lg object-cover"> <div class="flex flex-col justify-center items-start"><h1 class="font-semibold text-4xl lg:text-5xl">Swayam</h1> <p class="text-lg text-slate-200 font-base">Full Stack Developer</p></div></div> <p class="text-slate-400 mt-2 lg:max-w-sm">Have a passion for creating elegant and efficient code that delivers exceptional user experiences.</p></div> <div class="flex justify-start items-center gap-x-4 mt-5"><a href="https://github.com/swayam25" target="_blank" title="GitHub" class="text-slate-400 hover:text-slate-100 transition-colors duration-200"><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-8"><!-- HTML_TAG_START --><path fill="currentColor" d="M12.001 2c-5.525 0-10 4.475-10 10a9.99 9.99 0 0 0 6.837 9.488c.5.087.688-.213.688-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.337 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.687c-.1-.25-.45-1.275.1-2.65c0 0 .837-.263 2.75 1.024a9.3 9.3 0 0 1 2.5-.337c.85 0 1.7.112 2.5.337c1.913-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.02 10.02 0 0 0 22 12c0-5.525-4.475-10-10-10"></path><!-- HTML_TAG_END --></svg> </a><a href="https://discord.com/users/1272113262455951464" target="_blank" title="Discord" class="text-slate-400 hover:text-slate-100 transition-colors duration-200"><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-8"><!-- HTML_TAG_START --><path fill="currentColor" d="M19.303 5.337A17.3 17.3 0 0 0 14.963 4c-.191.329-.403.775-.552 1.125a16.6 16.6 0 0 0-4.808 0C9.454 4.775 9.23 4.329 9.05 4a17 17 0 0 0-4.342 1.337C1.961 9.391 1.218 13.35 1.59 17.255a17.7 17.7 0 0 0 5.318 2.664a13 13 0 0 0 1.136-1.836c-.627-.234-1.22-.52-1.794-.86c.149-.106.297-.223.435-.34c3.46 1.582 7.207 1.582 10.624 0c.149.117.287.234.435.34c-.573.34-1.167.626-1.793.86a13 13 0 0 0 1.135 1.836a17.6 17.6 0 0 0 5.318-2.664c.457-4.52-.722-8.448-3.1-11.918M8.52 14.846c-1.04 0-1.889-.945-1.889-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.888 2.102c0 1.156-.838 2.1-1.889 2.1m6.974 0c-1.04 0-1.89-.945-1.89-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.889 2.102c0 1.156-.828 2.1-1.89 2.1"></path><!-- HTML_TAG_END --></svg> </a><a href="https://open.spotify.com/user/31lozcjyk355j54nho6m5k5aulvm" target="_blank" title="Spotify" class="text-slate-400 hover:text-slate-100 transition-colors duration-200"><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-8"><!-- HTML_TAG_START --><path fill="currentColor" d="M12.001 2c-5.5 0-10 4.5-10 10s4.5 10 10 10s10-4.5 10-10s-4.45-10-10-10m3.75 14.65c-2.35-1.45-5.3-1.75-8.8-.95c-.35.1-.65-.15-.75-.45c-.1-.35.15-.65.45-.75c3.8-.85 7.1-.5 9.7 1.1c.35.15.4.55.25.85c-.2.3-.55.4-.85.2m1-2.7c-2.7-1.65-6.8-2.15-9.95-1.15c-.4.1-.85-.1-.95-.5s.1-.85.5-.95c3.65-1.1 8.15-.55 11.25 1.35c.3.15.45.65.2 1s-.7.5-1.05.25M6.3 9.75c-.5.15-1-.15-1.15-.6c-.15-.5.15-1 .6-1.15c3.55-1.05 9.4-.85 13.1 1.35c.45.25.6.85.35 1.3c-.25.35-.85.5-1.3.25C14.7 9 9.35 8.8 6.3 9.75"></path><!-- HTML_TAG_END --></svg> </a></div></header> <main class="lg:py-24 mt-10 lg:mt-0 lg:w-1/2 transition-all"> <section aria-label="About Me"><h1 class="text-xl font-semibold visible lg:hidden" data-svelte-h="svelte-1b7l2e">ABOUT ME</h1> <p class="text-slate-400 mt-2">Hi there! I started my coding journey in 2020 at the age of 12. It all began with <a href="https://python.org" target="_blank" class="inline-block border-b text-slate-100 border-slate-800 hover:border-slate-100 transition-colors duration-200 leading-1 "><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-fit inline-block"><!-- HTML_TAG_START --><path fill="currentColor" d="m14.25.18l.9.2l.73.26l.59.3l.45.32l.34.34l.25.34l.16.33l.1.3l.04.26l.02.2l-.01.13V8.5l-.05.63l-.13.55l-.21.46l-.26.38l-.3.31l-.33.25l-.35.19l-.35.14l-.33.1l-.3.07l-.26.04l-.21.02H8.77l-.69.05l-.59.14l-.5.22l-.41.27l-.33.32l-.27.35l-.2.36l-.15.37l-.1.35l-.07.32l-.04.27l-.02.21v3.06H3.17l-.21-.03l-.28-.07l-.32-.12l-.35-.18l-.36-.26l-.36-.36l-.35-.46l-.32-.59l-.28-.73l-.21-.88l-.14-1.05l-.05-1.23l.06-1.22l.16-1.04l.24-.87l.32-.71l.36-.57l.4-.44l.42-.33l.42-.24l.4-.16l.36-.1l.32-.05l.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75l-.02-.37l.05-.34l.11-.31l.17-.28l.25-.26l.31-.23l.38-.2l.44-.18l.51-.15l.58-.12l.64-.1l.71-.06l.77-.04l.84-.02l1.27.05zm-6.3 1.98l-.23.33l-.08.41l.08.41l.23.34l.33.22l.41.09l.41-.09l.33-.22l.23-.34l.08-.41l-.08-.41l-.23-.33l-.33-.22l-.41-.09l-.41.09zm13.09 3.95l.28.06l.32.12l.35.18l.36.27l.36.35l.35.47l.32.59l.28.73l.21.88l.14 1.04l.05 1.23l-.06 1.23l-.16 1.04l-.24.86l-.32.71l-.36.57l-.4.45l-.42.33l-.42.24l-.4.16l-.36.09l-.32.05l-.24.02l-.16-.01h-8.22v.82h5.84l.01 2.76l.02.36l-.05.34l-.11.31l-.17.29l-.25.25l-.31.24l-.38.2l-.44.17l-.51.15l-.58.13l-.64.09l-.71.07l-.77.04l-.84.01l-1.27-.04l-1.07-.14l-.9-.2l-.73-.25l-.59-.3l-.45-.33l-.34-.34l-.25-.34l-.16-.33l-.1-.3l-.04-.25l-.02-.2l.01-.13v-5.34l.05-.64l.13-.54l.21-.46l.26-.38l.3-.32l.33-.24l.35-.2l.35-.14l.33-.1l.3-.06l.26-.04l.21-.02l.13-.01h5.84l.69-.05l.59-.14l.5-.21l.41-.28l.33-.32l.27-.35l.2-.36l.15-.36l.1-.35l.07-.32l.04-.28l.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33l-.08.41l.08.41l.23.33l.33.23l.41.08l.41-.08l.33-.23l.23-.33l.08-.41l-.08-.41l-.23-.33l-.33-.23l-.41-.08l-.41.08z"></path><!-- HTML_TAG_END --></svg> Python</a>, where I first created some <a href="https://discord.com" target="_blank" class="inline-block border-b text-slate-100 border-slate-800 hover:border-slate-100 transition-colors duration-200 leading-1 "><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-fit inline-block"><!-- HTML_TAG_START --><path fill="currentColor" d="M19.303 5.337A17.3 17.3 0 0 0 14.963 4c-.191.329-.403.775-.552 1.125a16.6 16.6 0 0 0-4.808 0C9.454 4.775 9.23 4.329 9.05 4a17 17 0 0 0-4.342 1.337C1.961 9.391 1.218 13.35 1.59 17.255a17.7 17.7 0 0 0 5.318 2.664a13 13 0 0 0 1.136-1.836c-.627-.234-1.22-.52-1.794-.86c.149-.106.297-.223.435-.34c3.46 1.582 7.207 1.582 10.624 0c.149.117.287.234.435.34c-.573.34-1.167.626-1.793.86a13 13 0 0 0 1.135 1.836a17.6 17.6 0 0 0 5.318-2.664c.457-4.52-.722-8.448-3.1-11.918M8.52 14.846c-1.04 0-1.889-.945-1.889-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.888 2.102c0 1.156-.838 2.1-1.889 2.1m6.974 0c-1.04 0-1.89-.945-1.89-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.889 2.102c0 1.156-.828 2.1-1.89 2.1"></path><!-- HTML_TAG_END --></svg> Discord Bots</a>.
As I got more into coding, I explored APIs using tools like <a href="https://fastapi.tiangolo.com" target="_blank" class="inline-block border-b text-slate-100 border-slate-800 hover:border-slate-100 transition-colors duration-200 leading-1 "><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-fit inline-block"><!-- HTML_TAG_START --><path fill="currentColor" d="M12 .039c-6.627 0-12 5.354-12 11.96c-.001 6.606 5.372 11.963 12 11.962S24.001 18.605 24 12S18.627.039 12 .039m-.829 5.415h7.55l-7.58 5.329h5.182L5.28 18.543l5.891-13.088"></path><!-- HTML_TAG_END --></svg> FastAPI</a>.
I then moved on to mastering CLI apps before diving into frontend development.
Learning <a href="https://kit.svelte.dev" target="_blank" class="inline-block border-b text-slate-100 border-slate-800 hover:border-slate-100 transition-colors duration-200 leading-1 "><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-fit inline-block"><!-- HTML_TAG_START --><path fill="currentColor" d="M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767a4.1 4.1 0 0 1-.703-3.107a4 4 0 0 1 .134-.522l.105-.321l.287.21a7.2 7.2 0 0 0 2.186 1.092l.208.063l-.02.208a1.25 1.25 0 0 0 .226.83a1.34 1.34 0 0 0 1.435.533a1.2 1.2 0 0 0 .343-.15l5.59-3.562a1.16 1.16 0 0 0 .524-.778a1.24 1.24 0 0 0-.211-.937a1.34 1.34 0 0 0-1.435-.533a1.2 1.2 0 0 0-.343.15l-2.133 1.36a4 4 0 0 1-1.135.499a4.44 4.44 0 0 1-4.765-1.766a4.1 4.1 0 0 1-.702-3.108a3.86 3.86 0 0 1 1.742-2.582l5.589-3.563a4 4 0 0 1 1.135-.499a4.44 4.44 0 0 1 4.765 1.767a4.1 4.1 0 0 1 .703 3.107a4 4 0 0 1-.134.522l-.105.321l-.286-.21a7.2 7.2 0 0 0-2.187-1.093l-.208-.063l.02-.207a1.25 1.25 0 0 0-.226-.831a1.34 1.34 0 0 0-1.435-.532a1.2 1.2 0 0 0-.343.15L8.62 9.368a1.16 1.16 0 0 0-.524.778a1.24 1.24 0 0 0 .211.937a1.34 1.34 0 0 0 1.435.533a1.2 1.2 0 0 0 .344-.151l2.132-1.36a4 4 0 0 1 1.135-.498a4.44 4.44 0 0 1 4.765 1.766a4.1 4.1 0 0 1 .702 3.108a3.86 3.86 0 0 1-1.742 2.583l-5.589 3.562a4 4 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.4 6.4 0 0 0-2.896 4.295a6.75 6.75 0 0 0 .666 4.336a6.4 6.4 0 0 0-.96 2.396a6.83 6.83 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.4 6.4 0 0 0 2.896-4.295a6.76 6.76 0 0 0-.665-4.336a6.4 6.4 0 0 0 .958-2.396a6.83 6.83 0 0 0-1.167-5.168"></path><!-- HTML_TAG_END --></svg> SvelteKit</a> & <a href="https://tailwindcss.com" target="_blank" class="inline-block border-b text-slate-100 border-slate-800 hover:border-slate-100 transition-colors duration-200 leading-1 "><svg viewBox="0 0 24 24" width="1.2em" height="1.2em" class="size-fit inline-block"><!-- HTML_TAG_START --><path fill="currentColor" d="M12.001 4.8q-4.8 0-6 4.8q1.8-2.4 4.2-1.8c.913.228 1.565.89 2.288 1.624C13.666 10.618 15.027 12 18.001 12q4.8 0 6-4.8q-1.8 2.4-4.2 1.8c-.913-.228-1.565-.89-2.288-1.624C16.337 6.182 14.976 4.8 12.001 4.8m-6 7.2q-4.8 0-6 4.8q1.8-2.4 4.2-1.8c.913.228 1.565.89 2.288 1.624c1.177 1.194 2.538 2.576 5.512 2.576q4.8 0 6-4.8q-1.8 2.4-4.2 1.8c-.913-.228-1.565-.89-2.288-1.624C10.337 13.382 8.976 12 6.001 12"></path><!-- HTML_TAG_END --></svg> TailwindCSS</a> opened up a whole new world for me.
Now, I enjoy building full-stack applications. My coding journey is ongoing, and I love the challenges and growth it brings.
<br><br>
Coding, to me, is an artistic expression, a harmonious combination of logic and grace that shapes smooth user experiences.
As my projects grew, so did my love for coding. Now, I eagerly anticipate the future, ready to make a lasting impact, one elegant line of code at a time.</p></section> <section aria-label="Projects" class="mt-10"><h1 class="text-xl font-semibold visible lg:hidden" data-svelte-h="svelte-rxmalx">PROJECTS</h1> <div class="mt-2 flex flex-col gap-y-5 group "><a href="https://github.com/swayam25/Rythmify" target="_blank" class="hover:bg-slate-800 hover:!opacity-100 rounded-lg p-2 transition-all duration-200 group/item group-hover:opacity-50"><div class="flex flex-col md:flex-row justify-start items-center md:items-start gap-y-4 md:gap-y-0 md:gap-x-4"><img src="/project/rythmify.webp" alt="Rythmify" class="rounded-lg object-cover border-2 border-slate-800 md:h-24 md:w-48"> <div class="flex flex-col justify-center items-start"><div class="w-full flex justify-between items-center"><div class="flex justify-start items-center gap-x-1"><h2 class="text-lg font-semibold">Rythmify</h2> <svg viewBox="0 0 256 256" width="1.2em" height="1.2em" class="size-4 group-hover/item:translate-x-2 group-hover/item:-translate-y-0.5 transition-transform"><!-- HTML_TAG_START --><path fill="currentColor" d="M204 64v104a12 12 0 0 1-24 0V93L72.49 200.49a12 12 0 0 1-17-17L163 76H88a12 12 0 0 1 0-24h104a12 12 0 0 1 12 12"></path><!-- HTML_TAG_END --></svg></div> <p class="text-slate-400 text-sm font-semibold">2023</p></div> <p class="text-slate-400 mt-2">Introducing Rythmify, your go-to web music player that's designed to amplify your moments.</p> <div class="flex flex-wrap justify-start items-center gap-2 mt-2"><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Music Player</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">AD Free Music</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">History</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Playlist</span></div> </div></div> </a><a href="https://github.com/swayam25/Bit-Box" target="_blank" class="hover:bg-slate-800 hover:!opacity-100 rounded-lg p-2 transition-all duration-200 group/item group-hover:opacity-50"><div class="flex flex-col md:flex-row justify-start items-center md:items-start gap-y-4 md:gap-y-0 md:gap-x-4"><img src="/project/bitbox.webp" alt="Bit Box" class="rounded-lg object-cover border-2 border-slate-800 md:h-24 md:w-48"> <div class="flex flex-col justify-center items-start"><div class="w-full flex justify-between items-center"><div class="flex justify-start items-center gap-x-1"><h2 class="text-lg font-semibold">Bit Box</h2> <svg viewBox="0 0 256 256" width="1.2em" height="1.2em" class="size-4 group-hover/item:translate-x-2 group-hover/item:-translate-y-0.5 transition-transform"><!-- HTML_TAG_START --><path fill="currentColor" d="M204 64v104a12 12 0 0 1-24 0V93L72.49 200.49a12 12 0 0 1-17-17L163 76H88a12 12 0 0 1 0-24h104a12 12 0 0 1 12 12"></path><!-- HTML_TAG_END --></svg></div> <p class="text-slate-400 text-sm font-semibold">2023</p></div> <p class="text-slate-400 mt-2">Elevate your coding skills with Bit Box. Whether you're a developer, a designer, a student, or anyone else who works with code, Bit Box makes it easy to share your work and get feedback from others.</p> <div class="flex flex-wrap justify-start items-center gap-2 mt-2"><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Code Bin</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Cloud IDE</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Code Sharing</span></div> </div></div> </a><a href="https://github.com/swayam25/swayam25.github.io" target="_blank" class="hover:bg-slate-800 hover:!opacity-100 rounded-lg p-2 transition-all duration-200 group/item group-hover:opacity-50"><div class="flex flex-col md:flex-row justify-start items-center md:items-start gap-y-4 md:gap-y-0 md:gap-x-4"><img src="/project/swayam.webp" alt="Swayam's Portfolio" class="rounded-lg object-cover border-2 border-slate-800 md:h-24 md:w-48"> <div class="flex flex-col justify-center items-start"><div class="w-full flex justify-between items-center"><div class="flex justify-start items-center gap-x-1"><h2 class="text-lg font-semibold">Swayam's Portfolio</h2> <svg viewBox="0 0 256 256" width="1.2em" height="1.2em" class="size-4 group-hover/item:translate-x-2 group-hover/item:-translate-y-0.5 transition-transform"><!-- HTML_TAG_START --><path fill="currentColor" d="M204 64v104a12 12 0 0 1-24 0V93L72.49 200.49a12 12 0 0 1-17-17L163 76H88a12 12 0 0 1 0-24h104a12 12 0 0 1 12 12"></path><!-- HTML_TAG_END --></svg></div> <p class="text-slate-400 text-sm font-semibold">2022</p></div> <p class="text-slate-400 mt-2">My porfolio & work website. Shows all my info, my projects etc. Check it!</p> <div class="flex flex-wrap justify-start items-center gap-2 mt-2"><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Website</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Portfolio</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Work</span></div> </div></div> </a><a href="https://github.com/swayam25/Multi-DL" target="_blank" class="hover:bg-slate-800 hover:!opacity-100 rounded-lg p-2 transition-all duration-200 group/item group-hover:opacity-50"><div class="flex flex-col md:flex-row justify-start items-center md:items-start gap-y-4 md:gap-y-0 md:gap-x-4"><img src="/project/multidl.webp" alt="Multi DL" class="rounded-lg object-cover border-2 border-slate-800 md:h-24 md:w-48"> <div class="flex flex-col justify-center items-start"><div class="w-full flex justify-between items-center"><div class="flex justify-start items-center gap-x-1"><h2 class="text-lg font-semibold">Multi DL</h2> <svg viewBox="0 0 256 256" width="1.2em" height="1.2em" class="size-4 group-hover/item:translate-x-2 group-hover/item:-translate-y-0.5 transition-transform"><!-- HTML_TAG_START --><path fill="currentColor" d="M204 64v104a12 12 0 0 1-24 0V93L72.49 200.49a12 12 0 0 1-17-17L163 76H88a12 12 0 0 1 0-24h104a12 12 0 0 1 12 12"></path><!-- HTML_TAG_END --></svg></div> <p class="text-slate-400 text-sm font-semibold">2022</p></div> <p class="text-slate-400 mt-2">A multimedia downloader which can download any video, music, playlist, album etc via url, keywords etc. Supports both YouTube and Spotify.</p> <div class="flex flex-wrap justify-start items-center gap-2 mt-2"><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Media Downloader</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">YouTube</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Spotify</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">CLI App</span></div> </div></div> </a><a href="https://github.com/swayam25/Square-Bot" target="_blank" class="hover:bg-slate-800 hover:!opacity-100 rounded-lg p-2 transition-all duration-200 group/item group-hover:opacity-50"><div class="flex flex-col md:flex-row justify-start items-center md:items-start gap-y-4 md:gap-y-0 md:gap-x-4"><img src="/project/square.webp" alt="Square Bot" class="rounded-lg object-cover border-2 border-slate-800 md:h-24 md:w-48"> <div class="flex flex-col justify-center items-start"><div class="w-full flex justify-between items-center"><div class="flex justify-start items-center gap-x-1"><h2 class="text-lg font-semibold">Square Bot</h2> <svg viewBox="0 0 256 256" width="1.2em" height="1.2em" class="size-4 group-hover/item:translate-x-2 group-hover/item:-translate-y-0.5 transition-transform"><!-- HTML_TAG_START --><path fill="currentColor" d="M204 64v104a12 12 0 0 1-24 0V93L72.49 200.49a12 12 0 0 1-17-17L163 76H88a12 12 0 0 1 0-24h104a12 12 0 0 1 12 12"></path><!-- HTML_TAG_END --></svg></div> <p class="text-slate-400 text-sm font-semibold">2021</p></div> <p class="text-slate-400 mt-2">Advance multipurpose discord bot for all your needs. Contains a powerful music player with high quality music. Contains 100+ commands.</p> <div class="flex flex-wrap justify-start items-center gap-2 mt-2"><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Discord Bot</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Music</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Moderation</span><span class="bg-slate-100 text-slate-950 text-xs rounded-lg px-2 py-1">Utility</span></div> </div></div> </a></div></section> <footer class="mt-10 w-fit"><a href="https://github.com/swayam25?tab=repositories" target="_blank" class="inline-block border-b text-slate-100 border-slate-800 hover:border-slate-100 transition-colors duration-200 leading-1 flex justify-start items-center gap-x-1 group"> <span data-svelte-h="svelte-qjx6o3">Get more projects here</span> <svg viewBox="0 0 256 256" width="1.2em" height="1.2em" class="size-4 group-hover:translate-x-2 transition-transform"><!-- HTML_TAG_START --><path fill="currentColor" d="m224.49 136.49l-72 72a12 12 0 0 1-17-17L187 140H40a12 12 0 0 1 0-24h147l-51.49-51.52a12 12 0 0 1 17-17l72 72a12 12 0 0 1-.02 17.01"></path><!-- HTML_TAG_END --></svg></a></footer></main></div></div>
</div>
</body></html>