- ID de l'analyse :
- 7a67732d-75cd-4e03-8c7c-6c28ec543901Terminée
- URL soumise :
- https://swayam25.github.io/
- Fin du rapport :
Liens : 13 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!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>