refactor(icon): migrate material design icons to lucide icons

src/icons/x.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-	<path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
-</svg>

src/pages/experience/[...slug].astro

@@ -43,7 +43,7 @@ const meta = {
 		<ul class="flex items-center">
 			<li class="flex items-center">
 				<a class="text-accent" href="/experience/">Experience</a>
-				<Icon aria-hidden="true" name="mdi:chevron-right" class="mx-1.5" />
+				<Icon aria-hidden="true" name="lucide:chevron-right" class="mx-1.5" />
 			</li>
 			<li aria-current="page">{exp.data.title}</li>
 		</ul>
@@ -117,5 +117,5 @@ const meta = {
 		)
 	}
 
-	<TagList tags={tags} class="border-global-text/10 mt-4 border-t pt-6" />
+	<TagList tags={tags} class="border-global-text/10 mt-6 border-t pt-6" />
 </PageLayout>

src/pages/index.astro

@@ -38,7 +38,7 @@ const meta = {
 
 <PageLayout meta={meta}>
 	<section>
-		<h1 class="title mb-6">Prad Nukala</h1>
+		<h1 class="title mb-6">Hello World</h1>
 		<p class="mb-4">
 			Engineer and founder. I build decentralized identity infrastructure and tools for developers.
 			Here you'll find what I've built, where I've worked, what I write, and the talks I've given.

src/pages/projects/[...page].astro

@@ -58,7 +58,7 @@ const paginationProps = {
 		<h1 class="title mb-12 flex items-center gap-3">
 			Projects <a class="text-accent" href="/projects/rss.xml" target="_blank">
 				<span class="sr-only">RSS feed</span>
-				<Icon aria-hidden="true" class="h-6 w-6" focusable="false" name="mdi:rss" />
+				<Icon aria-hidden="true" class="h-6 w-6" focusable="false" name="lucide:rss" />
 			</a>
 		</h1>
 		<ul class="mt-6 space-y-8 text-start">

src/pages/skills/[skill].astro

@@ -71,7 +71,7 @@ const simpleList: { heading: string; items: { href: string; title: string; note?
 		<ul class="flex items-center">
 			<li class="flex items-center">
 				<a class="text-accent" href="/skills/">Skills</a>
-				<Icon aria-hidden="true" name="mdi:chevron-right" class="mx-1.5" />
+				<Icon aria-hidden="true" name="lucide:chevron-right" class="mx-1.5" />
 			</li>
 			<li aria-current="page"><span aria-hidden="true">#</span>{label}</li>
 		</ul>

src/pages/writing/[...page].astro

@@ -76,7 +76,7 @@ const descYearKeys = Object.keys(groupedByYear).sort((a, b) => +b - +a);
 		<h1 class="title">Writing</h1>
 		<a class="text-accent" href="/rss.xml" target="_blank">
 			<span class="sr-only">RSS feed</span>
-			<Icon aria-hidden="true" class="h-6 w-6" focusable="false" name="mdi:rss" />
+			<Icon aria-hidden="true" class="h-6 w-6" focusable="false" name="lucide:rss" />
 		</a>
 	</div>
 	<div class="grid sm:grid-cols-[3fr_1fr] sm:gap-x-8 sm:gap-y-16">

vercel.json

@@ -3,5 +3,6 @@
 	"framework": "astro",
 	"installCommand": "bun install",
 	"buildCommand": "bun run build",
-	"outputDirectory": "dist"
+	"outputDirectory": "dist",
+	"redirects": [{ "source": "/sitemap.xml", "destination": "/sitemap-index.xml", "permanent": true }]
 }