minerva-juppiter-home

commit b51afe2e4f77de6d56aab4b95c0539b01cefb64c
parent 55a65500881c7212f2855e68d2001f08c00e7a88
Author: Minerva_juppiter <ryouturn@gmail.com>
Date:   Thu,  7 Nov 2024 21:44:55 +0900

some fix

Diffstat:
M
bun.lockb
 | 
0

M
package.json
 | 
2
+-
M
src/Blog.tsx
 | 
15
+++++++++++----
M
src/Footer.tsx
 | 
2
+-
M
src/Home.tsx
 | 
4
++--
M
src/Schedule.tsx
 | 
2
+-
M
src/style.css
 | 
1
-

7 files changed, 16 insertions(+), 10 deletions(-)
diff --git a/bun.lockb b/bun.lockb
Binary files differ.
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
     "react": "^18.3.1",
     "react-bootstrap": "^2.10.5",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.27.0"
+    "react-router-dom": "^6.28.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.14.0",
diff --git a/src/Blog.tsx b/src/Blog.tsx
@@ -1,13 +1,20 @@
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { Container } from 'react-bootstrap';
+import { Card, Container } from 'react-bootstrap';
 import UnderConstruction from './UnderConstruction';
 
 const Blog = () => {
     return(
         <Container className='text-center'>
-            <h1>Blog</h1>
-
-            <UnderConstruction></UnderConstruction>
+            <h1 style={{color:'white'}}>Blog</h1>
+            <Card>
+                <Card.Title>
+                    自分のウェブページを作ってみた
+                </Card.Title> 
+                <Card.Body>
+                    このページを作成したときのブログです。
+                    Vite + Typescript + react + react-bootstrapでWebページを作ってみました。
+                </Card.Body>
+            </Card>
         </Container>
     )
 };
diff --git a/src/Footer.tsx b/src/Footer.tsx
@@ -5,7 +5,7 @@ const Footer = () => {
         <div>
             <div style={{height: 50}}></div>
             <div className='text-center'>
-                <h4>@all right reserved by minerva_juppiter</h4>
+                <h4 style={{color:'gray'}}>@all right reserved by minerva_juppiter</h4>
             </div>
         </div>
     )
diff --git a/src/Home.tsx b/src/Home.tsx
@@ -5,13 +5,13 @@ const Home = () => {
   return (
     <Container data-bs-theme="dark">
         <br />
-        <Container className="text-center">
+        <Container className="text-center" style={{color:'white'}}>
             <h1>Minerva_Juppiter</h1>
             <h4>哲</h4>
         </Container>
         <br />
         <br />
-        <Card className='text-center'>
+        <Card className='text-center' data-bs-theme="dark">
             <br />
             <Card.Title>
                 <h3 className="text-center">自己の紹介です</h3>
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>Schedule</h1>
+            <h1 style={{color:"white"}}>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/style.css b/src/style.css
@@ -3,5 +3,4 @@
 body{
     font-family: "Shippori Antique", sans-serif;
     background-color: #2b3035;
-    color:white;
 }