@prosophia/personal-cv 0.0.4 → 0.0.5

package/dist/index.mjs

@@ -1,7 +1,5 @@
-// src/styles/About.module.css
-var About_default = {};
-
 // src/components/About.tsx
+import styles from "./About.module.css";
 import { jsx, jsxs } from "react/jsx-runtime";
 var socialIcons = {
   scholar: "school",
@@ -26,11 +24,11 @@ function About({
   profileImageUrl,
   socialLinks = []
 }) {
-  return /* @__PURE__ */ jsx("section", { className: About_default.about, id: "about", children: /* @__PURE__ */ jsxs("div", { className: About_default.card, children: [
-    /* @__PURE__ */ jsx("div", { className: About_default.imageWrapper, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("section", { className: styles.about, id: "about", children: /* @__PURE__ */ jsxs("div", { className: styles.card, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.imageWrapper, children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: About_default.profileImage,
+        className: styles.profileImage,
         style: {
           backgroundImage: profileImageUrl ? `url("${profileImageUrl}")` : void 0,
           backgroundColor: profileImageUrl ? void 0 : "#e5e7eb"
@@ -39,19 +37,19 @@ function About({
         "aria-label": "Profile photo"
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: About_default.content, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h1", { className: About_default.greeting, children: greeting }),
-        /* @__PURE__ */ jsx("p", { className: About_default.title, children: title }),
-        /* @__PURE__ */ jsx("p", { className: About_default.bio, children: bio })
+        /* @__PURE__ */ jsx("h1", { className: styles.greeting, children: greeting }),
+        /* @__PURE__ */ jsx("p", { className: styles.title, children: title }),
+        /* @__PURE__ */ jsx("p", { className: styles.bio, children: bio })
       ] }),
-      socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: About_default.socialLinks, children: socialLinks.map((link) => /* @__PURE__ */ jsx(
+      socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: styles.socialLinks, children: socialLinks.map((link) => /* @__PURE__ */ jsx(
         "a",
         {
           href: link.url,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: About_default.socialLink,
+          className: styles.socialLink,
           "aria-label": socialLabels[link.platform] || link.platform,
           children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", children: socialIcons[link.platform] || "link" })
         },
@@ -61,10 +59,8 @@ function About({
   ] }) });
 }
 
-// src/styles/CVSection.module.css
-var CVSection_default = {};
-
 // src/components/CVSection.tsx
+import styles2 from "./CVSection.module.css";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function CVSection({
   heading,
@@ -72,12 +68,12 @@ function CVSection({
   buttonText,
   cvFileUrl
 }) {
-  return /* @__PURE__ */ jsx2("section", { className: CVSection_default.cv, id: "cv", children: /* @__PURE__ */ jsxs2("div", { className: CVSection_default.card, children: [
-    /* @__PURE__ */ jsxs2("div", { className: CVSection_default.content, children: [
-      /* @__PURE__ */ jsx2("span", { className: CVSection_default.iconWrapper, children: /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "history_edu" }) }),
-      /* @__PURE__ */ jsxs2("div", { className: CVSection_default.textContent, children: [
-        /* @__PURE__ */ jsx2("h2", { className: CVSection_default.title, children: heading }),
-        /* @__PURE__ */ jsx2("p", { className: CVSection_default.description, children: description })
+  return /* @__PURE__ */ jsx2("section", { className: styles2.cv, id: "cv", children: /* @__PURE__ */ jsxs2("div", { className: styles2.card, children: [
+    /* @__PURE__ */ jsxs2("div", { className: styles2.content, children: [
+      /* @__PURE__ */ jsx2("span", { className: styles2.iconWrapper, children: /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "history_edu" }) }),
+      /* @__PURE__ */ jsxs2("div", { className: styles2.textContent, children: [
+        /* @__PURE__ */ jsx2("h2", { className: styles2.title, children: heading }),
+        /* @__PURE__ */ jsx2("p", { className: styles2.description, children: description })
       ] }),
       cvFileUrl ? /* @__PURE__ */ jsxs2(
         "a",
@@ -85,32 +81,30 @@ function CVSection({
           href: cvFileUrl,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: CVSection_default.downloadBtn,
+          className: styles2.downloadBtn,
           children: [
             /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "download" }),
             buttonText
           ]
         }
-      ) : /* @__PURE__ */ jsxs2("button", { className: CVSection_default.downloadBtn, disabled: true, children: [
+      ) : /* @__PURE__ */ jsxs2("button", { className: styles2.downloadBtn, disabled: true, children: [
         /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "download" }),
         buttonText
       ] })
     ] }),
-    /* @__PURE__ */ jsx2("div", { className: CVSection_default.background })
+    /* @__PURE__ */ jsx2("div", { className: styles2.background })
   ] }) });
 }
 
-// src/styles/Footer.module.css
-var Footer_default = {};
-
 // src/components/Footer.tsx
+import styles3 from "./Footer.module.css";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Footer({ footerText, email }) {
-  return /* @__PURE__ */ jsx3("footer", { className: Footer_default.footer, children: /* @__PURE__ */ jsxs3("div", { className: Footer_default.content, children: [
-    /* @__PURE__ */ jsx3("p", { className: Footer_default.copyright, children: footerText }),
-    email && /* @__PURE__ */ jsxs3("div", { className: Footer_default.emailWrapper, children: [
+  return /* @__PURE__ */ jsx3("footer", { className: styles3.footer, children: /* @__PURE__ */ jsxs3("div", { className: styles3.content, children: [
+    /* @__PURE__ */ jsx3("p", { className: styles3.copyright, children: footerText }),
+    email && /* @__PURE__ */ jsxs3("div", { className: styles3.emailWrapper, children: [
       /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "mail" }),
-      /* @__PURE__ */ jsx3("a", { href: `mailto:${email}`, className: Footer_default.email, children: email })
+      /* @__PURE__ */ jsx3("a", { href: `mailto:${email}`, className: styles3.email, children: email })
     ] })
   ] }) });
 }
@@ -118,9 +112,7 @@ function Footer({ footerText, email }) {
 // src/components/Header.tsx
 import { useState as useState2 } from "react";
 import Link from "next/link";
-
-// src/styles/Header.module.css
-var Header_default = {};
+import styles4 from "./Header.module.css";
 
 // src/context/ThemeContext.tsx
 import { createContext, useContext, useEffect, useState } from "react";
@@ -177,17 +169,17 @@ function Header({
     setMobileMenuOpen(false);
   };
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsx5("header", { className: Header_default.header, children: /* @__PURE__ */ jsxs4("div", { className: Header_default.headerInner, children: [
-      /* @__PURE__ */ jsxs4(Link, { href: "/", className: Header_default.logo, children: [
-        /* @__PURE__ */ jsx5("div", { className: Header_default.logoIcon, children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: "hexagon" }) }),
-        /* @__PURE__ */ jsx5("h2", { className: Header_default.siteName, children: siteName })
+    /* @__PURE__ */ jsx5("header", { className: styles4.header, children: /* @__PURE__ */ jsxs4("div", { className: styles4.headerInner, children: [
+      /* @__PURE__ */ jsxs4(Link, { href: "/", className: styles4.logo, children: [
+        /* @__PURE__ */ jsx5("div", { className: styles4.logoIcon, children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: "hexagon" }) }),
+        /* @__PURE__ */ jsx5("h2", { className: styles4.siteName, children: siteName })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: Header_default.desktopNav, children: [
-        /* @__PURE__ */ jsx5("nav", { className: Header_default.navLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs4("div", { className: styles4.desktopNav, children: [
+        /* @__PURE__ */ jsx5("nav", { className: styles4.navLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx5(
           Link,
           {
             href: link.href,
-            className: Header_default.navLink,
+            className: styles4.navLink,
             children: link.label
           },
           link.href
@@ -195,7 +187,7 @@ function Header({
         mounted && /* @__PURE__ */ jsx5(
           "button",
           {
-            className: Header_default.themeToggle,
+            className: styles4.themeToggle,
             onClick: toggleTheme,
             "aria-label": `Switch to ${theme === "light" ? "dark" : "light"} mode`,
             children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
@@ -205,16 +197,16 @@ function Header({
           "a",
           {
             href: `mailto:${contactEmail}`,
-            className: Header_default.contactBtn,
+            className: styles4.contactBtn,
             children: /* @__PURE__ */ jsx5("span", { children: contactButtonText })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: Header_default.mobileActions, children: [
+      /* @__PURE__ */ jsxs4("div", { className: styles4.mobileActions, children: [
         mounted && /* @__PURE__ */ jsx5(
           "button",
           {
-            className: Header_default.mobileThemeToggle,
+            className: styles4.mobileThemeToggle,
             onClick: toggleTheme,
             "aria-label": `Switch to ${theme === "light" ? "dark" : "light"} mode`,
             children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
@@ -223,7 +215,7 @@ function Header({
         /* @__PURE__ */ jsx5(
           "button",
           {
-            className: Header_default.mobileMenuBtn,
+            className: styles4.mobileMenuBtn,
             onClick: toggleMobileMenu,
             "aria-label": "Toggle menu",
             children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: mobileMenuOpen ? "close" : "menu" })
@@ -231,12 +223,12 @@ function Header({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs4("div", { className: `${Header_default.mobileMenu} ${mobileMenuOpen ? Header_default.open : ""}`, children: [
-      /* @__PURE__ */ jsx5("nav", { className: Header_default.mobileNavLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs4("div", { className: `${styles4.mobileMenu} ${mobileMenuOpen ? styles4.open : ""}`, children: [
+      /* @__PURE__ */ jsx5("nav", { className: styles4.mobileNavLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx5(
         Link,
         {
           href: link.href,
-          className: Header_default.mobileNavLink,
+          className: styles4.mobileNavLink,
           onClick: closeMobileMenu,
           children: link.label
         },
@@ -246,7 +238,7 @@ function Header({
         "a",
         {
           href: `mailto:${contactEmail}`,
-          className: Header_default.mobileContactBtn,
+          className: styles4.mobileContactBtn,
           children: contactButtonText
         }
       )
@@ -254,31 +246,66 @@ function Header({
   ] });
 }
 
-// src/components/Projects.tsx
-import Link2 from "next/link";
-
-// src/styles/Projects.module.css
-var Projects_default = {};
+// src/components/HomePage.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var defaultNavLinks = [
+  { label: "About", href: "#about" },
+  { label: "Experience", href: "#experience" },
+  { label: "Projects", href: "#projects" },
+  { label: "Publications", href: "#publications" }
+];
+function HomePage({
+  children,
+  settings = null,
+  header,
+  footer
+}) {
+  const siteName = settings?.siteName || "My CV";
+  const navLinks = settings?.navLinks?.length ? settings.navLinks : defaultNavLinks;
+  const footerText = settings?.footerText || `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`;
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    header ?? /* @__PURE__ */ jsx6(
+      Header,
+      {
+        siteName,
+        navLinks,
+        showContactButton: settings?.showContactButton,
+        contactButtonText: settings?.contactButtonText,
+        contactEmail: settings?.contactEmail
+      }
+    ),
+    /* @__PURE__ */ jsx6("main", { children }),
+    footer ?? /* @__PURE__ */ jsx6(
+      Footer,
+      {
+        footerText,
+        email: settings?.contactEmail
+      }
+    )
+  ] });
+}
 
 // src/components/Projects.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import Link2 from "next/link";
+import styles5 from "./Projects.module.css";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function Projects({
   projects,
   showViewAll = true,
   viewAllUrl = "#"
 }) {
-  return /* @__PURE__ */ jsxs5("section", { className: Projects_default.projects, id: "projects", children: [
-    /* @__PURE__ */ jsxs5("div", { className: Projects_default.header, children: [
-      /* @__PURE__ */ jsx6("h2", { className: Projects_default.title, children: "Selected Projects" }),
-      showViewAll && /* @__PURE__ */ jsx6(Link2, { href: viewAllUrl, className: Projects_default.viewAllLink, children: "View all projects" })
+  return /* @__PURE__ */ jsxs6("section", { className: styles5.projects, id: "projects", children: [
+    /* @__PURE__ */ jsxs6("div", { className: styles5.header, children: [
+      /* @__PURE__ */ jsx7("h2", { className: styles5.title, children: "Selected Projects" }),
+      showViewAll && /* @__PURE__ */ jsx7(Link2, { href: viewAllUrl, className: styles5.viewAllLink, children: "View all projects" })
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: Projects_default.grid, children: projects.map((project) => {
+    /* @__PURE__ */ jsx7("div", { className: styles5.grid, children: projects.map((project) => {
       const projectUrl = project.slug?.current ? `/projects/${project.slug.current}` : project.caseStudyUrl;
-      const CardContent = /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx6("div", { className: Projects_default.imageWrapper, children: /* @__PURE__ */ jsx6(
+      const CardContent = /* @__PURE__ */ jsxs6(Fragment3, { children: [
+        /* @__PURE__ */ jsx7("div", { className: styles5.imageWrapper, children: /* @__PURE__ */ jsx7(
           "div",
           {
-            className: Projects_default.image,
+            className: styles5.image,
             style: {
               backgroundImage: project.imageUrl ? `url("${project.imageUrl}")` : void 0,
               backgroundColor: project.imageUrl ? void 0 : "#e5e7eb"
@@ -287,94 +314,92 @@ function Projects({
             "aria-label": project.imageAlt || project.title
           }
         ) }),
-        /* @__PURE__ */ jsxs5("div", { className: Projects_default.content, children: [
-          /* @__PURE__ */ jsx6("h3", { className: Projects_default.projectTitle, children: project.title }),
-          /* @__PURE__ */ jsx6("p", { className: Projects_default.description, children: project.description }),
-          /* @__PURE__ */ jsxs5("span", { className: Projects_default.caseStudyLink, children: [
+        /* @__PURE__ */ jsxs6("div", { className: styles5.content, children: [
+          /* @__PURE__ */ jsx7("h3", { className: styles5.projectTitle, children: project.title }),
+          /* @__PURE__ */ jsx7("p", { className: styles5.description, children: project.description }),
+          /* @__PURE__ */ jsxs6("span", { className: styles5.caseStudyLink, children: [
             "View Project",
             " ",
-            /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "arrow_forward" })
+            /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "arrow_forward" })
           ] })
         ] })
       ] });
-      return project.slug?.current ? /* @__PURE__ */ jsx6(
+      return project.slug?.current ? /* @__PURE__ */ jsx7(
         Link2,
         {
           href: projectUrl,
-          className: Projects_default.card,
+          className: styles5.card,
           children: CardContent
         },
         project._id
-      ) : /* @__PURE__ */ jsx6("div", { className: Projects_default.card, children: CardContent }, project._id);
+      ) : /* @__PURE__ */ jsx7("div", { className: styles5.card, children: CardContent }, project._id);
     }) })
   ] });
 }
 
-// src/styles/Publications.module.css
-var Publications_default = {};
-
 // src/components/Publications.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import styles6 from "./Publications.module.css";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Publications({ publications }) {
-  return /* @__PURE__ */ jsxs6("section", { className: Publications_default.publications, id: "publications", children: [
-    /* @__PURE__ */ jsx7("div", { className: Publications_default.header, children: /* @__PURE__ */ jsx7("h2", { className: Publications_default.title, children: "Recent Publications" }) }),
-    /* @__PURE__ */ jsx7("div", { className: Publications_default.list, children: publications.map((pub) => /* @__PURE__ */ jsxs6("div", { className: Publications_default.item, children: [
-      /* @__PURE__ */ jsxs6("div", { className: Publications_default.itemHeader, children: [
-        /* @__PURE__ */ jsx7("h3", { className: Publications_default.pubTitle, children: pub.title }),
-        /* @__PURE__ */ jsx7("span", { className: Publications_default.year, children: pub.year })
+  return /* @__PURE__ */ jsxs7("section", { className: styles6.publications, id: "publications", children: [
+    /* @__PURE__ */ jsx8("div", { className: styles6.header, children: /* @__PURE__ */ jsx8("h2", { className: styles6.title, children: "Recent Publications" }) }),
+    /* @__PURE__ */ jsx8("div", { className: styles6.list, children: publications.map((pub) => /* @__PURE__ */ jsxs7("div", { className: styles6.item, children: [
+      /* @__PURE__ */ jsxs7("div", { className: styles6.itemHeader, children: [
+        /* @__PURE__ */ jsx8("h3", { className: styles6.pubTitle, children: pub.title }),
+        /* @__PURE__ */ jsx8("span", { className: styles6.year, children: pub.year })
       ] }),
-      /* @__PURE__ */ jsx7("p", { className: Publications_default.authors, children: pub.authors }),
-      /* @__PURE__ */ jsx7("p", { className: Publications_default.venue, children: pub.venue }),
-      /* @__PURE__ */ jsxs6("div", { className: Publications_default.links, children: [
-        pub.pdfUrl && /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsx8("p", { className: styles6.authors, children: pub.authors }),
+      /* @__PURE__ */ jsx8("p", { className: styles6.venue, children: pub.venue }),
+      /* @__PURE__ */ jsxs7("div", { className: styles6.links, children: [
+        pub.pdfUrl && /* @__PURE__ */ jsxs7(
           "a",
           {
             href: pub.pdfUrl,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: Publications_default.linkBtn,
+            className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "description" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "description" }),
               "PDF"
             ]
           }
         ),
-        pub.codeUrl && /* @__PURE__ */ jsxs6(
+        pub.codeUrl && /* @__PURE__ */ jsxs7(
           "a",
           {
             href: pub.codeUrl,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: Publications_default.linkBtn,
+            className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "code" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "code" }),
               "Code"
             ]
           }
         ),
-        pub.videoUrl && /* @__PURE__ */ jsxs6(
+        pub.videoUrl && /* @__PURE__ */ jsxs7(
           "a",
           {
             href: pub.videoUrl,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: Publications_default.linkBtn,
+            className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "videocam" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "videocam" }),
               "Video"
             ]
           }
         ),
-        pub.bibtex && /* @__PURE__ */ jsxs6(
+        pub.bibtex && /* @__PURE__ */ jsxs7(
           "button",
           {
             onClick: () => {
               navigator.clipboard.writeText(pub.bibtex || "");
               alert("BibTeX copied to clipboard!");
             },
-            className: Publications_default.linkBtn,
+            className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "format_quote" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "format_quote" }),
               "BibTeX"
             ]
           }
@@ -546,6 +571,7 @@ export {
   CVSection,
   Footer,
   Header,
+  HomePage,
   Projects,
   Publications,
   ThemeProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosophia/personal-cv",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Personal academic CV template for Prosophia",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",