Skip to content

Commit 0d49f28

Browse files
committed
.
1 parent 26ac77c commit 0d49f28

File tree

2 files changed

+55
-69
lines changed

2 files changed

+55
-69
lines changed

README.md

Lines changed: 1 addition & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1 @@
1-
# 网站技术方案
2-
- React
3-
- Next.js
4-
- Typescript
5-
- Tailwind CSS / shadcn
6-
7-
8-
# General
9-
10-
### Style
11-
- ```m-``` & ```p-``` use 6 / 12 /24
12-
- ```scroll-mt-32```
13-
- note in website ```text-xs```
14-
- ```rounded-sm```
15-
- breakpoint: ```md``` / ```xl``` / ```3xl```
16-
- black color: ```#0d0d0d```
17-
- max width: ```max-w-5xl``` / ```max-w-7xl```
18-
- ```Link```: ```target={xxx.startsWith('http') ? '_blank' : '_self'}```
19-
20-
### Note
21-
- use ```<Link>``` instead of ```<a>```
22-
- use ```<Image>``` instead of ```<img>```
23-
- use ```<div><Image></div>``` instead of ```<div className='background-image'></div>```
24-
- <FadeIn> for animation of all foreground elements, note that it could probabilistically change layout, check everytime when add this
25-
26-
27-
28-
# dev
29-
30-
### Setup
31-
- install ```npm```
32-
- ```npm install``` to install or update all dependencies
33-
34-
### Preview
35-
- ```npm run dev```
36-
37-
### Deploy
38-
- Simply push the code to the GitHub and it will be done automatically.
39-
40-
41-
42-
# 图像要求
43-
- upload to corresponding folder in [https://github.com/MMLABassets/MMLABassets.github.io](https://github.com/MMLABassets/MMLABassets.github.io) / access via ```https://mmlabassets.github.io/*```
44-
- reduce image size -> use [https://www.photopea.com/](https://www.photopea.com/) to reduce image quality, normally 90%
45-
46-
![image](https://github.com/user-attachments/assets/2d0062bf-65ea-44f5-9511-b4a3b649998a)
47-
48-
### Member
49-
- full: 512 x 512 / JPG / [name]_[surname]_f.jpg, e.g. ping_luo_f.jpg
50-
- compressed: 384 x 384 / JPG / ~20kb / [name]_[surname]_c.jpg, e.g. ping_luo_c.jpg
51-
52-
### Open Source
53-
- long side approx. 512 / JPG / 30kb
54-
- without margin / 紅框為圖像邊界
55-
56-
|| ✖️ |
57-
|---|---|
58-
| ![image](https://github.com/user-attachments/assets/96c2db29-e206-4850-b956-6f47a460c5a0) | ![image](https://github.com/user-attachments/assets/6a649dfe-3211-48ec-bcfa-d974db25c23d) |
1+
Please hang tight! Will be right back soon!

public/README.md

Lines changed: 54 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,58 @@
1-
# OpenDriveLab Official Website
1+
# 网站技术方案
2+
- React
3+
- Next.js
4+
- Typescript
5+
- Tailwind CSS / shadcn
26

3-
> http://opendrivelab.com/
47

5-
# Please use the repo below to upload files
6-
- [https://github.com/OpenDriveLab/opendrivelab.github.io](https://github.com/OpenDriveLab/opendrivelab.github.io)
8+
# General
79

8-
## Editing in vscode
9-
- Live Preview
10+
### Style
11+
- ```m-``` & ```p-``` use 6 / 12 /24
12+
- ```scroll-mt-32```
13+
- note in website ```text-xs```
14+
- ```rounded-sm```
15+
- breakpoint: ```md``` / ```xl``` / ```3xl```
16+
- black color: ```#0d0d0d```
17+
- max width: ```max-w-5xl``` / ```max-w-7xl```
18+
- ```Link```: ```target={xxx.startsWith('http') ? '_blank' : '_self'}```
1019

11-
## Tailwind
12-
npm link tailwindcss
13-
```
14-
npx tailwindcss -i ./ui2025/css/index.css -o ./ui2025/css/index_tailwind.css --watch --minify
15-
```
20+
### Note
21+
- use ```<Link>``` instead of ```<a>```
22+
- use ```<Image>``` instead of ```<img>```
23+
- use ```<div><Image></div>``` instead of ```<div className='background-image'></div>```
24+
- <FadeIn> for animation of all foreground elements, note that it could probabilistically change layout, check everytime when add this
25+
26+
27+
28+
# dev
29+
30+
### Setup
31+
- install ```npm```
32+
- ```npm install``` to install or update all dependencies
33+
34+
### Preview
35+
- ```npm run dev```
36+
37+
### Deploy
38+
- Simply push the code to the GitHub and it will be done automatically.
39+
40+
41+
42+
# 图像要求
43+
- upload to corresponding folder in [https://github.com/MMLABassets/MMLABassets.github.io](https://github.com/MMLABassets/MMLABassets.github.io) / access via ```https://mmlabassets.github.io/*```
44+
- reduce image size -> use [https://www.photopea.com/](https://www.photopea.com/) to reduce image quality, normally 90%
45+
46+
![image](https://github.com/user-attachments/assets/2d0062bf-65ea-44f5-9511-b4a3b649998a)
47+
48+
### Member
49+
- full: 512 x 512 / JPG / [name]_[surname]_f.jpg, e.g. ping_luo_f.jpg
50+
- compressed: 384 x 384 / JPG / ~20kb / [name]_[surname]_c.jpg, e.g. ping_luo_c.jpg
51+
52+
### Open Source
53+
- long side approx. 512 / JPG / 30kb
54+
- without margin / 紅框為圖像邊界
55+
56+
|| ✖️ |
57+
|---|---|
58+
| ![image](https://github.com/user-attachments/assets/96c2db29-e206-4850-b956-6f47a460c5a0) | ![image](https://github.com/user-attachments/assets/6a649dfe-3211-48ec-bcfa-d974db25c23d) |

0 commit comments

Comments
 (0)