add "all" tag

src/app/sitemap.ts

@@ -16,6 +16,7 @@ export const getAllTags = (): MetadataRoute.Sitemap => {
 	const allTags = Array.from(
 		new Set(allPosts.flatMap((post) => post.fullTags)),
 	);
+	allTags.push("all");
 	return allTags.map((tag) => ({
 		url: `${BASE_URL}/tag/${tag}`,
 		lastModified: env.BUILD_TIME,

src/app/tag/[tag]/page.tsx

@@ -5,9 +5,12 @@ import { fr } from "date-fns/locale";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 
+const ALL_TAG = "all";
+
 const allTags = Array.from(
 	new Set(allPosts.flatMap((post) => post.fullTags)),
 ).toSorted((a, b) => b.localeCompare(a));
+allTags.unshift(ALL_TAG);
 
 export const generateStaticParams = async () => {
 	return allTags.map((tag) => ({ tag }));
@@ -21,7 +24,9 @@ export default function TagPage({ params }: PageProps) {
 	if (!allTags.includes(params.tag)) notFound();
 
 	const filteredPosts = allPosts
-		.filter((post) => post.fullTags.includes(params.tag))
+		.filter(
+			(post) => params.tag === ALL_TAG || post.fullTags.includes(params.tag),
+		)
 		.toSorted((a, b) => b.datePublished.localeCompare(a.datePublished));
 
 	return (
@@ -30,7 +35,7 @@ export default function TagPage({ params }: PageProps) {
 				{allTags.map((tag) => {
 					const active = tag === params.tag;
 					return (
-						<Link key={tag} href={`/tag/${tag}`} className="w-full md:w-max ">
+						<Link key={tag} href={`/tag/${tag}`} className="w-full md:w-max">
 							<Button
 								disabled={active}
 								className="capitalize w-full justify-start"
@@ -43,7 +48,9 @@ export default function TagPage({ params }: PageProps) {
 				})}
 			</nav>
 
-			<main className="col-span-4 md:col-span-3">
+			<hr className="col-span-4 md:hidden" />
+
+			<main className="col-span-4 md:col-span-3 px-4 md:px-0">
 				<h1 className="text-3xl font-semibold text-black dark:text-white capitalize">
 					{params.tag}
 				</h1>

src/components/header/header.tsx

@@ -6,7 +6,7 @@ import { ThemeSwitcher } from "./theme-switcher";
 
 export function Header() {
 	return (
-		<header className="py-4 sm:py-8 px-8 max-w-screen-xl mx-auto flex items-center justify-between">
+		<header className="py-4 sm:py-8 px-8 sm:px-12 max-w-screen-xl mx-auto flex items-center justify-between">
 			<Logo />
 			<div className="flex justify-end gap-3 items-center">
 				<nav className="flex gap-6">

src/components/header/logo.tsx

@@ -21,7 +21,7 @@ export function Logo() {
 				src={mounted && theme === "dark" ? darkLogo : whiteLogo}
 				alt="Logo"
 				width={24}
-				className="transform hover:rotate-12 transition-transform -ml-2 w-[24px] h-[24px]"
+				className="transform hover:rotate-12 transition-transform w-[24px] h-[24px]"
 			/>
 			<span className="hidden sm:inline text-dark dark:text-white font-semibold text-lg">
 				Vahor

src/lib/constants.ts

@@ -13,11 +13,7 @@ export const AVATAR_URL = "https://avatars.githubusercontent.com/u/17593209";
 
 export const HEADER_LINKS = [
 	{
-		label: "Accueil",
-		href: "/",
-	},
-	{
-		label: "Presentation",
-		href: "/about",
+		label: "Blog",
+		href: "/tag/all",
 	},
 ];

src/lib/search.ts

@@ -46,13 +46,6 @@ const search_content = [
 		pageType: "app",
 		external: false,
 	})),
-	{
-		title: "Liste des articles",
-		datePublished: env.NEXT_PUBLIC_BUILD_TIME,
-		url: "/tag/project",
-		pageType: "app",
-		external: false,
-	},
 	...contact_links.map((l) => ({
 		title: l.label,
 		datePublished: env.NEXT_PUBLIC_BUILD_TIME,

tailwind.config.ts

@@ -9,7 +9,14 @@ const config = {
 			center: true,
 			padding: {
 				DEFAULT: "1rem",
-				md: "4rem",
+				sm: "2rem",
+				lg: "4rem",
+			},
+			screens: {
+				sm: "640px",
+				md: "768px",
+				lg: "1024px",
+				xl: "1280px",
 			},
 		},
 		fontFamily: {