From 8084b1339a713a3d5e0dc7c457916b090ae95c48 Mon Sep 17 00:00:00 2001 From: highjun Date: Tue, 24 Sep 2024 21:40:35 +0900 Subject: [PATCH] WIP: Refactoring Main Page --- src/app/galleries/page.tsx | 2 +- src/app/layout.tsx | 5 +- src/app/lectures/page.tsx | 2 +- src/app/members/page.tsx | 2 +- src/app/page.tsx | 87 +++++++++++++++++++++-------------- src/app/publications/page.tsx | 2 +- 6 files changed, 60 insertions(+), 40 deletions(-) diff --git a/src/app/galleries/page.tsx b/src/app/galleries/page.tsx index ff7dcea..06bbe3b 100644 --- a/src/app/galleries/page.tsx +++ b/src/app/galleries/page.tsx @@ -2,7 +2,7 @@ import galleries from "@data/galleries" import Image from "next/image" const Galleries: React.FC = () => { - return (
+ return (
{Array.from({ length: 4 }).map((_, idx) => (
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2948efd..83f5230 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -22,7 +22,10 @@ export default function RootLayout({ -
+ {/*
*/} +
{children}
diff --git a/src/app/lectures/page.tsx b/src/app/lectures/page.tsx index 59b157e..d5fa972 100644 --- a/src/app/lectures/page.tsx +++ b/src/app/lectures/page.tsx @@ -3,7 +3,7 @@ import lectures from "@data/lectures"; const Lectures: React.FC = () => { return ( -
+

Lectures

Main Lectures

diff --git a/src/app/members/page.tsx b/src/app/members/page.tsx index 2d56f83..334014c 100644 --- a/src/app/members/page.tsx +++ b/src/app/members/page.tsx @@ -4,7 +4,7 @@ import { memberRoles } from "@/types/member"; const Members: React.FC = () => { return ( -
+

Members

{ diff --git a/src/app/page.tsx b/src/app/page.tsx index 72502af..e841aca 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -70,53 +70,70 @@ const announcements = [ const Home: React.FC = () => { return ( -
-
-
-
-

- {main.title} +
+
+
+
+

+ Ubiquitous Computing to Support Wellbeing

-

- {main.description} +

+ Providing personalized wellbeing support through context-aware computing and machine learning, leveraging mobile, wearable, and IoT technologies.

- wordcloud of Interactive Computing Lab + className="not-format lg:mt-0 w-full h-full object-contain" + width={624} + height={400} + alt="The Wordcloud of Interactive Computing Lab" + />
-
-
-

Our Research Area

-

- {main.researhAreaDescription} -

-
- { - main.features.map((feature, idx) =>
- - {feature.icon} - -

{feature.title}

-

- {feature.description} -

-
) - } -
+
+

+ Our Research Area +

+

+ Our research focuses on Human-Computer Interaction (HCI) and Ubiquitous Computing (UbiComp). +
+ Major research areas include (1) Cognitive and Affective Computing, (2) IoT Data Science and Platform Research, and (3) Digital Health and Wellbeing Interventions. We strive not only to make scholarly contributions but also to create a social impact by making our findings and services accessible. +

+
+ { + main.features.map((feature, idx) =>
+ + {feature.icon} + +

{feature.title}

+

+ {feature.description} +

+
) + }
-
-

+
+

Announcement

-
+
{announcements.map((announcement, idx) => )}
diff --git a/src/app/publications/page.tsx b/src/app/publications/page.tsx index 0576194..6562953 100644 --- a/src/app/publications/page.tsx +++ b/src/app/publications/page.tsx @@ -5,7 +5,7 @@ import publications from "@data/publications"; const Publications: React.FC = () => { const years = getYears() return ( -
+

Publications

{years.map((year) => {