commit fe4271a491d7269e416da7b9351e99cfde89e127
parent b395be774d49e357d99857be3c566cc5d80ffcff
Author: Minerva_juppiter <ryouturn@gmail.com>
Date: Wed, 6 Nov 2024 23:05:06 +0900
change font & add footer
Diffstat:
6 files changed, 29 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
<title>Minerva_Juppiter</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
- <body style="background-color: #2b3035;">
+ <body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
diff --git a/src/AppRoutes.tsx b/src/AppRoutes.tsx
@@ -8,6 +8,8 @@ import {
import Schedule from "./Schedule";
import Works from "./Works";
import Blog from "./Blog";
+import Footer from "./Footer";
+import "./style.css";
const AppRoutes = () => {
return (
@@ -19,6 +21,9 @@ import Blog from "./Blog";
<Route path="/Works" element={<Works />} />
<Route path="/Blog" element={<Blog />} />
</Routes>
+ <footer>
+ <Footer />
+ </footer>
</BrowserRouter>
)
};
diff --git a/src/Footer.tsx b/src/Footer.tsx
@@ -0,0 +1,14 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+
+const Footer = () => {
+ return(
+ <div>
+ <div style={{height: 50}}></div>
+ <div className='text-center'>
+ <h4>@all right reserved by minerva_juppiter</h4>
+ </div>
+ </div>
+ )
+};
+
+export default Footer;+
\ No newline at end of file
diff --git a/src/Home.tsx b/src/Home.tsx
@@ -17,7 +17,7 @@ const Home = () => {
<h3 className="text-center">自己の紹介です</h3>
<h6 className="text-center">About me</h6>
</Card.Title>
- <Card.Body>
+ <Card.Body style={{lineHeight:3}}>
おはようございます、Minerva_Juppiterです。<br />
しがない侏儒の者です。<br />
このページは自己紹介がてら作ったものです。<br />
diff --git a/src/Navbar.tsx b/src/Navbar.tsx
@@ -1,5 +1,4 @@
import 'bootstrap/dist/css/bootstrap.min.css';
-
import Container from 'react-bootstrap/Container';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar';
diff --git a/src/style.css b/src/style.css
@@ -0,0 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Antique&display=swap');
+
+body{
+ font-family: "Shippori Antique", sans-serif;
+ background-color: #2b3035;
+}+
\ No newline at end of file
