commit 5ccab2f315f4ab5063c7490dcfb0ffe30cc26da1
parent 71f52c2c965b98c0a146c5f71149455c4badac6a
Author: Minerva_juppiter <94231606+minerva-jupiter@users.noreply.github.com>
Date: Wed, 12 Feb 2025 16:53:50 +0900
Dev (#6)
* import ssr
* limit of bootstrap
* some error is still here but push
* delete scss
* mobile branched on schedule
* remove bun.lockb
* remove bun
* git ignore
* indent fixed
* update and start dev linkcard
* v 0.1.0
* update import
* update dependences
* add br to blog
* fix unused linkcard
Diffstat:
7 files changed, 60 insertions(+), 17 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -23,3 +23,6 @@ bun.lockb
*.njsproj
*.sln
*.sw?
+
+# Bun install files
+bun.lockb+
\ No newline at end of file
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
{
"name": "minerva-juppiter-home",
"private": true,
- "version": "0.0.0",
+ "version": "0.1.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -12,21 +12,22 @@
"dependencies": {
"bootstrap": "^5.3.3",
"react": "^19.0.0",
- "react-bootstrap": "^2.10.7",
+ "react-bootstrap": "^2.10.9",
+ "react-device-detect": "^2.2.3",
"react-dom": "^19.0.0",
- "react-router-dom": "^7.1.0"
+ "react-router-dom": "^7.1.5"
},
"devDependencies": {
- "@eslint/js": "^9.17.0",
- "@types/react": "^19.0.2",
- "@types/react-dom": "^19.0.2",
- "@vitejs/plugin-react-swc": "^3.7.2",
- "eslint": "^9.17.0",
+ "@eslint/js": "^9.20.0",
+ "@types/react": "^19.0.8",
+ "@types/react-dom": "^19.0.3",
+ "@vitejs/plugin-react-swc": "^3.8.0",
+ "eslint": "^9.20.1",
"eslint-plugin-react-hooks": "^5.1.0",
- "eslint-plugin-react-refresh": "^0.4.16",
+ "eslint-plugin-react-refresh": "^0.4.19",
"globals": "^15.14.0",
- "typescript": "~5.7.2",
- "typescript-eslint": "^8.18.1",
- "vite": "^6.0.5"
+ "typescript": "~5.7.3",
+ "typescript-eslint": "^8.24.0",
+ "vite": "^6.1.0"
}
}
diff --git a/src/AppRoutes.tsx b/src/AppRoutes.tsx
@@ -3,8 +3,8 @@ import {
Route,
Routes
} from "react-router-dom";
- import Home from './Home';
- import Navbars from "./Navbar";
+import Home from './Home';
+import Navbars from "./Navbar";
import Schedule from "./Schedule";
import Works from "./Works";
import Blog from "./Blog";
diff --git a/src/Blog.tsx b/src/Blog.tsx
@@ -15,6 +15,7 @@ const Blog = () => {
島根大学ものづくり部が発行する、2024年度の部誌に「PCカバン設計のすゝめ」という記事を寄稿させていただきました。
</Card.Body>
</Card>
+ <br />
<Card>
<Card.Title>
自分のウェブページを作ってみた
diff --git a/src/LinkCard.tsx b/src/LinkCard.tsx
@@ -0,0 +1,19 @@
+import { Card } from "react-bootstrap"
+
+const LinkCard = () => {
+ return(
+ <Card>
+ <Card.Title>
+ here will link card!
+ </Card.Title>
+ <Card.Img>
+
+ </Card.Img>
+ <Card.Body>
+ here will be description for url
+ </Card.Body>
+ </Card>
+ );
+}
+
+export default LinkCard;+
\ No newline at end of file
diff --git a/src/Schedule.tsx b/src/Schedule.tsx
@@ -1,14 +1,29 @@
import 'bootstrap/dist/css/bootstrap.min.css';
-import { Container } from 'react-bootstrap';
+import { Card, Container } from 'react-bootstrap';
+import { MobileView } from 'react-device-detect';
const Schedule = () => {
- let innerWidth = window.innerWidth / 1.5;
+ const innerWidth = window.innerWidth / 1.5;
+ console.log(innerWidth);
return(
<Container className='text-center'>
<br />
<h1 style={{color:"white"}}>Schedule</h1>
<br />
- <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} />
+ <MobileView>
+ <Card>
+ <Card.Title>
+ 注意
+ </Card.Title>
+ <Card.Body>
+ このページの埋め込みカレンダーはスマートフォンでは非常に見づらいです。
+ 下のリンクからgoogleカレンダーのリンクにアクセスして、任意のソフトウェアでの閲覧をおすすめします。
+ <a href="https://calendar.google.com/calendar/u/0?cid=cnlvdXR1cm5AZ21haWwuY29t">カレンダーのリンク</a>
+ </Card.Body>
+ </Card>
+ <br />
+ </MobileView>
+ <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={innerHeight} />
</Container>
)
}
diff --git a/src/Works.tsx b/src/Works.tsx
@@ -1,6 +1,7 @@
import 'bootstrap/dist/css/bootstrap.min.css';
import { Container } from 'react-bootstrap';
import UnderConstruction from './UnderConstruction';
+import LinkCard from './LinkCard';
const Works = () => {
return(
@@ -8,6 +9,7 @@ const Works = () => {
<br />
<h1 style={{color:"white"}}>Works</h1>
<br />
+ <LinkCard/>
<UnderConstruction></UnderConstruction>
</Container>
)
