changes for evojapan2023

This commit is contained in:
2023-03-07 22:42:54 +09:00
parent a823fafc09
commit f5b8b86105
9 changed files with 30 additions and 84 deletions

View File

@@ -1,23 +1,7 @@
{ {
"short_name": "React App", "short_name": "React App",
"name": "Create React App Sample", "name": "Create React App Sample",
"icons": [ "icons": [],
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",

View File

@@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
"axios": "^0.19.2", "axios": "^0.21.1",
"dotenv": "^8.2.0", "dotenv": "^8.2.0",
"i18next": "^19.6.3", "i18next": "^19.6.3",
"node-sass": "^4.13.1", "node-sass": "^4.13.1",
@@ -15,13 +15,13 @@
"react-youtube": "^7.11.3", "react-youtube": "^7.11.3",
"semantic-ui-css": "^2.4.1", "semantic-ui-css": "^2.4.1",
"semantic-ui-react": "^0.88.2", "semantic-ui-react": "^0.88.2",
"typescript": "^3.7.5" "typescript": "^4.9.5"
}, },
"devDependencies": { "devDependencies": {
"@testing-library/jest-dom": "^4.2.4", "@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0", "@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1", "@testing-library/user-event": "^7.2.1",
"@types/react-router-dom": "^5.1.5", "@types/react-router-dom": "^5.3.3",
"@types/jest": "^24.9.1", "@types/jest": "^24.9.1",
"@types/node": "^12.12.35", "@types/node": "^12.12.35",
"@types/react": "^16.9.34", "@types/react": "^16.9.34",

View File

@@ -1,23 +1,7 @@
{ {
"short_name": "React App", "short_name": "React App",
"name": "Create React App Sample", "name": "Create React App Sample",
"icons": [ "icons": [],
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",

View File

@@ -1,27 +1,21 @@
import React, { FunctionComponent } from 'react'; import React, { FunctionComponent } from 'react';
import style from '../web.module.scss'; import style from '../web.module.scss';
import YouTube from 'react-youtube';
type ComponentProps = { type ComponentProps = {
}; };
export const Home: FunctionComponent<ComponentProps> = (props): JSX.Element => { export const Home: FunctionComponent<ComponentProps> = (props): JSX.Element => {
const opts = {
height: '696',
width: '1024'
};
return ( return (
<div className={style.mainBody}> <div className={style.mainBody}>
<div className={style.chalice} /> <div className={style.evojapan2023} />
<div className={style.titleImageStrayShip4} />
<div className={style.padding} /> <div className={style.padding} />
<div className={style.tonamel}> <div className={style.evojapan2023kaisaikettei} />
<a href='https://tonamel.com/competition/49WpE' rel='noopener noreferrer' target='_blank'>&nbsp;</a> {/* <div className={style.tonamel}>
</div> <a href='https://tonamel.com/competition/49WpE' rel='noopener noreferrer' target='_blank'>&nbsp;</a>
</div> */}
<div className={style.padding} /> <div className={style.padding} />
<div className={style.twitchHome}> <div className={style.twitchHome}>
<a href='https://www.twitch.tv/catherine_faito_crab' rel='noopener noreferrer' target='_blank'>&nbsp;</a> <a href='https://www.twitch.tv/catherine_faito_crab' rel='noopener noreferrer' target='_blank'>&nbsp;</a>
</div> </div>
</div> </div>
); );

View File

@@ -12,6 +12,7 @@ type ComponentProps = {
export const Players: FunctionComponent<ComponentProps> = (props): JSX.Element => { export const Players: FunctionComponent<ComponentProps> = (props): JSX.Element => {
const { t } = useTranslation(); const { t } = useTranslation();
const [playerInfo, setPlayerInfo] = useState<IPlayerInfo[]>([]); const [playerInfo, setPlayerInfo] = useState<IPlayerInfo[]>([]);
// @ts-ignore
const { tournament_key } = useParams(); const { tournament_key } = useParams();
useEffect(() => { useEffect(() => {
if (playerInfo.length === 0) { if (playerInfo.length === 0) {

View File

@@ -440,6 +440,22 @@
background-size: contain; background-size: contain;
background-repeat: none; background-repeat: none;
} }
.evojapan2023 {
width: 500px;
height: 471px;
margin: auto;
background-image: url('https://static.catherine-fc.com/media/evo_logo_shadow_drop.png');
background-size: contain;
background-repeat: none;
}
.evojapan2023kaisaikettei {
width: 941px;
height: 729px;
margin: auto;
background-image: url('https://static.catherine-fc.com/media/kaisaikettei2.png');
background-size: contain;
background-repeat: none;
}
.players { .players {
width: 900px; width: 900px;
height: 606px; height: 606px;

View File

@@ -1,23 +1,7 @@
{ {
"short_name": "React App", "short_name": "React App",
"name": "Create React App Sample", "name": "Create React App Sample",
"icons": [ "icons": [],
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",

View File

@@ -9,7 +9,6 @@
name="description" name="description"
content="Web site created using create-react-app" content="Web site created using create-react-app"
/> />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!-- <!--
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

View File

@@ -1,23 +1,7 @@
{ {
"short_name": "React App", "short_name": "React App",
"name": "Create React App Sample", "name": "Create React App Sample",
"icons": [ "icons": [],
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",