Merge branch 'main' of https://github.com/Nofated095/nof.moe

Update package name
Create LICENSE
2023-05-13 16:08:45 +08:00 · 2023-05-13 16:08:26 +08:00 · 2023-05-13 16:08:09 +08:00 · 2023-05-13 15:59:49 +08:00 · 2023-05-13 15:44:39 +08:00 · 2023-05-13 15:17:53 +08:00
5 changed files with 84 additions and 59 deletions
--- a/21
+++ b/21
@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Nofated095
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
@ -1,39 +1,24 @@
-# Material UI - Vite.js in Typescript example
+# nof.moe Project
+###### Material UI, Vite.js, and Typescript.

-## How to use

-Download the example [or clone the repo](https://github.com/mui/material-ui):

-<!-- #default-branch-switch -->
+## Dev

 ```sh
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-vite-ts
-cd material-vite-ts
+git clone https://github.com/Nofated095/nof.moe.git
+cd nof.moe
+yarn
+yarn dev
 ```

-Install it and run:
+## The idea behind the project

-```sh
-npm install
-npm run dev
-```
-
-or:
-
-<!-- #default-branch-switch -->
-
-[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-vite-ts)
-
-[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-vite-ts)
-
-## The idea behind the example
-
-This example uses [Vite.js](https://github.com/vitejs/vite).
+- This project uses [Vite.js](https://github.com/vitejs/vite).
 It includes `@mui/material` with `@mui/icons-material` and their peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5.

-## What's next?
+- This project is a rewrite for [Nofated095/nofated.win](https://github.com/Nofated095/nofated.win). Although it used to have a shit and large HTML & CSS & JS code with a low performance on browser, but the design is disreable so that the nof.moe is still using the style.

-<!-- #default-branch-switch -->
+## LICENSE

-You now have a working example project.
-You can head back to the documentation, continuing browsing it from the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+The project is under MIT Licence
--- a/index.html
+++ b/index.html
@ -3,7 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="https://cdn.nofated.win/mc" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+<!--     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Home · Nofated</title>
  </head>
--- a/package.json
+++ b/package.json
@ -1,7 +1,7 @@
 {
-  "name": "material-vite-ts",
+  "name": "nof.moe",
  "private": true,
-  "version": "5.0.0",
+  "version": "1.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/src/App.tsx
+++ b/src/App.tsx
@ -8,6 +8,7 @@ import Tabs from '@mui/material/Tabs';
 import Tab from '@mui/material/Tab';
 import Button from '@mui/material/Button';
 import Stack from '@mui/material/Stack';
+import Avatar from '@mui/material/Avatar';

 import GitHubIcon from '@mui/icons-material/GitHub';
 import TelegramIcon from '@mui/icons-material/Telegram';
@ -79,14 +80,13 @@ export default function App() {
        pt: 8,
        pb: 6,
      }}>
-        <Grid container spacing={2}>
+        <Grid container spacing={3.5}>
          <Grid xs={"auto"}>
-            <img
+            <Avatar
              src={`https://cdn.nofated.win/avatarsoss`}
              srcSet={`https://cdn.nofated.win/avatar/256`}
-              alt={'Avatar'}
-              loading="lazy"
-              width={128}
+              alt={'Nofated avatar'}
+              sx={{ width: 128, height: 128 }}
            />
            {/* <Avatar alt="Nofated" src="https://cdn.nofated.win/avatarsoss" sx={{ width: 128, height: 128 }} /> */}
          </Grid>
@ -106,43 +106,62 @@ export default function App() {
            <TabPanel value={value} index={0}>
              <Box sx={{ my: 1 }}>
                <Typography variant="h5" component="h2" gutterBottom>
-                  Yoo!
+                  <strong>Yoo!</strong>
+                </Typography>
+                <Typography paragraph>             
+                  I'm Nofated. I am a newbie in the coding world, new to the Internet World.
                </Typography>
-                I'm Nofated. I am a newbie in the coding world.<br />
-                Find me on
-                <Stack spacing={2} direction="row">
-                  <Button variant="text" href="https://github.com/Nofated095" startIcon={<GitHubIcon />}>
-                    GitHub
-                  </Button>
-                  <Button variant="text" href="https://t.me/s/Nofated" startIcon={<TelegramIcon />}>
-                    Telegram
-                  </Button>
-                  <Button variant="text" href="https://twitter.com/nofated095" startIcon={<TwitterIcon />}>
-                    Twitter
-                  </Button>
-                </Stack>
              </Box>
              <Box sx={{ my: 1 }}>
                <Typography variant="h5" component="h2" gutterBottom>
-                  Misc
+                  <strong>Misc</strong>
                </Typography>
-                🏫 I am a student who lives in Beijing, China.<br />
-                📒️ I have a blog based on the Hexo.<br />
-                ⌨️ Coding and open-source are great! Though I haven't learnt any languages...<br />
-                🏢 I am a member of LittleSkin Community Support. I help maintain the bot and manual.<br />
-                🚔 I am a fan of Yuzu Soft, Minecraft, Grand Theft Auto, and anime.<br />
+                <Typography paragraph>
+                  🏫 I am delivered by Cloudflare Global CDN. Live on Cloud.<br />
+                  📒️ I have a <Link href="https://blog.nofated.win/">blog</Link> based on Hexo.<br />
+                  ⌨️ Coding and open-source are great! Though I haven't learnt any languages...<br />
+                  🧪 I am an iGEMer, now working for 2023 <Link href="https://competition.igem.org/">iGEM Competition</Link>!<br />
+                  🚔 I am a fan of Yuzu Soft, Minecraft, Grand Theft Auto, and anime.<br />
+                </Typography>
+              </Box>
+              <Box sx={{ my: 1 }}>
+                <Typography variant="h5" component="h2" gutterBottom>
+                  <strong>Find me at</strong>
+                </Typography>
+                <Stack spacing={2} direction="row">
+                  <Button variant="text" color="inherit" href="https://github.com/Nofated095" startIcon={<GitHubIcon />}>
+                    GitHub
+                  </Button>
+                  <Button variant="text" color="inherit" href="https://t.me/s/Nofated" startIcon={<TelegramIcon />}>
+                    Telegram
+                  </Button>
+                  <Button variant="text" color="inherit" href="https://twitter.com/nofated095" startIcon={<TwitterIcon />}>
+                    Twitter
+                  </Button>
+                </Stack>
              </Box>
            </TabPanel>
            <TabPanel value={value} index={1}>
              <Box sx={{ my: 1 }}>
                <Typography variant="h5" component="h2" gutterBottom>
-                  About
+                  <strong>About</strong>
+                </Typography>
+                <Typography paragraph>
+                  I am in senior high and I'm preparing for the Chinese College Entrance Examination, aka GaoKao. Maybe I will also prepare for Hong Kong DSE.
+                </Typography>
+                <Typography paragraph>
+                  I do open-source works, you can check them on <Link href='https://github.com/Nofated095'>GitHub</Link>. But I don't have any completely independent open-source project that is made by myself.😢
                </Typography>
-                I am in senior high and I'm preparing for the Chinese College Entrance Examination, aka GaoKao.<br />

-                I do open-source works, you can check them on GitHub. But I didn't have a completely independent open-source project.😢<br />
+                {/* I am happy to chat. Chinese is OK but I am very poor at English listening and speaking.😰 */}

-                I am happy to chat. Chinese is OK but I am very poor at English listening and speaking.😰<br />
+              </Box>
+            </TabPanel>
+            <TabPanel value={value} index={2}>
+              <Box sx={{ my: 1 }}>
+                <Typography variant="h5" component="h2" gutterBottom>
+                  Redirecting...
+                </Typography>
              </Box>
            </TabPanel>
          </Box>
Author	SHA1	Message	Date
Nofated095	46e8406721	Merge branch 'main' of https://github.com/Nofated095/nof.moe	2023-05-13 16:08:45 +08:00
Nofated095	713e7ccf83	Update package name	2023-05-13 16:08:26 +08:00
谷風天音 \| 是一个浓度纯度都比较高的柚子厨，因为柚子社天下第一！时不时发柚子的癫。有个能干的妹妹真好，たにかぜあまね天下第一喵，关注谷風天音谢谢喵，关注谷風天音谢谢喵，谢谢在这里看我发癫，天音妹妹真的好好看喵，单推天音一辈子！谁不推天音就打爆他的宁宁的起爆器！\柚子社/\柚子社/\柚子社/\天音/\天音/\天音/天音，我真的好喜欢你啊，为了你，我要 0721！\たにかぜあまね/\たにかぜあまね/\たにかぜあまね/\たにかぜあまね/\たにかぜあまね/\たにかぜあまね/\たにかぜあまね/	fa4b32fe02	Create LICENSE	2023-05-13 16:08:09 +08:00
Nofated095	bbda8d0e86	Update README	2023-05-13 15:59:49 +08:00
Nofated095	fd68cab42f	update paragraph	2023-05-13 15:44:39 +08:00
Nofated095	73181f1973	Update Link	2023-05-13 15:17:53 +08:00
Nofated095	ddcad9566d	fix avatar	2023-05-13 10:28:10 +08:00
Nofated095	8ce4a121c3	Update Avatar	2023-05-13 10:25:37 +08:00
Nofated095	132a1504de	Update Avatar	2023-05-13 10:17:33 +08:00
Nofated095	b52b569227	Update Text	2023-05-13 10:14:17 +08:00
Nofated095	de64f221ce	Update Texts	2023-05-13 10:07:02 +08:00
Nofated095	0cd5d1c786	Update Redirect	2023-05-13 10:04:00 +08:00
Nofated095	c4b46540cd	Update Stack	2023-05-13 09:47:26 +08:00
Nofated095	bbe2c2081c	Update Color	2023-05-13 09:41:27 +08:00