@ -15,6 +15,8 @@
< / script >
< / script >
< svelte:head >
< svelte:head >
< meta property = "og:title" content = "Home || Siv Kyne" / >
< meta property = "og:description" content = "I'm a young Asian artist who specializes in cartoony 2D animals." / >
< title > Home || Siv Kyne< / title >
< title > Home || Siv Kyne< / title >
< / svelte:head >
< / svelte:head >
@ -22,7 +24,7 @@
< section class = "container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col -mt-5" >
< section class = "container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col -mt-5" >
< div class = "flex flex-col justify-center items-center gap-3 -mt-20 lg:-mt-28" >
< div class = "flex flex-col justify-center items-center gap-3 -mt-20 lg:-mt-28" >
< div class = "bg-gradient-to-t from-gray-800 via-gray-800 to-red-500 p-2 lg:p-3 rounded-full z-50" >
< div class = "bg-gradient-to-t from-gray-800 via-gray-800 to-red-500 p-2 lg:p-3 rounded-full z-50" >
< img src = "/pic.png" id = "clickMeow" class = "pop w-40 h-40 lg:w-60 lg:h-60 rounded-full bg-gray-800" / >
< img src = "/pic.png" id = "clickMeow" class = "pop w-40 h-40 lg:w-60 lg:h-60 rounded-full bg-gray-800" alt = "profile pic" / >
< / div >
< / div >
< h2 class = "text-2xl font-bold fira-bold text-center" > Hi, I'm Siv Kyne!< / h2 >
< h2 class = "text-2xl font-bold fira-bold text-center" > Hi, I'm Siv Kyne!< / h2 >
@ -36,23 +38,16 @@
< section class = "container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5" >
< section class = "container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5" >
< div class = "flex flex-wrap justify-center items-center gap-5" >
< div class = "flex flex-wrap justify-center items-center gap-5" >
< Social href = "https://twitter.com/SivKyne" icon = "🐦" text = "Twitter" / >
< Social href = "https://twitter.com/SivKyne" target = "_blank" icon = "🐦" text = "Twitter" / >
< Social href = "https://discord.com/invite/5JCZTv3TtF" icon = "💬" text = "Discord" / >
< Social href = "https://discord.com/invite/5JCZTv3TtF" target = "_blank" icon = "💬" text = "Discord" / >
< Social href = "https://www.youtube.com/channel/UC1pnonYCZv1mi3XImhX35-A" icon = "📺" text = "YouTube" / >
< Social href = "https://www.youtube.com/channel/UC1pnonYCZv1mi3XImhX35-A" target = "_blank" icon = "📺" text = "YouTube" / >
< Social href = "https://www.deviantart.com/sivkyne" icon = "🖼️" text = "DeviantArt" / >
< Social href = "https://www.deviantart.com/sivkyne" target = "_blank" icon = "🖼️" text = "DeviantArt" / >
< Social href = "https://steamcommunity.com/id/sivkyne" icon = "🎮" text = "Steam" / >
< Social href = "https://steamcommunity.com/id/sivkyne" target = "_blank" icon = "🎮" text = "Steam" / >
< Social href = "https://open.spotify.com/user/uqwz46n0jki4zdwiedca5gbp2" icon = "🎵" text = "Spotify" / >
< Social href = "https://open.spotify.com/user/uqwz46n0jki4zdwiedca5gbp2" target = "_blank" icon = "🎵" text = "Spotify" / >
< Social href = "https://toyhou.se/sivkyne" icon = "👪" text = "Toyhouse" / >
< Social href = "https://toyhou.se/sivkyne" target = "_blank" icon = "👪" text = "Toyhouse" / >
< Social href = "https://myanimelist.net/animelist/SivKyne" icon = "🎞️" text = "My Anime List" / >
< Social href = "https://myanimelist.net/animelist/SivKyne" target = "_blank" icon = "🎞️" text = "My Anime List" / >
< / div >
< Social href = "/about" icon = "📄" text = "About Me" / >
< div class = "flex flex-col lg:flex-row gap-5" >
< Social href = "/Links" icon = "✉️" text = "Contact" / >
< Button href = "/about" >
📄 About me
< / Button >
< Button href = "/contact" >
✉️ Social Links
< / Button >
< / div >
< / div >
< / section >
< / section >