PageSourceSearch

https://ashna-ghazanfar.vercel.app/blogs

html ashna-ghazanfar.vercel.app collected 2026-10-03 06:07:35 UTC 21,089 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/63d9ff05d351b9b9-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/c4e56d62c864ffd8.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-7586648cfe17bd3c.js"/>
1<script src="/_next/static/chunks/4bd1b696-874bf62e73aeee51.js" async=""></script>
1<script src="/_next/static/chunks/1517-79358a3a6d9fd975.js" async=""></script>
1<script src="/_next/static/chunks/main-app-9a3720905815865a.js" async=""></script>
1<script src="/_next/static/chunks/5448-2af90c491471d76b.js" async=""></script>
1<script src="/_next/static/chunks/6742-45668907b72a7b30.js" async=""></script>
1<script src="/_next/static/chunks/3308-d823aeee8cc5e18c.js" async=""></script>
1<script src="/_next/static/chunks/app/blogs/page-878ed0da2e2d0d80.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Ashna Ghazanfar</title><meta name="description" content="Frontend Developer | Next.js | TypeScript | Tailwind CSS"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="__variable_9b615c"><nav class="bg-black border-b border-yellow-400/30 py-5 px-6 md:px-8 flex justify-between items-center sticky top-0 z-50"><a class="group flex items-center gap-2" href="/"><span class="text-2xl font-bold text-yellow-400 transition-all duration-300 hover:text-yellow-300">Ashna Ghazanfar</span></a><a class="flex items-center gap-2 px-5 py-2.5 bg-yellow-400/90 text-black rounded-full  hover:bg-yellow-300 transition-all duration-300 group" href="/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="group-hover:-translate-x-0.5 transition-transform" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg><span class="font-medium">Back to Home</span></a></nav><section class="py-16 md:py-20 bg-black text-white" id="blog"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col items-center text-center px-4 sm:px-6 lg:px-12 mx-auto max-w-3xl"><h1 class="text-3xl sm:text-4xl md:text-5xl font-bold text-yellow-400 uppercase mb-4 neon-glow">Welcome to My Blog</h1><p class="text-lg sm:text-xl md:text-2xl font-medium mb-10 text-gray-300">Explore my thoughts and ideas</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8"><article class="group relative bg-white bg-opacity-5 rounded-xl backdrop-blur-sm transition-all duration-300 hover:bg-opacity-10 hover:-translate-y-2 border-2 border-transparent hover:border-yellow-400"><a class="block" href="/post/how-to-become-a-front-end-developer"><div class="relative aspect-video overflow-hidden rounded-t-xl"><img alt="How to become a front end developer" loading="lazy" width="500" height="300" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2Fdc9b8d20895b466aa94e20a6d2f33229babf79ac-1000x483.png&amp;w=640&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2Fdc9b8d20895b466aa94e20a6d2f33229babf79ac-1000x483.png&amp;w=1080&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2Fdc9b8d20895b466aa94e20a6d2f33229babf79ac-1000x483.png&amp;w=1080&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent"></div></div><div class="p-5 md:p-6"><h3 class="text-xl font-bold mb-3 text-gray-100">How to become a front end developer</h3><p class="text-gray-400 line-clamp-3 mb-6">Click to read the full article</p><div class="flex items-center font-medium text-yellow-400"><span>Read Article</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-2 transition-transform duration-300 group-hover:translate-x-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg></div></div></a></article><article class="group relative bg-white bg-opacity-5 rounded-xl backdrop-blur-sm transition-all duration-300 hover:bg-opacity-10 hover:-translate-y-2 border-2 border-transparent hover:border-yellow-400"><a class="block" href="/post/my-personal-productivity-system"><div class="relative aspect-video overflow-hidden rounded-t-xl"><img alt="My personal productivity system" loading="lazy" width="500" height="300" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2F1ae6089a93b0042b9784801e7ef6c2f4d067a3af-300x168.jpg&amp;w=640&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2F1ae6089a93b0042b9784801e7ef6c2f4d067a3af-300x168.jpg&amp;w=1080&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2F1ae6089a93b0042b9784801e7ef6c2f4d067a3af-300x168.jpg&amp;w=1080&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent"></div></div><div class="p-5 md:p-6"><h3 class="text-xl font-bold mb-3 text-gray-100">My personal productivity system</h3><p class="text-gray-400 line-clamp-3 mb-6">Click to read the full article</p><div class="flex items-center font-medium text-yellow-400"><span>Read Article</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-2 transition-transform duration-300 group-hover:translate-x-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg></div></div></a></article><article class="group relative bg-white bg-opacity-5 rounded-xl backdrop-blur-sm transition-all duration-300 hover:bg-opacity-10 hover:-translate-y-2 border-2 border-transparent hover:border-yellow-400"><a class="block" href="/post/my-year-review-2024"><div class="relative aspect-video overflow-hidden rounded-t-xl"><img alt="My year review 2024" loading="lazy" width="500" height="300" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2F09e873ea9c9901b8984a1cf7c8a08583658439d1-4800x2700.jpg&amp;w=640&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2F09e873ea9c9901b8984a1cf7c8a08583658439d1-4800x2700.jpg&amp;w=1080&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F00mtf6wu%2Fproduction%2F09e873ea9c9901b8984a1cf7c8a08583658439d1-4800x2700.jpg&amp;w=1080&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent"></div></div><div class="p-5 md:p-6"><h3 class="text-xl font-bold mb-3 text-gray-100">My year review 2024</h3><p class="text-gray-400 line-clamp-3 mb-6">Click to read the full article</p><div class="flex items-center font-medium text-yellow-400"><span>Read Article</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-2 transition-transform duration-300 group-hover:translate-x-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg></div></div></a></article></div></div></section>
1<script src="/_next/static/chunks/webpack-7586648cfe17bd3c.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[15244,[],\"\"]\n3:I[43866,[],\"\"]\n5:I[86213,[],\"OutletBoundary\"]\n7:I[86213,[],\"MetadataBoundary\"]\n9:I[86213,[],\"ViewportBoundary\"]\nb:I[34835,[],\"\"]\n:HL[\"/_next/static/media/63d9ff05d351b9b9-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/c4e56d62c864ffd8.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"PMh17aHf2wRHKhUQVLkEj\",\"p\":\"\",\"c\":[\"\",\"blogs\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"blogs\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c4e56d62c864ffd8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_9b615c\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[\"blogs\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"blogs\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L4\",null,[\"$\",\"$L5\",null,{\"children\":\"$L6\"}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"g03_l2s6D1aV-JZtq4pBJ\",{\"children\":[[\"$\",\"$L7\",null,{\"children\":\"$L8\"}],[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$b\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Ashna Ghazanfar\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Frontend Developer | Next.js | TypeScript | Tailwind CSS\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}]]\n"])</script>
1<script>self.__next_f.push([1,"6:null\n"])</script>
1<script>self.__next_f.push([1,"c:I[48173,[\"5448\",\"static/chunks/5448-2af90c491471d76b.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"3308\",\"static/chunks/3308-d823aeee8cc5e18c.js\",\"8156\",\"static/chunks/app/blogs/page-878ed0da2e2d0d80.js\"],\"\"]\nd:I[87970,[\"5448\",\"static/chunks/5448-2af90c491471d76b.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"3308\",\"static/chunks/3308-d823aeee8cc5e18c.js\",\"8156\",\"static/chunks/app/blogs/page-878ed0da2e2d0d80.js\"],\"Image\"]\n"])</script>
1<script>self.__next_f.push([1,"4:[[\"$\",\"nav\",null,{\"className\":\"bg-black border-b border-yellow-400/30 py-5 px-6 md:px-8 flex justify-between items-center sticky top-0 z-50\",\"children\":[[\"$\",\"$Lc\",null,{\"href\":\"/\",\"className\":\"group flex items-center gap-2\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-2xl font-bold text-yellow-400 transition-all duration-300 hover:text-yellow-300\",\"children\":\"Ashna Ghazanfar\"}]}],[\"$\",\"$Lc\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2 px-5 py-2.5 bg-yellow-400/90 text-black rounded-full  hover:bg-yellow-300 transition-all duration-300 group\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"group-hover:-translate-x-0.5 transition-transform\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}],[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Back to Home\"}]]}]]}],[\"$\",\"section\",null,{\"className\":\"py-16 md:py-20 bg-black text-white\",\"id\":\"blog\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center text-center px-4 sm:px-6 lg:px-12 mx-auto max-w-3xl\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-3xl sm:text-4xl md:text-5xl font-bold text-yellow-400 uppercase mb-4 neon-glow\",\"children\":\"Welcome to My Blog\"}],[\"$\",\"p\",null,{\"className\":\"text-lg sm:text-xl md:text-2xl font-medium mb-10 text-gray-300\",\"children\":\"Explore my thoughts and ideas\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8\",\"children\":[[\"$\",\"article\",\"0a3fd04f-d9bc-4eed-9636-5c710417f3ad\",{\"className\":\"group relative bg-white bg-opacity-5 rounded-xl backdrop-blur-sm transition-all duration-300 hover:bg-opacity-10 hover:-translate-y-2 border-2 border-transparent hover:border-yellow-400\",\"children\":[\"$\",\"$Lc\",null,{\"href\":\"/post/how-to-become-a-front-end-developer\",\"className\":\"block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video overflow-hidden rounded-t-xl\",\"children\":[[\"$\",\"$Ld\",null,{\"src\":\"https://cdn.sanity.io/images/00mtf6wu/production/dc9b8d20895b466aa94e20a6d2f33229babf79ac-1000x483.png\",\"alt\":\"How to become a front end developer\",\"width\":500,\"height\":300,\"className\":\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-5 md:p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold mb-3 text-gray-100\",\"children\":\"How to become a front end developer\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 line-clamp-3 mb-6\",\"children\":\"Click to read the full article\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-yellow-400\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Read Article\"}],[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"ml-2 transition-transform duration-300 group-hover:translate-x-1\",\"children\":[\"$undefined\",[[\"$\",\"line\",\"0\",{\"x1\":\"7\",\"y1\":\"17\",\"x2\":\"17\",\"y2\":\"7\",\"children\":[]}],[\"$\",\"polyline\",\"1\",{\"points\":\"7 7 17 7 17 17\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]]}]]}]]}]}],[\"$\",\"article\",\"75338f6b-231c-4a3f-b385-2007b74b2a50\",{\"className\":\"group relative bg-white bg-opacity-5 rounded-xl backdrop-blur-sm transition-all duration-300 hover:bg-opacity-10 hover:-translate-y-2 border-2 border-transparent hover:border-yellow-400\",\"children\":[\"$\",\"$Lc\",null,{\"href\":\"/post/my-personal-productivity-system\",\"className\":\"block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video overflow-hidden rounded-t-xl\",\"children\":[[\"$\",\"$Ld\",null,{\"src\":\"https://cdn.sanity.io/images/00mtf6wu/production/1ae6089a93b0042b9784801e7ef6c2f4d067a3af-300x168.jpg\",\"alt\":\"My personal productivity system\",\"width\":500,\"height\":300,\"className\":\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-5 md:p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold mb-3 text-gray-100\",\"children\":\"My personal productivity system\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 line-clamp-3 mb-6\",\"children\":\"Click to read the full article\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-yellow-400\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Read Article\"}],[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"ml-2 transition-transform duration-300 group-hover:translate-x-1\",\"children\":[\"$undefined\",[[\"$\",\"line\",\"0\",{\"x1\":\"7\",\"y1\":\"17\",\"x2\":\"17\",\"y2\":\"7\",\"children\":[]}],[\"$\",\"polyline\",\"1\",{\"points\":\"7 7 17 7 17 17\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]]}]]}]]}]}],[\"$\",\"article\",\"9e03071c-94c4-4e64-89bf-75b26f8fd08e\",{\"className\":\"group relative bg-white bg-opacity-5 rounded-xl backdrop-blur-sm transition-all duration-300 hover:bg-opacity-10 hover:-translate-y-2 border-2 border-transparent hover:border-yellow-400\",\"children\":[\"$\",\"$Lc\",null,{\"href\":\"/post/my-year-review-2024\",\"className\":\"block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video overflow-hidden rounded-t-xl\",\"children\":[[\"$\",\"$Ld\",null,{\"src\":\"https://cdn.sanity.io/images/00mtf6wu/production/09e873ea9c9901b8984a1cf7c8a08583658439d1-4800x2700.jpg\",\"alt\":\"My year review 2024\",\"width\":500,\"height\":300,\"className\":\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-5 md:p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold mb-3 text-gray-100\",\"children\":\"My year review 2024\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 line-clamp-3 mb-6\",\"children\":\"Click to read the full article\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-yellow-400\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Read Article\"}],[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"ml-2 transition-transform duration-300 group-hover:translate-x-1\",\"children\":[\"$undefined\",[[\"$\",\"line\",\"0\",{\"x1\":\"7\",\"y1\":\"17\",\"x2\":\"17\",\"y2\":\"7\",\"children\":[]}],[\"$\",\"polyline\",\"1\",{\"points\":\"7 7 17 7 17 17\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]]}]]}]]}]}]]}]]}]}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.