Skip to content

Commit

Permalink
Chinese version WIP
Browse files Browse the repository at this point in the history
  • Loading branch information
@WHALEEYE
WHALEEYE committed Jan 2, 2024
1 parent 7b93321 commit a440eff
Show file tree
Hide file tree
Showing 7 changed files with 177 additions and 92 deletions.
9 changes: 0 additions & 9 deletions @types/i18next.d.ts
View file

This file was deleted.

25 changes: 0 additions & 25 deletions @types/resources.d.ts
View file

This file was deleted.

20 changes: 20 additions & 0 deletions components/profile/ProjectDetail.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import Link from "next/link";

export default function ProjectDetail({projectName, projectDesc, githubLink}: {
projectName: string,
projectDesc: string[],
githubLink: string
}) {
return (
<div>
<Link href={githubLink}>
<span className={"link-header"}>{projectName}</span>
</Link>
<div className={"light-text"}>
{projectDesc.map((desc, index) => (
<div key={index}>{desc}</div>
))}
</div>
</div>
);
}
56 changes: 55 additions & 1 deletion locales/en/profile.json
View file
Original file line number Diff line number Diff line change
@@ -1 +1,55 @@
{}
{
"edu": {
"title": "Education",
"nu": {
"degree": "M.S. in Computer Science",
"name": "Northwestern University",
"period": "Sept, 2023 - Dec, 2024"
},
"sustech": {
"degree": "B.E. in Computer Science and Technology",
"name": "Southern University of Science and Technology",
"period": "Sept, 2019 - Jun, 2023"
},
"wisc": {
"degree": "Visiting International Student",
"name": "University of Wisconsin - Madison",
"period": "Sept, 2022 - Jan, 2023"
}
},
"research": {
"title": "Research Interests",
"content": "<div>Now I'm mainly interested in some topics in the research fields of computer security, including <b>system security</b>, <b>network security</b> and <b>cloud native security</b>.</div>"
},
"projects": {
"title": "Projects",
"ms": {
"name": "MicroShield",
"des": [
"An East-West Traffic Capturing and Auto Policy Generating System for Kubernetes",
"This is a cloud native security research project supervised by Prof. Yan Chen of NU."
]
},
"store": {
"name": "SUSTech Store",
"des": [
"A second-hand trading platform for SUSTech students.",
"This is the course project of Object-Oriented Analysis and Design."
]
},
"spl": {
"name": "SPL Compiler",
"des": [
"A compiler for SPL, which is short for SUSTech Programming Language.",
"This is the course project of Compilers."
]
},
"hc": {
"name": "Hash Checker for Web Applications",
"des": [
"A lightweight plugin to detect pages containing Wasm and trace them to avoid threats like cryptocurrency mining.",
"This is the course project of Computer Security."
]
}
}
}
56 changes: 55 additions & 1 deletion locales/zh/profile.json
View file
Original file line number Diff line number Diff line change
@@ -1 +1,55 @@
{}
{
"edu": {
"title": "教育背景",
"nu": {
"degree": "计算机科学硕士",
"name": "西北大学",
"period": "2023年9月 - 2024年12月"
},
"sustech": {
"degree": "计算机科学与技术学士",
"name": "南方科技大学",
"period": "2019年9月 - 2023年6月"
},
"wisc": {
"degree": "访问国际学生",
"name": "威斯康星大学麦迪逊分校",
"period": "2022年9月 - 2023年1月"
}
},
"research": {
"title": "研究兴趣",
"content": "<div>目前我主要对计算机安全的一些研究领域感兴趣，包括<b>系统安全</b>、<b>网络安全</b>和<b>云原生安全</b>。</div>"
},
"projects": {
"title": "参与项目",
"ms": {
"name": "MicroShield",
"des": [
"一款针对Kubernetes的东西向流量捕获和自动策略生成系统",
"这是由西北大学的闫辰教授指导的云原生安全研究项目。"
]
},
"store": {
"name": "南科大二手交易平台",
"des": [
"为南方科技大学学生提供的二手交易平台。",
"该项目为面向对象分析与设计的期末课程项目。"
]
},
"spl": {
"name": "SPL编译器",
"des": [
"一款用于SPL（一个专门用于南科大编译原理课程的语言）的编译器。",
"该项目为编译原理课程的项目，是该学期此课程唯二受邀参与期末展示的项目之一。"
]
},
"hc": {
"name": "网页应用哈希检查器",
"des": [
"一款轻量级插件，用于检测包含Wasm的页面并追踪，以避免加密货币挖矿等威胁。",
"该项目为计算机安全课程的期末项目。"
]
}
}
}
2 changes: 1 addition & 1 deletion pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ export default function Home({allLatestBriefPostsData, curLan, setCurLan}: {
<Trans i18nKey={"intro"} ns={i18nNS} components={{
articles: <Link href={"/articles"} className={"link-ina"}/>,
talks: <Link href={"/talks"} className={"link-ina"}/>,
cv: <Link href={"/CV.pdf"} className={"link-ina"}/>,
cv: <Link href={"/files/CV.pdf"} className={"link-ina"}/>,
div: <div/>
}}/>
</div>
Expand Down
101 changes: 46 additions & 55 deletions pages/profile.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,39 @@ import React from "react";
import Link from "next/link";
import Showcase from "../components/Showcase";
import {Languages, Sections} from "../lib/enums";
import {Trans, useTranslation} from "react-i18next";
import ProjectDetail from "../components/profile/ProjectDetail";


const i18nNS = 'profile';
const section = Sections.PROFILE;
const sectionPath = Sections.getPath(section)

export default function Profile({curLan, setCurLan}: {
curLan: Languages,
setCurLan: React.Dispatch<React.SetStateAction<Languages>>
}) {

const {t} = useTranslation(i18nNS);

const projects = [
{
key: 'ms',
link: 'https://github.com/WHALEEYE/MicroShield'
},
{
key: 'store',
link: 'https://github.com/WHALEEYE/SUSTech-Store-Backend'
},
{
key: 'spl',
link: 'https://github.com/dandansamax/SPL-Compiler'
},
{
key: 'hc',
link: 'https://github.com/WHALEEYE/Hash-Checker'
}
];

return (
<Layout section={section} curLan={curLan} setCurLan={setCurLan}>
<Head>
Expand All @@ -25,72 +49,39 @@ export default function Profile({curLan, setCurLan}: {
href={"/CV.pdf"}><span className={"link-ina"}>here</span></Link>.
</div>
{/* Education */}
<Showcase title={"Education"}>
<Showcase title={t('edu.title')}>
<div>
<div><b>M.S. in Computer Science</b>, <i>Northwestern University</i></div>
<div className={"light-text"}>Sept, 2023 - Dec, 2024 (Expected)</div>
<div><b>{t('edu.nu.degree')}</b>, <i>{t('edu.nu.name')}</i></div>
<div className={"light-text"}>{t('edu.nu.period')}</div>
</div>
<div>
<div><b>B.E. in Computer Science and Technology</b>, <i>Southern University of Science and
Technology</i></div>
<div className={"light-text"}>Graduated Jun, 2023</div>
<div><b>{t('edu.sustech.degree')}</b>, <i>{t('edu.sustech.name')}</i></div>
<div className={"light-text"}>{t('edu.sustech.period')}</div>
</div>
<div>
<div><b>Visiting International Student</b>, <i>University of Wisconsin - Madison</i></div>
<div className={"light-text"}>Sept, 2022 - Jan, 2023</div>
<div><b>{t('edu.wisc.degree')}</b>, <i>{t('edu.wisc.name')}</i></div>
<div className={"light-text"}>{t('edu.wisc.period')}</div>
</div>
</Showcase>

{/* Research Interests */}
<Showcase title={"Research Interests"}>
<div>Now {`I'm`} mainly interested in some topics in the research fields of computer security,
including <b>system security</b>, <b>network security</b> and <b>cloud native security</b>.
</div>
<Showcase title={t('research.title')}>
<Trans i18nKey={"research.content"} ns={i18nNS} components={{
div: <div/>,
b: <b/>
}}/>
</Showcase>

{/* Projects */}
<Showcase title={"Projects"}>
<div>
<Link href={"https://github.com/WHALEEYE/MicroShield"}>
<span className={"link-header"}>MicroShield</span>
</Link>
<div className={"light-text"}>
<div>An East-West Traffic Capturing and Auto Policy Generating System for Kubernetes.</div>
<div>
This is a cloud native security research project supervised by Prof. Yan Chen of NWU.
</div>
</div>
</div>
<div>
<Link href={"https://github.com/WHALEEYE/SUSTech-Store-Backend"}>
<span className={"link-header"}>SUSTech Store</span>
</Link>
<div className={"light-text"}>
<div>A second-hand trading platform for SUSTech students.</div>
<div>This is the course project of Object-Oriented Analysis and Design.</div>
</div>
</div>
<div>
<Link href={"https://github.com/dandansamax/SPL-Compiler"}>
<span className={"link-header"}>SPL Compiler</span>
</Link>
<div className={"light-text"}>
<div>A compiler for SPL, which is short for SUSTech Programming Language.</div>
<div>This is the course project of Compilers.</div>
</div>
</div>
<div>
<Link href={"https://github.com/WHALEEYE/Hash-Checker"}>
<span className={"link-header"}>Hash Checker for Web Applications</span>
</Link>
<div className={"light-text"}>
<div>
A lightweight plugin to detect pages containing Wasm and trace them to avoid threats
like cryptocurrency mining.
</div>
<div>This is the course project of Computer Security.</div>
</div>
</div>
<Showcase title={t('projects.title')}>
{projects.map(project => (
<ProjectDetail
key={project.key}
projectName={t(`projects.${project.key}.name`)}
projectDesc={t(`projects.${project.key}.des`, {returnObjects: true})}
githubLink={project.link}
/>
))}
</Showcase>

{/* Awards */}
Expand Down

0 comments on commit a440eff

Please sign in to comment.