From acb222dee66b637839d16da8215966070abd1b1a Mon Sep 17 00:00:00 2001 From: U5 Date: Fri, 13 Feb 2026 17:49:32 +0900 Subject: [PATCH 1/3] =?UTF-8?q?feature:=E3=83=88=E3=83=83=E3=83=97?= =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E4=BD=9C=E6=88=90#75?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/page.module.css | 114 ++++++++++++++++++++++++++++++++++++++++ src/app/page.tsx | 51 +++++++++++++++++- 2 files changed, 163 insertions(+), 2 deletions(-) diff --git a/src/app/page.module.css b/src/app/page.module.css index e69de29..9122254 100644 --- a/src/app/page.module.css +++ b/src/app/page.module.css @@ -0,0 +1,114 @@ +.container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 4rem 8rem; +} + +.title { + font-family: var(--font-roboto-slab); + font-size: 6rem; + color: #333; + margin-bottom: 2rem; +} + +.lead { + font-size: 1.8rem; + line-height: 1.8; + margin-bottom: 5rem; +} + +.grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 2rem; +} + +.card-title { + font-size: 2rem; + font-weight: 700; + margin-bottom: 2rem; +} + +.card-body { + font-size: 1.6rem; + color: #444; + margin-bottom: 3rem; +} + +.button { + display: inline-block; + width: 100%; + font-size: 1.6rem; + font-weight: 700; + background: var(--accent); + color: #444; + border-radius: 8px; + text-decoration: none; + text-align: center; + padding: 1.6rem 0; + position: relative; + transition: + background 160ms ease, + transform 160ms ease; +} + +.button::after { + content: "→"; + display: inline-block; + margin-left: 0.6rem; + transform: translateX(0); + transition: transform 160ms ease; + color: inherit; +} + +.button:hover { + background: color-mix(in srgb, var(--accent), #000 10%); +} + +.button:hover::after { + transform: translateX(6px); +} + +.link { + display: inline-block; + color: #0070f3; + text-decoration: underline; + font-size: 1.6rem; + font-weight: 600; + margin-top: 1rem; +} + +@media (max-width: 899px) { + .grid { + grid-template-columns: 1fr; + } +} + +@media (max-width: 640px) { + .container { + padding: 2rem 4rem; + } + + .title { + font-size: 4rem; + } + + .lead { + font-size: 1.4rem; + } + + .card-title { + font-size: 1.8rem; + } + + .card-body { + font-size: 1.4rem; + } + + .button { + font-size: 1.4rem; + padding: 1.2rem 0; + } +} diff --git a/src/app/page.tsx b/src/app/page.tsx index ec3dc11..674b4eb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,52 @@ -import { redirect } from "next/navigation"; +import React from "react"; +import Link from "next/link"; +import PageTitle from "@/components/ui/PageTitle"; +import styles from "./page.module.css"; +import Paper from "@/components/ui/Paper"; export default function Home() { - redirect("/events"); + return ( +
+

KCL Works

+ +

+ KCL Works は、KCL（Kyutech Code + Lab）に参加する九州工業大学の学生による作品と活動成果を紹介するポートフォリオサイトです。 +
+ ハッカソン、企業連携イベント、開発プロジェクトなど、学生の挑戦の記録を掲載しています。 +
+ + KCLについてはこちらをご覧ください + +

+

+ +
+ +

Events

+

+ KCLで行われたハッカソンや企業連携イベントを紹介します。 +

+ + イベントを見る + + + + +

Works

+

+ 学生が制作したアプリやプロダクトを掲載しています。 +

+ + 作品を見る + + +
+
+ ); } From f9fb0792df3da19b4b0af2fc8edf3c22864077d7 Mon Sep 17 00:00:00 2001 From: U5 Date: Sat, 14 Feb 2026 11:12:22 +0900 Subject: [PATCH 2/3] =?UTF-8?q?update:=E3=83=88=E3=83=83=E3=83=97=E3=83=9A?= =?UTF-8?q?=E3=83=BC=E3=82=B8=E3=81=AE=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3?= =?UTF-8?q?=E5=A4=89=E6=9B=B4#75?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/page.module.css | 18 ++++++++++++++-- src/app/page.tsx | 8 ++++--- src/components/CalenderIcon/index.tsx | 19 +++++++++++++++++ src/components/ProgramCodeIcon/index.tsx | 27 ++++++++++++++++++++++++ 4 files changed, 67 insertions(+), 5 deletions(-) create mode 100644 src/components/CalenderIcon/index.tsx create mode 100644 src/components/ProgramCodeIcon/index.tsx diff --git a/src/app/page.module.css b/src/app/page.module.css index 9122254..8aa9213 100644 --- a/src/app/page.module.css +++ b/src/app/page.module.css @@ -17,18 +17,32 @@ font-size: 1.8rem; line-height: 1.8; margin-bottom: 5rem; + text-align: center; } .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; + + div { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + svg { + width: 70px; + height: auto; + margin-bottom: 1rem; + } + } } .card-title { font-size: 2rem; font-weight: 700; - margin-bottom: 2rem; + margin-bottom: 3rem; } .card-body { @@ -52,6 +66,7 @@ transition: background 160ms ease, transform 160ms ease; + box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); } .button::after { @@ -73,7 +88,6 @@ .link { display: inline-block; - color: #0070f3; text-decoration: underline; font-size: 1.6rem; font-weight: 600; diff --git a/src/app/page.tsx b/src/app/page.tsx index 674b4eb..b114182 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,8 +1,8 @@ -import React from "react"; +import CalenderIcon from "@/components/CalenderIcon"; +import ProgramCodeIcon from "@/components/ProgramCodeIcon"; +import Paper from "@/components/ui/Paper"; import Link from "next/link"; -import PageTitle from "@/components/ui/PageTitle"; import styles from "./page.module.css"; -import Paper from "@/components/ui/Paper"; export default function Home() { return ( @@ -28,6 +28,7 @@ export default function Home() {
+

Events

KCLで行われたハッカソンや企業連携イベントを紹介します。 @@ -38,6 +39,7 @@ export default function Home() { +

Works

学生が制作したアプリやプロダクトを掲載しています。 diff --git a/src/components/CalenderIcon/index.tsx b/src/components/CalenderIcon/index.tsx new file mode 100644 index 0000000..a4da0ec --- /dev/null +++ b/src/components/CalenderIcon/index.tsx @@ -0,0 +1,19 @@ +const CalenderIcon = () => { + return ( + + Calender Icon + + + ); +}; + +export default CalenderIcon; diff --git a/src/components/ProgramCodeIcon/index.tsx b/src/components/ProgramCodeIcon/index.tsx new file mode 100644 index 0000000..e303528 --- /dev/null +++ b/src/components/ProgramCodeIcon/index.tsx @@ -0,0 +1,27 @@ +const ProgramCodeIcon = () => { + return ( + + Program Code Icon + + + + + ); +}; + +export default ProgramCodeIcon; From a8a46eefe400402cfb0bf9fab91598cd333eca01 Mon Sep 17 00:00:00 2001 From: U5 Date: Sat, 14 Feb 2026 11:20:02 +0900 Subject: [PATCH 3/3] =?UTF-8?q?update:=E3=83=88=E3=83=83=E3=83=97=E3=83=9A?= =?UTF-8?q?=E3=83=BC=E3=82=B8=E3=81=AE=E3=83=98=E3=83=83=E3=83=80=E3=83=BC?= =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3#75?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Header/index.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index fe05709..6fd07cb 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -1,3 +1,6 @@ +"use client"; + +import { usePathname } from "next/navigation"; import Image from "next/image"; import Link from "next/link"; import Logo from "../../../public/logo_ver2.png"; @@ -5,12 +8,14 @@ import Toggle from "../ui/Toggle"; import styles from "./styles.module.css"; const Header = () => { + const pathname = usePathname(); + return (

- + KCL Works Logo - + {pathname !== "/" && }
); };