diff --git a/.gitignore b/.gitignore index a547bf3..6036881 100644 --- a/.gitignore +++ b/.gitignore @@ -22,3 +22,4 @@ dist-ssr *.njsproj *.sln *.sw? +yarn.lock diff --git a/index.html b/index.html index 3dbfe08..8b498a5 100644 --- a/index.html +++ b/index.html @@ -2,14 +2,18 @@ - + + - Nofated • Home + Home · Nofated
diff --git a/src/App.tsx b/src/App.tsx index aeb658c..0d4dbc6 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,18 +3,18 @@ import Container from '@mui/material/Container'; import Typography from '@mui/material/Typography'; import Box from '@mui/material/Box'; import Link from '@mui/material/Link'; -import ProTip from './ProTip'; +import Grid from '@mui/material/Unstable_Grid2'; +import Avatar from '@mui/material/Avatar'; import Tabs from './Tabs'; function Copyright() { return ( - + {'Copyright © '} - + Nofated {' '} - {new Date().getFullYear()} - {'.'} + {new Date().getFullYear()}. ); } @@ -23,12 +23,23 @@ export default function App() { return ( - - - Nofated - - Forever you will be in my heart. - + + + {/* {'Avatar'} */} + + + + + Nofated + + + diff --git a/src/Tabs.tsx b/src/Tabs.tsx index 6950469..fa65f68 100644 --- a/src/Tabs.tsx +++ b/src/Tabs.tsx @@ -3,87 +3,91 @@ import Tabs from '@mui/material/Tabs'; import Tab from '@mui/material/Tab'; import Typography from '@mui/material/Typography'; import Box from '@mui/material/Box'; +import GitHubIcon from '@mui/icons-material/GitHub'; interface TabPanelProps { - children?: React.ReactNode; - index: number; - value: number; + children?: React.ReactNode; + index: number; + value: number; } function TabPanel(props: TabPanelProps) { - const { children, value, index, ...other } = props; + const { children, value, index, ...other } = props; - return ( - - ); + return ( + + ); } function a11yProps(index: number) { - return { - id: `simple-tab-${index}`, - 'aria-controls': `simple-tabpanel-${index}`, - }; + return { + id: `simple-tab-${index}`, + 'aria-controls': `simple-tabpanel-${index}`, + }; } export default function BasicTabs() { - const [value, setValue] = React.useState(0); + const [value, setValue] = React.useState(0); - const handleChange = (event: React.SyntheticEvent, newValue: number) => { - setValue(newValue); - }; + const handleChange = (event: React.SyntheticEvent, newValue: number) => { + setValue(newValue); + }; - return ( - - - - - - - - - - - Yoo! - - - I'm Nofated. I am a newbie in the coding world. - - - Misc - - - 🏫 I am a student who lives in Beijing, China.
-📒️ I have a blog based on the Hexo.
-⌨️ Coding and open-source are great! Though I haven not learnt any languages...
-🏢 I am a member of LittleSkin Community Support . I help maintain the bot and manual.
-🚔 I am a fan of Minecraft, Grand Theft Auto, and anime. - - - - - About - - - I am in senior high and I am preparing for the Chinese College Entrance Examination, aka GaoKao.
-I do open-source works, you can check them on GitHub. But I did not have a completely independent open-source project.😢 -
I am happy to chat. Chinese is OK but I am very poor at English listening and speaking.😰
- - - - Link here! qwq - - - ); -} + return ( + + + + + + + + + + + + Yoo! + + I'm Nofated. I am a newbie in the coding world.
+ Find me on GitHub;GitHub, Twitter and Telegram. + + + + Misc + + 🏫 I am a student who lives in Beijing, China.
+ 📒️ I have a blog based on the Hexo.
+ ⌨️ Coding and open-source are great! Though I haven't learnt any languages...
+ 🏢 I am a member of LittleSkin Community Support . I help maintain the bot and manual.
+ 🚔 I am a fan of Minecraft, Grand Theft Auto, and anime.
+ + + + + + About + + I am in senior high and I'm preparing for the Chinese College Entrance Examination, aka GaoKao.
+ + I do open-source works, you can check them on GitHub. But I didn't have a completely independent open-source project.😢
+ + I am happy to chat. Chinese is OK but I am very poor at English listening and speaking.😰
+ + + + Redirecting... + + + ); +} \ No newline at end of file diff --git a/src/theme.tsx b/src/theme.tsx index 9677a59..a5fe7b7 100644 --- a/src/theme.tsx +++ b/src/theme.tsx @@ -14,6 +14,21 @@ const theme = createTheme({ main: red.A400, }, }, + typography: { + fontFamily: [ + 'Overpass Mono', + '-apple-system', + 'BlinkMacSystemFont', + '"Segoe UI"', + 'Roboto', + '"Helvetica Neue"', + 'Arial', + 'sans-serif', + '"Apple Color Emoji"', + '"Segoe UI Emoji"', + '"Segoe UI Symbol"', + ].join(','), + }, }); export default theme;