アイキャッチ画像の追加, 活動内容の追加

Author: Mount-Book

src/assets/images/eyecatch_stamprally.jpg

@@ -10,6 +10,7 @@ import { Footer } from "../components/Footer";
 import ec_vscode from "../assets/images/eyecatch_vscode.jpg";
 import ec_mtg from "../assets/images/eyecatch_ltmtg.jpg";
 import ec_groupshot from "../assets/images/eyecatch_groupshot.jpg";
+import ec_stamprally from "../assets/images/eyecatch_stamprally.jpg";
 import nkcuglogo from "../assets/NKCUG_DP.svg";
 import { Header } from "../components/Header";
 import "../style/Toppage.scss";
@@ -25,7 +26,7 @@ function createData(name: string, location: string) {
 const locationData = [
   createData("部室", "352b教室（水曜日は他のサークルが使用します）"),
   createData("学内イベント", "主に163教室"),
-  createData("オンライン活動場所", "NKC-UG Teams"),
+  createData("オンライン活動場所", "Teams NKC-UGチーム上"),
 ];
 
 export const Toppage = () => {
@@ -85,8 +86,16 @@ export const Toppage = () => {
                 className="eyecatchImg"
               />
             </SwiperSlide>
+            <SwiperSlide>
+              <Box
+                component="img"
+                sx={{ display: "block", width: "100%", objectFit: "cover" }}
+                src={ec_stamprally}
+                alt="ヘッダー用画像"
+                className="eyecatchImg"
+              />
+            </SwiperSlide>
           </Swiper>
-
           <Box
             component="img"
             src={nkcuglogo}
@@ -126,6 +135,18 @@ export const Toppage = () => {
             </TableBody>
           </Table>
         </Box>
+        <Box id="activity" sx={{ margin: 3 }}>
+          <Typography variant="h4" className="heading" sx={headingStyle}>
+            NKC-UGの活動内容について
+          </Typography>
+          <Typography>
+            名学祭でのプログラミングクイズ大会やスタンプラリーなどのイベント開催や、４か月に一度の頻度で全体MTGを開催しています。
+            <br />
+            全体MTGは６月・９月・１２月に開催を予定しています。
+            <br />
+            また、有志のメンバーによる勉強会も開催可能です。
+          </Typography>
+        </Box>
       </Box>
       <Footer />
     </Box>