@prosophia/lab-techy 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +51 -9
- package/dist/index.d.ts +51 -9
- package/dist/index.js +72 -56
- package/dist/index.mjs +71 -56
- package/dist/layouts/index.js +46 -56
- package/dist/layouts/index.mjs +46 -56
- package/package.json +1 -1
- package/dist/index.css +0 -281
- package/dist/layouts/index.css +0 -281
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
// src/components/Footer.tsx
|
|
2
2
|
import Link from "next/link";
|
|
3
3
|
import { motion } from "framer-motion";
|
|
4
|
-
|
|
5
|
-
// src/components/Footer.module.css
|
|
6
|
-
var Footer_default = {};
|
|
7
|
-
|
|
8
|
-
// src/components/Footer.tsx
|
|
4
|
+
import styles from "./Footer.module.css";
|
|
9
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
6
|
var footerVariants = {
|
|
11
7
|
hidden: { opacity: 0, y: 20 },
|
|
@@ -21,17 +17,17 @@ var footerVariants = {
|
|
|
21
17
|
function getSocialIcon(platform) {
|
|
22
18
|
switch (platform) {
|
|
23
19
|
case "twitter":
|
|
24
|
-
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
20
|
+
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" }) });
|
|
25
21
|
case "github":
|
|
26
|
-
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
22
|
+
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }) });
|
|
27
23
|
case "linkedin":
|
|
28
|
-
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
24
|
+
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" }) });
|
|
29
25
|
case "youtube":
|
|
30
|
-
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
26
|
+
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) });
|
|
31
27
|
case "scholar":
|
|
32
|
-
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
28
|
+
return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M5.242 13.769L0 9.5 12 0l12 9.5-5.242 4.269C17.548 11.249 14.978 9.5 12 9.5c-2.977 0-5.548 1.748-6.758 4.269zM12 10a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" }) });
|
|
33
29
|
default:
|
|
34
|
-
return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: "2", className:
|
|
30
|
+
return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: "2", className: styles.socialIcon, children: [
|
|
35
31
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
36
32
|
/* @__PURE__ */ jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
|
|
37
33
|
/* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
|
|
@@ -50,24 +46,24 @@ function Footer({ footerData }) {
|
|
|
50
46
|
return /* @__PURE__ */ jsx(
|
|
51
47
|
motion.footer,
|
|
52
48
|
{
|
|
53
|
-
className:
|
|
49
|
+
className: styles.footer,
|
|
54
50
|
initial: "hidden",
|
|
55
51
|
whileInView: "visible",
|
|
56
52
|
viewport: { once: true },
|
|
57
53
|
variants: footerVariants,
|
|
58
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
59
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
60
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
61
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
62
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
63
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
54
|
+
children: /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
|
|
55
|
+
/* @__PURE__ */ jsxs("div", { className: styles.grid, children: [
|
|
56
|
+
/* @__PURE__ */ jsxs("div", { className: styles.brandSection, children: [
|
|
57
|
+
/* @__PURE__ */ jsxs("div", { className: styles.logo, children: [
|
|
58
|
+
/* @__PURE__ */ jsx("div", { className: styles.logoIcon, children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", children: "science" }) }),
|
|
59
|
+
/* @__PURE__ */ jsx("h2", { className: styles.logoText, children: labName })
|
|
64
60
|
] }),
|
|
65
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
66
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
61
|
+
/* @__PURE__ */ jsx("p", { className: styles.description, children: footerText }),
|
|
62
|
+
/* @__PURE__ */ jsx("div", { className: styles.socialLinks, children: socialLinks.map((social, index) => /* @__PURE__ */ jsx(
|
|
67
63
|
"a",
|
|
68
64
|
{
|
|
69
65
|
href: social.url,
|
|
70
|
-
className:
|
|
66
|
+
className: styles.socialLink,
|
|
71
67
|
"aria-label": social.platform,
|
|
72
68
|
target: "_blank",
|
|
73
69
|
rel: "noopener noreferrer",
|
|
@@ -76,26 +72,26 @@ function Footer({ footerData }) {
|
|
|
76
72
|
index
|
|
77
73
|
)) })
|
|
78
74
|
] }),
|
|
79
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
80
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
81
|
-
/* @__PURE__ */ jsxs("ul", { className:
|
|
82
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/research", className:
|
|
83
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className:
|
|
84
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className:
|
|
85
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className:
|
|
75
|
+
/* @__PURE__ */ jsxs("div", { className: styles.linksSection, children: [
|
|
76
|
+
/* @__PURE__ */ jsx("h3", { className: styles.linksSectionTitle, children: "Research" }),
|
|
77
|
+
/* @__PURE__ */ jsxs("ul", { className: styles.linksList, children: [
|
|
78
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/research", className: styles.link, children: "Projects" }) }),
|
|
79
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: styles.link, children: "Publications" }) }),
|
|
80
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: styles.link, children: "Datasets" }) }),
|
|
81
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: styles.link, children: "Code" }) })
|
|
86
82
|
] })
|
|
87
83
|
] }),
|
|
88
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
89
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
90
|
-
/* @__PURE__ */ jsxs("ul", { className:
|
|
91
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className:
|
|
92
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className:
|
|
93
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className:
|
|
94
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/contact", className:
|
|
84
|
+
/* @__PURE__ */ jsxs("div", { className: styles.linksSection, children: [
|
|
85
|
+
/* @__PURE__ */ jsx("h3", { className: styles.linksSectionTitle, children: "People" }),
|
|
86
|
+
/* @__PURE__ */ jsxs("ul", { className: styles.linksList, children: [
|
|
87
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: styles.link, children: "Faculty" }) }),
|
|
88
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: styles.link, children: "Students" }) }),
|
|
89
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: styles.link, children: "Alumni" }) }),
|
|
90
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/contact", className: styles.link, children: "Join Us" }) })
|
|
95
91
|
] })
|
|
96
92
|
] })
|
|
97
93
|
] }),
|
|
98
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
94
|
+
/* @__PURE__ */ jsx("div", { className: styles.bottom, children: /* @__PURE__ */ jsxs("p", { className: styles.copyright, children: [
|
|
99
95
|
"\xA9 ",
|
|
100
96
|
(/* @__PURE__ */ new Date()).getFullYear(),
|
|
101
97
|
" ",
|
|
@@ -111,18 +107,12 @@ function Footer({ footerData }) {
|
|
|
111
107
|
import Link2 from "next/link";
|
|
112
108
|
import { usePathname } from "next/navigation";
|
|
113
109
|
import { motion as motion3 } from "framer-motion";
|
|
114
|
-
|
|
115
|
-
// src/components/Header.module.css
|
|
116
|
-
var Header_default = {};
|
|
110
|
+
import styles3 from "./Header.module.css";
|
|
117
111
|
|
|
118
112
|
// src/components/ThemeToggle.tsx
|
|
119
113
|
import { motion as motion2 } from "framer-motion";
|
|
120
114
|
import { useTheme } from "next-themes";
|
|
121
|
-
|
|
122
|
-
// src/components/ThemeToggle.module.css
|
|
123
|
-
var ThemeToggle_default = {};
|
|
124
|
-
|
|
125
|
-
// src/components/ThemeToggle.tsx
|
|
115
|
+
import styles2 from "./ThemeToggle.module.css";
|
|
126
116
|
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
127
117
|
function ThemeToggle() {
|
|
128
118
|
const { resolvedTheme, setTheme } = useTheme();
|
|
@@ -132,7 +122,7 @@ function ThemeToggle() {
|
|
|
132
122
|
return /* @__PURE__ */ jsx2(
|
|
133
123
|
motion2.button,
|
|
134
124
|
{
|
|
135
|
-
className:
|
|
125
|
+
className: styles2.toggle,
|
|
136
126
|
onClick: toggleTheme,
|
|
137
127
|
whileHover: { scale: 1.05 },
|
|
138
128
|
whileTap: { scale: 0.95 },
|
|
@@ -159,21 +149,21 @@ function Header({ navigationData }) {
|
|
|
159
149
|
return /* @__PURE__ */ jsx3(
|
|
160
150
|
motion3.header,
|
|
161
151
|
{
|
|
162
|
-
className:
|
|
152
|
+
className: styles3.header,
|
|
163
153
|
initial: { y: -100, opacity: 0 },
|
|
164
154
|
animate: { y: 0, opacity: 1 },
|
|
165
155
|
transition: { duration: 0.5, ease: [0.16, 1, 0.3, 1] },
|
|
166
|
-
children: /* @__PURE__ */ jsxs2("div", { className:
|
|
167
|
-
/* @__PURE__ */ jsxs2(Link2, { href: "/", className:
|
|
168
|
-
/* @__PURE__ */ jsx3("div", { className:
|
|
169
|
-
/* @__PURE__ */ jsx3("h1", { className:
|
|
156
|
+
children: /* @__PURE__ */ jsxs2("div", { className: styles3.container, children: [
|
|
157
|
+
/* @__PURE__ */ jsxs2(Link2, { href: "/", className: styles3.logo, children: [
|
|
158
|
+
/* @__PURE__ */ jsx3("div", { className: styles3.logoIcon, children: /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "science" }) }),
|
|
159
|
+
/* @__PURE__ */ jsx3("h1", { className: styles3.logoText, children: labName })
|
|
170
160
|
] }),
|
|
171
|
-
/* @__PURE__ */ jsxs2("nav", { className:
|
|
172
|
-
/* @__PURE__ */ jsx3("div", { className:
|
|
161
|
+
/* @__PURE__ */ jsxs2("nav", { className: styles3.nav, children: [
|
|
162
|
+
/* @__PURE__ */ jsx3("div", { className: styles3.navLinks, children: navItems.map((item) => /* @__PURE__ */ jsx3(
|
|
173
163
|
Link2,
|
|
174
164
|
{
|
|
175
165
|
href: item.href,
|
|
176
|
-
className: `${
|
|
166
|
+
className: `${styles3.navLink} ${pathname === item.href ? styles3.navLinkActive : ""}`,
|
|
177
167
|
children: item.label
|
|
178
168
|
},
|
|
179
169
|
item.href
|
|
@@ -182,16 +172,16 @@ function Header({ navigationData }) {
|
|
|
182
172
|
/* @__PURE__ */ jsx3(Link2, { href: "/contact", children: /* @__PURE__ */ jsx3(
|
|
183
173
|
motion3.button,
|
|
184
174
|
{
|
|
185
|
-
className:
|
|
175
|
+
className: styles3.ctaButton,
|
|
186
176
|
whileHover: { scale: 1.02 },
|
|
187
177
|
whileTap: { scale: 0.98 },
|
|
188
178
|
children: "Join the Lab"
|
|
189
179
|
}
|
|
190
180
|
) })
|
|
191
181
|
] }),
|
|
192
|
-
/* @__PURE__ */ jsxs2("div", { className:
|
|
182
|
+
/* @__PURE__ */ jsxs2("div", { className: styles3.mobileActions, children: [
|
|
193
183
|
/* @__PURE__ */ jsx3(ThemeToggle, {}),
|
|
194
|
-
/* @__PURE__ */ jsx3("button", { className:
|
|
184
|
+
/* @__PURE__ */ jsx3("button", { className: styles3.mobileMenuBtn, children: /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "menu" }) })
|
|
195
185
|
] })
|
|
196
186
|
] })
|
|
197
187
|
}
|
|
@@ -233,6 +223,30 @@ function ClientLayout({ children, settings }) {
|
|
|
233
223
|
] });
|
|
234
224
|
}
|
|
235
225
|
|
|
226
|
+
// src/components/HomePage.tsx
|
|
227
|
+
import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
228
|
+
function HomePage({
|
|
229
|
+
children,
|
|
230
|
+
settings = null,
|
|
231
|
+
navigationData,
|
|
232
|
+
footerData,
|
|
233
|
+
header,
|
|
234
|
+
footer
|
|
235
|
+
}) {
|
|
236
|
+
const navData = navigationData ?? (settings ? {
|
|
237
|
+
labName: settings.labName || "Research Lab"
|
|
238
|
+
} : void 0);
|
|
239
|
+
const ftData = footerData ?? (settings ? {
|
|
240
|
+
labName: settings.labName || "Research Lab",
|
|
241
|
+
footerText: settings.footerText
|
|
242
|
+
} : void 0);
|
|
243
|
+
return /* @__PURE__ */ jsxs4(Fragment, { children: [
|
|
244
|
+
header ?? /* @__PURE__ */ jsx5(Header, { navigationData: navData }),
|
|
245
|
+
/* @__PURE__ */ jsx5("main", { children }),
|
|
246
|
+
footer ?? /* @__PURE__ */ jsx5(Footer, { footerData: ftData })
|
|
247
|
+
] });
|
|
248
|
+
}
|
|
249
|
+
|
|
236
250
|
// src/config.ts
|
|
237
251
|
function defineConfig(config) {
|
|
238
252
|
return config;
|
|
@@ -401,6 +415,7 @@ export {
|
|
|
401
415
|
ClientLayout,
|
|
402
416
|
Footer,
|
|
403
417
|
Header,
|
|
418
|
+
HomePage,
|
|
404
419
|
ThemeToggle,
|
|
405
420
|
blurFade,
|
|
406
421
|
buttonPress,
|
package/dist/layouts/index.js
CHANGED
|
@@ -42,18 +42,12 @@ var import_next_themes2 = require("next-themes");
|
|
|
42
42
|
var import_link = __toESM(require("next/link"));
|
|
43
43
|
var import_navigation = require("next/navigation");
|
|
44
44
|
var import_framer_motion2 = require("framer-motion");
|
|
45
|
-
|
|
46
|
-
// src/components/Header.module.css
|
|
47
|
-
var Header_default = {};
|
|
45
|
+
var import_Header = __toESM(require("./Header.module.css"));
|
|
48
46
|
|
|
49
47
|
// src/components/ThemeToggle.tsx
|
|
50
48
|
var import_framer_motion = require("framer-motion");
|
|
51
49
|
var import_next_themes = require("next-themes");
|
|
52
|
-
|
|
53
|
-
// src/components/ThemeToggle.module.css
|
|
54
|
-
var ThemeToggle_default = {};
|
|
55
|
-
|
|
56
|
-
// src/components/ThemeToggle.tsx
|
|
50
|
+
var import_ThemeToggle = __toESM(require("./ThemeToggle.module.css"));
|
|
57
51
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
58
52
|
function ThemeToggle() {
|
|
59
53
|
const { resolvedTheme, setTheme } = (0, import_next_themes.useTheme)();
|
|
@@ -63,7 +57,7 @@ function ThemeToggle() {
|
|
|
63
57
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
64
58
|
import_framer_motion.motion.button,
|
|
65
59
|
{
|
|
66
|
-
className:
|
|
60
|
+
className: import_ThemeToggle.default.toggle,
|
|
67
61
|
onClick: toggleTheme,
|
|
68
62
|
whileHover: { scale: 1.05 },
|
|
69
63
|
whileTap: { scale: 0.95 },
|
|
@@ -90,21 +84,21 @@ function Header({ navigationData }) {
|
|
|
90
84
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
91
85
|
import_framer_motion2.motion.header,
|
|
92
86
|
{
|
|
93
|
-
className:
|
|
87
|
+
className: import_Header.default.header,
|
|
94
88
|
initial: { y: -100, opacity: 0 },
|
|
95
89
|
animate: { y: 0, opacity: 1 },
|
|
96
90
|
transition: { duration: 0.5, ease: [0.16, 1, 0.3, 1] },
|
|
97
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className:
|
|
98
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_link.default, { href: "/", className:
|
|
99
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className:
|
|
100
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className:
|
|
91
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: import_Header.default.container, children: [
|
|
92
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_link.default, { href: "/", className: import_Header.default.logo, children: [
|
|
93
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: import_Header.default.logoIcon, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "material-symbols-outlined", children: "science" }) }),
|
|
94
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: import_Header.default.logoText, children: labName })
|
|
101
95
|
] }),
|
|
102
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("nav", { className:
|
|
103
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className:
|
|
96
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("nav", { className: import_Header.default.nav, children: [
|
|
97
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: import_Header.default.navLinks, children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
104
98
|
import_link.default,
|
|
105
99
|
{
|
|
106
100
|
href: item.href,
|
|
107
|
-
className: `${
|
|
101
|
+
className: `${import_Header.default.navLink} ${pathname === item.href ? import_Header.default.navLinkActive : ""}`,
|
|
108
102
|
children: item.label
|
|
109
103
|
},
|
|
110
104
|
item.href
|
|
@@ -113,16 +107,16 @@ function Header({ navigationData }) {
|
|
|
113
107
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_link.default, { href: "/contact", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
114
108
|
import_framer_motion2.motion.button,
|
|
115
109
|
{
|
|
116
|
-
className:
|
|
110
|
+
className: import_Header.default.ctaButton,
|
|
117
111
|
whileHover: { scale: 1.02 },
|
|
118
112
|
whileTap: { scale: 0.98 },
|
|
119
113
|
children: "Join the Lab"
|
|
120
114
|
}
|
|
121
115
|
) })
|
|
122
116
|
] }),
|
|
123
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className:
|
|
117
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: import_Header.default.mobileActions, children: [
|
|
124
118
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeToggle, {}),
|
|
125
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className:
|
|
119
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: import_Header.default.mobileMenuBtn, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "material-symbols-outlined", children: "menu" }) })
|
|
126
120
|
] })
|
|
127
121
|
] })
|
|
128
122
|
}
|
|
@@ -132,11 +126,7 @@ function Header({ navigationData }) {
|
|
|
132
126
|
// src/components/Footer.tsx
|
|
133
127
|
var import_link2 = __toESM(require("next/link"));
|
|
134
128
|
var import_framer_motion3 = require("framer-motion");
|
|
135
|
-
|
|
136
|
-
// src/components/Footer.module.css
|
|
137
|
-
var Footer_default = {};
|
|
138
|
-
|
|
139
|
-
// src/components/Footer.tsx
|
|
129
|
+
var import_Footer = __toESM(require("./Footer.module.css"));
|
|
140
130
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
141
131
|
var footerVariants = {
|
|
142
132
|
hidden: { opacity: 0, y: 20 },
|
|
@@ -152,17 +142,17 @@ var footerVariants = {
|
|
|
152
142
|
function getSocialIcon(platform) {
|
|
153
143
|
switch (platform) {
|
|
154
144
|
case "twitter":
|
|
155
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: import_Footer.default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" }) });
|
|
156
146
|
case "github":
|
|
157
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
147
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: import_Footer.default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }) });
|
|
158
148
|
case "linkedin":
|
|
159
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: import_Footer.default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" }) });
|
|
160
150
|
case "youtube":
|
|
161
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
151
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: import_Footer.default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) });
|
|
162
152
|
case "scholar":
|
|
163
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className:
|
|
153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: import_Footer.default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.242 13.769L0 9.5 12 0l12 9.5-5.242 4.269C17.548 11.249 14.978 9.5 12 9.5c-2.977 0-5.548 1.748-6.758 4.269zM12 10a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" }) });
|
|
164
154
|
default:
|
|
165
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: "2", className:
|
|
155
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: "2", className: import_Footer.default.socialIcon, children: [
|
|
166
156
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
|
|
167
157
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
|
|
168
158
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
|
|
@@ -181,24 +171,24 @@ function Footer({ footerData }) {
|
|
|
181
171
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
182
172
|
import_framer_motion3.motion.footer,
|
|
183
173
|
{
|
|
184
|
-
className:
|
|
174
|
+
className: import_Footer.default.footer,
|
|
185
175
|
initial: "hidden",
|
|
186
176
|
whileInView: "visible",
|
|
187
177
|
viewport: { once: true },
|
|
188
178
|
variants: footerVariants,
|
|
189
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className:
|
|
190
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className:
|
|
191
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className:
|
|
192
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className:
|
|
193
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className:
|
|
194
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className:
|
|
179
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.container, children: [
|
|
180
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.grid, children: [
|
|
181
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.brandSection, children: [
|
|
182
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.logo, children: [
|
|
183
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: import_Footer.default.logoIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "material-symbols-outlined", children: "science" }) }),
|
|
184
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: import_Footer.default.logoText, children: labName })
|
|
195
185
|
] }),
|
|
196
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className:
|
|
197
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className:
|
|
186
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: import_Footer.default.description, children: footerText }),
|
|
187
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: import_Footer.default.socialLinks, children: socialLinks.map((social, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
198
188
|
"a",
|
|
199
189
|
{
|
|
200
190
|
href: social.url,
|
|
201
|
-
className:
|
|
191
|
+
className: import_Footer.default.socialLink,
|
|
202
192
|
"aria-label": social.platform,
|
|
203
193
|
target: "_blank",
|
|
204
194
|
rel: "noopener noreferrer",
|
|
@@ -207,26 +197,26 @@ function Footer({ footerData }) {
|
|
|
207
197
|
index
|
|
208
198
|
)) })
|
|
209
199
|
] }),
|
|
210
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className:
|
|
211
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className:
|
|
212
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className:
|
|
213
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/research", className:
|
|
214
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className:
|
|
215
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className:
|
|
216
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className:
|
|
200
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.linksSection, children: [
|
|
201
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: import_Footer.default.linksSectionTitle, children: "Research" }),
|
|
202
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: import_Footer.default.linksList, children: [
|
|
203
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/research", className: import_Footer.default.link, children: "Projects" }) }),
|
|
204
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className: import_Footer.default.link, children: "Publications" }) }),
|
|
205
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className: import_Footer.default.link, children: "Datasets" }) }),
|
|
206
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className: import_Footer.default.link, children: "Code" }) })
|
|
217
207
|
] })
|
|
218
208
|
] }),
|
|
219
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className:
|
|
220
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className:
|
|
221
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className:
|
|
222
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className:
|
|
223
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className:
|
|
224
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className:
|
|
225
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/contact", className:
|
|
209
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.linksSection, children: [
|
|
210
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: import_Footer.default.linksSectionTitle, children: "People" }),
|
|
211
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: import_Footer.default.linksList, children: [
|
|
212
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className: import_Footer.default.link, children: "Faculty" }) }),
|
|
213
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className: import_Footer.default.link, children: "Students" }) }),
|
|
214
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className: import_Footer.default.link, children: "Alumni" }) }),
|
|
215
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/contact", className: import_Footer.default.link, children: "Join Us" }) })
|
|
226
216
|
] })
|
|
227
217
|
] })
|
|
228
218
|
] }),
|
|
229
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className:
|
|
219
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: import_Footer.default.bottom, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: import_Footer.default.copyright, children: [
|
|
230
220
|
"\xA9 ",
|
|
231
221
|
(/* @__PURE__ */ new Date()).getFullYear(),
|
|
232
222
|
" ",
|