feat: update exp & projects

src/index.tsx

@@ -24,8 +24,8 @@ createRoot(document.getElementById("root")!).render(
 				<Route path="/contact" element={<Contact />} />
 				<Route path="/live" element={<Live />} />
 
-				<Route path="/blog" element={<BlogHome />} />
+				{/* <Route path="/blog" element={<BlogHome />} /> */}
-				<Route path="/blog/*" element={<BlogHome />} />
+				{/* <Route path="/blog/*" element={<BlogHome />} /> */}
 
 				<Route path="/*" element={<NotFound />} />
 			</Routes>

src/pages/main/Exp.tsx

@@ -4,12 +4,23 @@ import Container from "../../components/Container";
 
 const exp = [
 	{
+		title: "Vinzas",
+		location: "Chennai",
+		position: "Architectural Intern",
+		year: "2014",
+	},
+	{
 		title: "BlueCube",
 		location: "Chennai",
 		position: "Architectural Intern",
 		year: "2015",
 	},
 	{
+		title: "OutFocus Magazine",
+		position: "Editor / developer",
+		year: "2014-17",
+	},
+	{
 		title: "Zoho",
 		location: "Chennai",
 		position: "Technical Content Writer",
@@ -18,7 +29,7 @@ const exp = [
 	{
 		title: "Manoj Exports",
 		location: "Chennai",
-		position: "Designer & web developer",
+		position: "Designer & web dev",
 		year: "2017",
 	},
 	{
@@ -36,13 +47,13 @@ const exp = [
 	{
 		title: "Navana Tech",
 		location: "Remote",
-		position: "Lead web dev / architect",
+		position: "Lead web & architect",
 		year: "2021-22",
 	},
 	{
 		title: "Feathers Studio",
 		location: "Chennai",
-		position: "Founder",
+		position: "Chief Maker",
 		year: "2019-present",
 	},
 ];
@@ -75,7 +86,7 @@ const Circle: React.FC = () => (
 
 type Experience = {
 	title: string;
-	location: string;
+	location?: string;
 	position: string;
 	year: string;
 };
@@ -121,12 +132,13 @@ const Exp: React.FC = () => {
 	return (
 		<Container next="/projects">
 			<h2>I’m a {age} year old developer from Chennai, India.</h2>
-			<p>Here are some places I’ve worked at:</p>
+			<p>Here are some places I’ve worked at in reverse chronological order:</p>
 			<div
 				className={css`
 					display: flex;
+					flex-direction: row-reverse;
 					width: 100%;
-					flex-wrap: wrap;
+					flex-wrap: wrap-reverse;
 
 					& > * {
 						flex-basis: 15rem;

src/pages/main/Projects.tsx

@@ -6,45 +6,47 @@ const exp = [
 	{
 		title: window.location.hostname,
 		description: "This website.",
-		url: "https://github.com/mkrhere/pw2",
+		url: "https://github.com/MKRhere/pw2",
 		cat: "web",
 		tags: ["react", "vite"],
 	},
 	{
 		title: "hyperactive",
-		description: "(in dev) Fully reactive UI framework.",
+		description: "Suite of web-app development libraries.",
 		url: "https://github.com/codefeathers/hyperactive",
 		cat: "lib",
 		tags: ["reactive", "ui-framework"],
 	},
 	{
+		title: "denoland/node_shims",
+		description:
+			"Node shims for Deno’s runtime API. Contributed repo into official denoland.",
+		url: "https://github.com/denoland/node_shims",
+		cat: "lib",
+		tags: ["deno", "shims"],
+	},
+	{
+		title: "Telegraf",
+		description:
+			"Active maintainer of one of the most popular Telegram Bot API libraries for Node.",
+		url: "https://github.com/telegraf/telegraf",
+		cat: "lib",
+		tags: ["typescript", "telegram", "bot-api"],
+	},
+	{
 		title: "runtype",
-		description: "Runtime-safe library to bring untyped values into TypeScript.",
+		description: "Safely bring runtime values into TypeScript.",
 		url: "https://codefeathers.github.io/runtype",
 		cat: "lib",
 		tags: ["typescript", "runtime"],
 	},
 	{
 		title: "Telecraft",
-		description: "Pluggable Minecraft server management utils.",
+		description: "Pluggable Minecraft server administration toolkit.",
-		url: "https://github.com/telecraft",
+		url: "https://github.com/MadrasMC/telecraft",
 		cat: "tool",
 		tags: ["minecraft", "node"],
 	},
-	{
-		title: "mkr/bin",
-		description: "Frontend JavaScript-free code-sharing pastebin app.",
-		url: "https://github.com/mkrhere/bin",
-		cat: "web",
-		tags: ["mithril", "ssr", "pastebin"],
-	},
-	{
-		title: "The Guard",
-		description: "Telegram bot to help administer networks with large number of groups.",
-		url: "https://github.com/thedevs-network/the-guard",
-		cat: "bot",
-		tags: ["telegram", "bot"],
-	},
 ];
 
 type Project = {
@@ -55,7 +57,13 @@ type Project = {
 	tags: string[];
 };
 
-const ProjectUnit: React.FC<Project> = ({ title, url, description, cat, tags }) => {
+const ProjectUnit: React.FC<Project> = ({
+	title,
+	url,
+	description,
+	cat,
+	tags,
+}) => {
 	return (
 		<div
 			className={css`