minerva-juppiter-home

commit 55a65500881c7212f2855e68d2001f08c00e7a88
parent d1796d7effe686b2658c6492e22526c59d797902
Author: Minerva_juppiter <ryouturn@gmail.com>
Date:   Thu,  7 Nov 2024 07:18:46 +0900

add underConstruction

Diffstat:
M
src/Blog.tsx
 | 
5
++++-
M
src/Home.tsx
 | 
4
++--
M
src/Schedule.tsx
 | 
2
+-
A
src/UnderConstruction.tsx
 | 
15
+++++++++++++++
M
src/Works.tsx
 | 
2
++
M
src/style.css
 | 
4
++--

6 files changed, 26 insertions(+), 6 deletions(-)
diff --git a/src/Blog.tsx b/src/Blog.tsx
@@ -1,10 +1,13 @@
 import 'bootstrap/dist/css/bootstrap.min.css';
 import { Container } from 'react-bootstrap';
+import UnderConstruction from './UnderConstruction';
 
 const Blog = () => {
     return(
         <Container className='text-center'>
-            <h1 style={{color:"white"}}>Blog</h1>
+            <h1>Blog</h1>
+
+            <UnderConstruction></UnderConstruction>
         </Container>
     )
 };
diff --git a/src/Home.tsx b/src/Home.tsx
@@ -6,8 +6,8 @@ const Home = () => {
     <Container data-bs-theme="dark">
         <br />
         <Container className="text-center">
-            <h1 style={{color:"white"}}>Minerva_Juppiter</h1>
-            <h4 style={{color:"white"}}>哲</h4>
+            <h1>Minerva_Juppiter</h1>
+            <h4>哲</h4>
         </Container>
         <br />
         <br />
diff --git a/src/Schedule.tsx b/src/Schedule.tsx
@@ -5,7 +5,7 @@ const Schedule = () => {
     let innerWidth = window.innerWidth / 1.5;
     return(
         <Container className='text-center'>
-            <h1 style={{color:"white"}}>Schedule</h1>
+            <h1>Schedule</h1>
             <iframe src="https://calendar.google.com/calendar/embed?wkst=1&ctz=Asia%2FTokyo&src=cnlvdXR1cm5AZ21haWwuY29t&color=%23039BE5" style={{border:"solid 1px #777"}} width={innerWidth} height={innerWidth/4*3} />
         </Container>
     )
diff --git a/src/UnderConstruction.tsx b/src/UnderConstruction.tsx
@@ -0,0 +1,14 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { Container } from 'react-bootstrap';
+
+const UnderConstruction = () => {
+    return(
+        <Container>
+            <br />
+            <h1>このページは工事中です。</h1>
+            <h2>This Page is under construction.</h2>
+        </Container>
+    )
+};
+
+export default UnderConstruction;+
\ No newline at end of file
diff --git a/src/Works.tsx b/src/Works.tsx
@@ -1,10 +1,12 @@
 import 'bootstrap/dist/css/bootstrap.min.css';
 import { Container } from 'react-bootstrap';
+import UnderConstruction from './UnderConstruction';
 
 const Works = () => {
     return(
         <Container className='text-center'>
             <h1 style={{color:"white"}}>Works</h1>
+            <UnderConstruction></UnderConstruction>
         </Container>
     )
 };
diff --git a/src/style.css b/src/style.css
@@ -3,4 +3,5 @@
 body{
     font-family: "Shippori Antique", sans-serif;
     background-color: #2b3035;
-}-
\ No newline at end of file
+    color:white;
+}