├── .gitignore
├── src
├── .DS_Store
├── img
│ ├── me5.png
│ ├── demo.png
│ ├── demo2.png
│ ├── demo3.png
│ ├── project.png
│ ├── showcase.png
│ ├── terminal.png
│ ├── background.jpg
│ ├── schoollogo1.png
│ ├── schoollogo2.png
│ ├── schoollogo3.png
│ ├── patere-removebg-preview.png
│ └── iislogo-removebg-preview.png
├── customization
│ ├── Contact.json
│ ├── Award.json
│ ├── Introduction.json
│ ├── Education.json
│ ├── Experience.json
│ ├── Project.json
│ └── Publication.json
├── webfonts
│ ├── fa-brands-400.eot
│ ├── fa-brands-400.ttf
│ ├── fa-solid-900.eot
│ ├── fa-solid-900.ttf
│ ├── fa-solid-900.woff
│ ├── fa-brands-400.woff
│ ├── fa-brands-400.woff2
│ ├── fa-regular-400.eot
│ ├── fa-regular-400.ttf
│ ├── fa-regular-400.woff
│ ├── fa-regular-400.woff2
│ └── fa-solid-900.woff2
├── setupTests.js
├── App.test.js
├── reportWebVitals.js
├── award.js
├── index.js
├── exp.js
├── pub.js
├── pro.js
├── intro.js
├── tool.js
├── App.js
├── container.js
└── styles
│ ├── main.css
│ └── fa-all.css
├── public
├── favicon.ico
└── index.html
├── LEARN.md
├── LICENSE
├── package.json
└── README.md
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | node_modules/*
--------------------------------------------------------------------------------
/src/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/.DS_Store
--------------------------------------------------------------------------------
/src/img/me5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/me5.png
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/src/img/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/demo.png
--------------------------------------------------------------------------------
/src/img/demo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/demo2.png
--------------------------------------------------------------------------------
/src/img/demo3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/demo3.png
--------------------------------------------------------------------------------
/src/img/project.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/project.png
--------------------------------------------------------------------------------
/src/img/showcase.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/showcase.png
--------------------------------------------------------------------------------
/src/img/terminal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/terminal.png
--------------------------------------------------------------------------------
/src/img/background.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/background.jpg
--------------------------------------------------------------------------------
/src/img/schoollogo1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/schoollogo1.png
--------------------------------------------------------------------------------
/src/img/schoollogo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/schoollogo2.png
--------------------------------------------------------------------------------
/src/img/schoollogo3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/schoollogo3.png
--------------------------------------------------------------------------------
/src/customization/Contact.json:
--------------------------------------------------------------------------------
1 | {
2 | "email": "your-email@gmail.com",
3 | "phone": "+886 0000666888"
4 | }
--------------------------------------------------------------------------------
/src/webfonts/fa-brands-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-brands-400.eot
--------------------------------------------------------------------------------
/src/webfonts/fa-brands-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-brands-400.ttf
--------------------------------------------------------------------------------
/src/webfonts/fa-solid-900.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-solid-900.eot
--------------------------------------------------------------------------------
/src/webfonts/fa-solid-900.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-solid-900.ttf
--------------------------------------------------------------------------------
/src/webfonts/fa-solid-900.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-solid-900.woff
--------------------------------------------------------------------------------
/src/webfonts/fa-brands-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-brands-400.woff
--------------------------------------------------------------------------------
/src/webfonts/fa-brands-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-brands-400.woff2
--------------------------------------------------------------------------------
/src/webfonts/fa-regular-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-regular-400.eot
--------------------------------------------------------------------------------
/src/webfonts/fa-regular-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-regular-400.ttf
--------------------------------------------------------------------------------
/src/webfonts/fa-regular-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-regular-400.woff
--------------------------------------------------------------------------------
/src/webfonts/fa-regular-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-regular-400.woff2
--------------------------------------------------------------------------------
/src/webfonts/fa-solid-900.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/webfonts/fa-solid-900.woff2
--------------------------------------------------------------------------------
/src/img/patere-removebg-preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/patere-removebg-preview.png
--------------------------------------------------------------------------------
/src/img/iislogo-removebg-preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chi-0828/profile-site/HEAD/src/img/iislogo-removebg-preview.png
--------------------------------------------------------------------------------
/LEARN.md:
--------------------------------------------------------------------------------
1 | # Leran How to build a termnial-style webpage
2 | Tools:
3 | - ascii art generator
4 | - [icon UNICODE] (https://www.toptal.com/designers/htmlarrows/symbols/)
5 | - html
6 | - css (vary with screen size)
7 | - javascript
8 | - React
9 |
--------------------------------------------------------------------------------
/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 |
--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import App from './App';
3 |
4 | test('renders learn react link', () => {
5 | render(
{award.entry}
10 | ); 11 | }); 12 | 13 | return ( 14 |{company.name}
15 |{company.position_time}
16 |{company.discription}
17 | 18 |Journal papers
33 |Conference papers
37 |{school.name}
43 |{school.degree}
44 |{school.time}
45 | 46 |6 | 7 | {props.path} 8 |
9 | ); 10 | } 11 | 12 | export function Code(props) { 13 | return ( 14 |
15 | > {props.command}
16 |
25 |39 | ); 40 | } 41 | 42 | export function Contact() { 43 | return ( 44 |26 |
38 |27 | {` 28 | _______ ______ _______ _______ ___ ___ _______ _______ ___ _______ _______ 29 | | || _ | | || || || | | | | || || || | 30 | | _ || | || | _ || ___|| || | | ___|____ | _____|| ||_ _|| ___| 31 | | |_| || |_||_ | | | || |___ | || | | |___|____|| |_____ | | | | | |___ 32 | | ___|| __ || |_| || ___|| || |___ | ___| |_____ || | | | | ___| 33 | | | | | | || || | | || || |___ _____| || | | | | |___ 34 | |___| |___| |_||_______||___| |___||_______||_______| |_______||___| |___| |_______| 35 | 36 | `}37 |
Email: {Contactraw.email}
46 |Phone: {Contactraw.phone}
47 |
19 |
22 |
25 |
36 |
39 |
50 |
53 |
64 |
67 |
78 |
81 |