From 9d70bc4fd38b5c82ad91217d9e6878562fc52f40 Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Thu, 26 Feb 2026 22:44:46 +0100
Subject: [PATCH] - fixes #2707

---
 src/components/resume/templates/ditgar.tsx | 26 +++++++++++++++-------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/resume/templates/ditgar.tsx b/src/components/resume/templates/ditgar.tsx
index 2d1cd5290..d3a9978ae 100644
--- a/src/components/resume/templates/ditgar.tsx
+++ b/src/components/resume/templates/ditgar.tsx
@@ -70,36 +70,46 @@ function Header() {
 		<div className="page-header space-y-4 bg-(--page-primary-color) px-(--page-margin-x) py-(--page-margin-y) text-(--page-background-color)">
 			<PagePicture />
 
-			<div>
-				<h2 className="font-bold text-2xl">{basics.name}</h2>
-				<p>{basics.headline}</p>
+			<div className="basics-header">
+				<h2 className="basics-name font-bold text-2xl">{basics.name}</h2>
+				<p className="basics-headline">{basics.headline}</p>
 			</div>
 
-			<div className="flex flex-col items-start gap-y-2 text-sm [&>div>i]:text-(--page-background-color)!">
+			<div className="basics-items flex flex-col items-start gap-y-2 text-sm [&>div>i]:text-(--page-background-color)!">
 				{basics.location && (
-					<div className="flex items-center gap-x-1.5">
+					<div className="basics-item-location flex items-center gap-x-1.5">
 						<PageIcon icon="map-pin" className="ph-bold" />
 						<div>{basics.location}</div>
 					</div>
 				)}
+
 				{basics.phone && (
-					<div className="flex items-center gap-x-1.5">
+					<div className="basics-item-phone flex items-center gap-x-1.5">
 						<PageIcon icon="phone" className="ph-bold" />
 						<PageLink url={`tel:${basics.phone}`} label={basics.phone} />
 					</div>
 				)}
+
 				{basics.email && (
-					<div className="flex items-center gap-x-1.5">
+					<div className="basics-item-email flex items-center gap-x-1.5">
 						<PageIcon icon="at" className="ph-bold" />
 						<PageLink url={`mailto:${basics.email}`} label={basics.email} />
 					</div>
 				)}
+
 				{basics.website.url && (
-					<div className="flex items-center gap-x-1.5">
+					<div className="basics-item-website flex items-center gap-x-1.5">
 						<PageIcon icon="globe" className="ph-bold" />
 						<PageLink {...basics.website} />
 					</div>
 				)}
+
+				{basics.customFields.map((field) => (
+					<div key={field.id} className="basics-item-custom flex items-center gap-x-1.5">
+						<PageIcon icon={field.icon} />
+						{field.link ? <PageLink url={field.link} label={field.text} /> : <span>{field.text}</span>}
+					</div>
+				))}
 			</div>
 		</div>
 	);