Skip to content

Commit a2ae7c4

Browse files
Mount-BookMount-Book
authored
Merge pull request #7 from nkc-ug/update/2025.4
Update/2025.4
2 parents b78c62b + 4ef619d commit a2ae7c4

File tree

15 files changed

+613
-30
lines changed

15 files changed

+613
-30
lines changed

‎package-lock.json‎

Lines changed: 379 additions & 10 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,9 @@
1818
"normalize.css": "^8.0.1",
1919
"react": "^18.3.1",
2020
"react-dom": "^18.3.1",
21-
"react-router-dom": "^6.26.2"
21+
"react-router-dom": "^6.26.2",
22+
"sass": "^1.84.0",
23+
"swiper": "^11.2.6"
2224
},
2325
"devDependencies": {
2426
"@eslint/js": "^9.9.0",

‎src/assets/images/eyecatch_groupshot.jpg‎

105 KB
Loading

‎src/assets/images/eyecatch_ltmtg.jpg‎

84.9 KB
Loading

‎src/assets/images/eyecatch_vscode.jpg‎

114 KB
Loading

‎src/components/Footer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export const Footer = () => {
1313
>
1414
<Container>
1515
<Box sx={{ textAlign: "center" }}>
16-
<Typography variant="caption">©2024 NKC-UG</Typography>
16+
<Typography variant="caption">©2024-2025 NKC-UG</Typography>
1717
</Box>
1818
</Container>
1919
</AppBar>

‎src/components/Header.tsx‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,13 @@ import nkcugLogo from "../assets/NKCUG_DP.svg";
66
import { Divide as Hamburger } from "hamburger-react";
77
import { useState } from "react";
88
import { useNavigate } from "react-router-dom";
9+
import ArrowRightIcon from "@mui/icons-material/ArrowRight";
910

1011
export const Header = () => {
1112
const [isOpen, setOpen] = useState(false);
1213
const nav = useNavigate();
1314
const PAGE_LINK = [
1415
{ name: "トップへ", link: "/" },
15-
{ name: "本サイトについて", link: "/SiteAbout" },
1616
{ name: "アカウント一覧", link: "/Account" },
1717
{ name: "イベント一覧", link: "/Event" },
1818
{ name: "入部希望者向け", link: "/Welcome" },
@@ -49,6 +49,15 @@ export const Header = () => {
4949
},
5050
}}
5151
>
52+
<Button
53+
variant="outlined"
54+
onClick={() => {
55+
nav("/NewStudent");
56+
}}
57+
>
58+
新入生の方へ
59+
<ArrowRightIcon />
60+
</Button>
5261
{PAGE_LINK.map((value, key) => {
5362
return (
5463
<Button

‎src/components/Page.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { Box } from "@mui/material";
2+
import React, { ReactNode } from "react";
3+
4+
type PageProps = {
5+
children: ReactNode;
6+
};
7+
8+
export const Page: React.FC<PageProps> = ({ children }) => {
9+
return (
10+
<Box
11+
sx={{
12+
margin: 0,
13+
padding: 0,
14+
width: "100%",
15+
display: "flex",
16+
flexDirection: "column",
17+
minHeight: "100vh",
18+
}}
19+
>
20+
{children}
21+
</Box>
22+
);
23+
};

‎src/pages/NewStudent.tsx‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
import { Box, Button, Link, Typography } from "@mui/material";
2+
import { Footer } from "../components/Footer";
3+
import { Header } from "../components/Header";
4+
import "../style/NewStudent.scss";
5+
6+
export const NewStudent = () => {
7+
const h2Style = {
8+
fontSize: "2rem",
9+
pl: "1rem",
10+
pb: "0.2rem",
11+
mt: "1rem",
12+
mb: "0.5rem",
13+
borderBottom: "thick double #32a1ce",
14+
};
15+
return (
16+
<Box sx={{ minHeight: "100vh", flexDirection: "column", display: "flex" }}>
17+
<Header />
18+
<Box component="main" sx={{ padding: "1rem" }}>
19+
<Typography variant="h1" fontSize="4rem">
20+
新入生の方へ
21+
</Typography>
22+
<Box component="section">
23+
<Typography>
24+
初めまして！NKC-UG運営チームです！！
25+
<br />
26+
この度はNKC-UGに興味を持ってくださりありがとうございます！
27+
<br />
28+
NKC-UGについて紹介させてください！
29+
</Typography>
30+
</Box>
31+
<Box component="section">
32+
<Typography variant="h2" sx={h2Style}>
33+
NKC-UGで何が出来るか
34+
</Typography>
35+
<Typography>
36+
人間一人で出来ることには限界があります。たとえ自分が如何に意欲に溢れていても一人ではチーム開発はできません。一人での開発はチーム開発ではなく個人開発でしかありません。
37+
<br />
38+
ですが、NKC-UGは学生エンジニアが集まるサークルです。プログラミングをしたいという同じ志を持った人が集まりやすい場であり、一人では難しいことも皆で行動に移すことができます。
39+
<br />
40+
チーム開発以外にも先輩から知識を吸収し、来年以降に入学する後輩たちへ知識を受け継ぐといったインプット・アウトプットだって可能です。
41+
<br />
42+
また、授業では習わないものを学ぶこともできますし、その中には実際に実務で使うものもあります。
43+
<br />
44+
私たちと一緒に授業や個人ではできない濃い体験をしてみませんか？
45+
</Typography>
46+
</Box>
47+
<Box component="section">
48+
<Typography variant="h2" sx={h2Style}>
49+
NKC-UGの先輩
50+
</Typography>
51+
<Typography>
52+
NKC-UGには様々な先輩が参加しています！
53+
<br />
54+
Reactが大好きな人だったり、長期インターンで実務経験を積んでいる人、イベント用に自分たちで便利ツールを開発した人たち、学校生活を楽にするツールを開発する人などが居ます。
55+
<br />
56+
また、プログラミング以外にも趣味などでBlender・Unityなどを触ってる人やバイクや車を趣味にしている人などなど、多くの分野・趣味を持つ先輩方との交流の機会を提供します！
57+
</Typography>
58+
</Box>
59+
<Box component="section" id="event_info">
60+
<Typography variant="h2" sx={h2Style}>
61+
イベント概要
62+
</Typography>
63+
<Typography>
64+
ここまで読んでくれた貴方のために現在NKC-UG説明会を準備中です！
65+
<br />
66+
現段階では５月のゴールデンウイーク前後を予定しております！詳細につきましては決まり次第再度告知させていただきます！
67+
<br />
68+
ぜひ参加してくださると幸いです！
69+
</Typography>
70+
<Box sx={{ textAlign: "center", display: "none" }}>
71+
<Link
72+
href={
73+
"https://forms.office.com/Pages/ResponsePage.aspx?id=eeUPGhB_lUOsHmxSoVCbiP4hXRkgLplMkTlk7A0MQPlUOEZHUVBKSUgxTzNOU0NaMDNCQTBDRzBBOS4u"
74+
}
75+
>
76+
<Button>申し込みはコチラから</Button>
77+
</Link>
78+
</Box>
79+
</Box>
80+
</Box>
81+
<Footer />
82+
</Box>
83+
);
84+
};

‎src/pages/SiteAbout.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,18 @@ export const SiteAbout = () => {
99
<Header />
1010
<Box sx={{ textAlign: "center" }}>
1111
<Typography variant="h4" sx={headingStyle}>
12-
本サイトについて
12+
当サイトについて
1313
</Typography>
1414
<Typography>
15-
本サイトは名古屋工学院専門学校の公認サークル『NKC-UG』の公式サイトです。
15+
当サイトは名古屋工学院専門学校の公認サークル『NKC-UG』の公式サイトです。
1616
<br />
17-
本サイトはNKC-UGについての紹介を主に目的として運営を行っていきます。
17+
当サイトはNKC-UGについての紹介を主に目的として運営を行っていきます。
1818
</Typography>
1919
<Typography variant="h4" sx={headingStyle}>
2020
各ページについて
2121
</Typography>
2222
<Typography>
23-
本サイトは現在、『トップページ』『本サイトについて』『アカウント一覧』『イベント一覧』『入部希望者向け』の５ページで構成されています。
23+
当サイトは現在、『トップページ』『当サイトについて』『アカウント一覧』『イベント一覧』『入部希望者向け』の５ページで構成されています。
2424
</Typography>
2525
<List sx={{ width: "fit-content", margin: "auto" }}>
2626
<ListItem>
@@ -33,7 +33,7 @@ export const SiteAbout = () => {
3333
</ListItem>
3434
<ListItem>
3535
<Card>
36-
<Typography variant="h5">本サイトについて</Typography>
36+
<Typography variant="h5">当サイトについて</Typography>
3737
<Typography>
3838
当ページです。このサイトの各ページの説明や運営体制などについての説明を記載しています。
3939
</Typography>

0 commit comments

Comments
 (0)