feat: Revamp contact page and enhance resume handling; removed redundant form, added availability status, response info, collaboration interests, and improved resume URL management

Signed-off-by: VKrishna04 <75069043+VKrishna04@users.noreply.github.com>

Author: VKrishna04

docs/CONTACT_PAGE_REVAMP.md docs/CONTACT_PAGE.mddocs/CONTACT_PAGE_REVAMP.md renamed to docs/CONTACT_PAGE.md

@@ -1,6 +1,6 @@
 /*
  * Example configuration for dynamic favicon and navbar logo
- * 
+ *
  * This file shows how to configure the new dynamic favicon and navbar features
  */
 
@@ -10,14 +10,14 @@
     "type": "github",
     "customUrl": "https://github.com/VKrishna04.png",
     "githubUsername": "VKrishna04",
-    "sizes": ["16x16", "32x32", "96x96", "192x192", "512x512"],
+    "sizes": ["16x16", "32x32", "96x96", "192x192", "512x512"](),
     "appleTouchIcon": true
   },
   "navbar": {
     "logo": {
       "type": "github",
       "text": "VK",
-      "name": "Krishna GSVV", 
+      "name": "Krishna GSVV",
       "showName": true,
       "showNameOnMobile": false,
       "gradient": "from-purple-500 to-pink-500",
@@ -34,7 +34,7 @@
   "favicon": {
     "type": "custom",
     "customUrl": "/custom-favicon.png",
-    "sizes": ["16x16", "32x32", "96x96"],
+    "sizes": ["16x16", "32x32", "96x96"](),
     "appleTouchIcon": true
   },
   "navbar": {
@@ -73,4 +73,4 @@
       "gradient": "from-purple-500 to-pink-500"
     }
   }
-}
+}

docs/favicon-navbar-config-examples.md

@@ -290,10 +290,10 @@
 	},
 	"resume": {
 		"type": "file",
-		"url": "https://drive.google.com/file/d/1ZlGEECwaC-q7mGAhXqF6nLgpgYYgUroQ/view?usp=sharing",
+		"url": "https://drive.google.com/file/d/1a7av243LfnlHaVpSRzXciy0Kv1FfYPVP/view?usp=sharing",
 		"filename": "Krishna_GSVV_Resume.pdf",
-		"alternativeUrl": "",
-		"note": "Set type to 'file' to serve from public folder, or 'external' to use alternativeUrl (Google Drive, Dropbox, etc.)",
+		"alternativeUrl": "https://drive.google.com/file/d/1a7av243LfnlHaVpSRzXciy0Kv1FfYPVP/view?usp=sharing",
+		"note": "Resume URL - can be a relative path (for local files) or a full URL (for external). If the RESUME_LINK environment variable is set, it will override this value.",
 		"sectionOrder": [
 			"experiences",
 			"education",
@@ -468,6 +468,14 @@
 		"skillsHeading": "Technical Skills",
 		"skillsIcon": "CpuChipIcon",
 		"certifications": [
+			{
+				"name": "AWS Certified Cloud Practitioner",
+				"certificateUrl": "https://drive.google.com/file/d/1RoyflDxiOjvilKKqSdrkdduH85YeMIs1/view?usp=sharing",
+				"credentialId": "a6d782dae67d4865980a627800cd6a14",
+				"date": "August 27, 2025 - 2028",
+				"issuer": "Amazon Web Services",
+				"verificationUrl": "https://cp.certmetrics.com/amazon/en/public/verify/credential/a6d782dae67d4865980a627800cd6a14"
+			},
 			{
 				"name": "Oracle Cloud Infrastructure 2025 Certified DevOps Professional",
 				"certificateUrl": "https://drive.google.com/file/d/1agdxuPZMtTZKG2EATzEp_WKyLCkbx4uL/view?usp=drive_link",
@@ -484,12 +492,6 @@
 				"issuer": "Oracle University",
 				"verificationUrl": "https://catalog-education.oracle.com/ords/certview/sharebadge?id=D7A5B1169CBBF5293E9E216E889A16D9E28346FC8CC006E736CAE94691F767F4"
 			},
-			{
-				"name": "AWS Cloud Practitioner",
-				"certificateUrl": "https://drive.google.com/file/d/1S0YHD-RkG5w2r-iZwEOiq4EkrJIqDnfy/view?usp=sharing",
-				"date": "March 20, 2025",
-				"issuer": "Corporate and Industry Relations (CIR), Amrita Vishwa Vidyapeetham, Coimbatore."
-			},
 			{
 				"name": "Oracle Cloud Infrastructure 2025 Certified Foundations Associate",
 				"certificateUrl": "https://drive.google.com/file/d/1g03w4xyfmwqlIzUT2JDPrZgkHbgGM7AK/view?usp=sharing",

public/settings.json

@@ -1313,7 +1313,7 @@
 		},
 		"resume": {
 			"type": "object",
-			"description": "Resume configuration and content management",
+			"description": "Resume configuration and content management. The resume URL can be set via the 'url' property, 'alternativeUrl', or by setting the RESUME_LINK environment variable. If RESUME_LINK is set, it takes priority.",
 			"additionalProperties": true,
 			"properties": {
 				"type": {
@@ -1322,11 +1322,11 @@
 						"file",
 						"external"
 					],
-					"description": "Resume source type - 'file' for local PDF, 'external' for external URL"
+					"description": "Resume source type - 'file' for local PDF, 'external' for external URL."
 				},
 				"url": {
 					"type": "string",
-					"description": "Resume URL - can be relative path (for local files) or full URL (for external)",
+					"description": "Resume URL - can be a relative path (for local files) or a full URL (for external). If the RESUME_LINK environment variable is set, it will override this value.",
 					"examples": [
 						"https://example.com/resume.pdf",
 						"/resume.pdf",
@@ -1336,7 +1336,7 @@
 				"filename": {
 					"type": "string",
 					"pattern": "^[a-zA-Z0-9._-]+\\.(pdf|docx)$",
-					"description": "Local resume filename (required when type is 'file')",
+					"description": "Local resume filename (required when type is 'file').",
 					"examples": [
 						"resume.pdf",
 						"john-doe-resume.pdf"

public/settings.schema.json

@@ -238,6 +238,8 @@ const Footer = () => {
 										<a
 											key={link.path}
 											href={link.path}
+											target="_blank"
+											rel="noopener noreferrer"
 											className={`block text-sm transition-colors duration-300 ${
 												styling.textColor || "text-gray-400"
 											} hover:text-purple-400 hover:translate-x-1 transform transition-transform`}

src/components/Footer.jsx

@@ -53,6 +53,7 @@ import {
 	SiVercel,
 	SiHeroku,
 } from "react-icons/si";
+import { getResumeUrl } from "../utils/resume";
 
 const Contact = () => {
 	const [settings, setSettings] = useState({});
@@ -155,6 +156,8 @@ const Contact = () => {
 											{info.href ? (
 												<a
 													href={sanitizeUrl(info.href)}
+													target="_blank"
+													rel="noopener noreferrer"
 													className="text-white hover:text-purple-400 transition-colors"
 												>
 													{info.value}
@@ -232,27 +235,37 @@ const Contact = () => {
 									const IconComponent = getHeroIcon(action.icon);
 									let url = action.url;
 
-									// Replace placeholders
+									// If this is the Resume quick action and mode is 'auto', use shared resume URL
+									const isResumeAction =
+										action.key === "resume" ||
+										action.label?.toLowerCase().includes("resume");
 									if (
-										url.includes("{email}") &&
-										settings.social?.contact?.email
+										isResumeAction &&
+										settings.contact?.quickActions?.resumeMode === "auto"
 									) {
-										url = url.replace("{email}", settings.social.contact.email);
-									}
-									if (url.includes("{calendly}") && contactConfig.calendly) {
-										url = url.replace("{calendly}", contactConfig.calendly);
+										url = resumeUrl;
+									} else {
+										// Replace placeholders as before
+										if (
+											url.includes("{email}") &&
+											settings.social?.contact?.email
+										) {
+											url = url.replace(
+												"{email}",
+												settings.social.contact.email
+											);
+										}
+										if (url.includes("{calendly}") && contactConfig.calendly) {
+											url = url.replace("{calendly}", contactConfig.calendly);
+										}
 									}
 
 									return (
 										<a
 											key={index}
 											href={sanitizeUrl(url)}
-											target={url.startsWith("http") ? "_blank" : undefined}
-											rel={
-												url.startsWith("http")
-													? "noopener noreferrer"
-													: undefined
-											}
+											target="_blank"
+											rel="noopener noreferrer"
 											className={`flex items-center p-2 ${
 												colorMap[action.colorTheme] ||
 												"text-gray-400 hover:bg-gray-900/20"
@@ -660,6 +673,7 @@ const Contact = () => {
 	const collaborationInterests = getCollaborationInterests();
 	const faqItems = getFAQItems();
 	const contactInfo = getContactInfo();
+	const resumeUrl = getResumeUrl(settings);
 
 	return (
 		<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 py-20 px-4">

src/pages/Contact.jsx

@@ -74,26 +74,48 @@ const Resume = () => {
 	}, []);
 
 	const getResumeUrl = () => {
+		// 1. Check for environment variable (RESUME_LINK)
+		const envResumeUrl = import.meta.env.RESUME_LINK;
+		if (
+			envResumeUrl &&
+			typeof envResumeUrl === "string" &&
+			envResumeUrl.trim() !== ""
+		) {
+			try {
+				if (
+					envResumeUrl.startsWith("http://") ||
+					envResumeUrl.startsWith("https://")
+				) {
+					return new URL(envResumeUrl).href;
+				}
+				if (envResumeUrl.startsWith("/") || !envResumeUrl.includes(":")) {
+					if (
+						envResumeUrl.includes("javascript:") ||
+						envResumeUrl.includes("data:") ||
+						envResumeUrl.includes("vbscript:")
+					) {
+						return "/resume.pdf";
+					}
+					return envResumeUrl;
+				}
+				return "/resume.pdf";
+			} catch {
+				return "/resume.pdf";
+			}
+		}
+		// 2. Fallback to settings.json logic
 		const resumeConfig = settings.resume || {};
 		let url;
-
 		if (resumeConfig.type === "external" && resumeConfig.alternativeUrl) {
 			url = resumeConfig.alternativeUrl;
 		} else {
 			url = resumeConfig.url || "/resume.pdf";
 		}
-
-		// Sanitize URL to prevent XSS
 		try {
-			// For external URLs, validate they start with http/https
 			if (url.startsWith("http://") || url.startsWith("https://")) {
-				// Additional validation for external URLs
-				const urlObj = new URL(url);
-				return urlObj.href;
+				return new URL(url).href;
 			}
-			// For relative URLs, ensure they don't contain dangerous protocols
 			if (url.startsWith("/") || !url.includes(":")) {
-				// Ensure no script injection in relative URLs
 				if (
 					url.includes("javascript:") ||
 					url.includes("data:") ||
@@ -103,10 +125,8 @@ const Resume = () => {
 				}
 				return url;
 			}
-			// Fallback to default if URL seems suspicious
 			return "/resume.pdf";
 		} catch {
-			console.warn("Invalid resume URL:", url);
 			return "/resume.pdf";
 		}
 	};

src/pages/Resume.jsx

@@ -0,0 +1,75 @@
+// Shared utility for getting the resume URL and filename
+
+/**
+ * Returns a safe, absolute URL for the resume PDF or external link.
+ * Priority: env var (VITE_RESUME_LINK or RESUME_LINK) > settings.resume.alternativeUrl > settings.resume.url > /resume.pdf
+ * @param {object} settings - The settings object (from settings.json)
+ * @returns {string} - A safe URL for the resume
+ */
+export function getResumeUrl(settings) {
+    // 1. Check for environment variable (VITE_RESUME_LINK or RESUME_LINK)
+    const envResumeUrl = import.meta.env.VITE_RESUME_LINK || import.meta.env.RESUME_LINK;
+    if (typeof envResumeUrl === "string" && envResumeUrl.trim() !== "") {
+        return sanitizeResumeUrl(envResumeUrl);
+    }
+    // 2. Fallback to settings.json logic
+    const resumeConfig = settings?.resume || {};
+    let url =
+        (resumeConfig.type === "external" && resumeConfig.alternativeUrl) ? resumeConfig.alternativeUrl : resumeConfig.url;
+    if (typeof url === "string" && url.trim() !== "") {
+        return sanitizeResumeUrl(url);
+    }
+    // 3. Default fallback
+    return "/resume.pdf";
+}
+
+/**
+ * Returns a safe filename for the resume download, or undefined to let the browser decide.
+ * @param {object} settings - The settings object (from settings.json)
+ * @returns {string|undefined} - A safe filename or undefined
+ */
+export function getResumeFilename(settings) {
+    const resumeConfig = settings?.resume || {};
+    const filename = resumeConfig.filename;
+    if (!filename || typeof filename !== "string") {
+        return undefined;
+    }
+    const sanitizedFilename = filename
+        .replace(/[<>:"/\\|?*]/g, "")
+        .replace(/\.\./g, "")
+        .trim();
+    if (sanitizedFilename.length === 0) {
+        return undefined;
+    }
+    return sanitizedFilename;
+}
+
+/**
+ * Sanitizes a resume URL to prevent XSS and invalid protocols.
+ * Allows only http, https, and relative URLs. Falls back to /resume.pdf if unsafe.
+ * @param {string} url - The URL to sanitize
+ * @returns {string} - A safe URL
+ */
+function sanitizeResumeUrl(url) {
+    if (!url || typeof url !== "string") return "/resume.pdf";
+    const trimmed = url.trim();
+    // Disallow javascript:, data:, vbscript:
+    if (/^(javascript:|data:|vbscript:)/i.test(trimmed)) return "/resume.pdf";
+    // Allow only http, https, or relative URLs
+    try {
+        const parsed = new URL(trimmed, window.location.origin);
+        if (parsed.protocol === "http:" || parsed.protocol === "https:") {
+            return parsed.href;
+        }
+        // If it's a relative URL, allow it
+        if (trimmed.startsWith("/")) {
+            return trimmed;
+        }
+    } catch {
+        // If URL constructor fails, treat as relative if it doesn't contain a colon
+        if (!trimmed.includes(":")) {
+            return "/" + trimmed.replace(/^\/+/, "");
+        }
+    }
+    return "/resume.pdf";
+}