Skip to content

Commit 73a03e0

Browse files
buchuitoudegoubuchuitoudegou
authored
fix: css at homepage & add logo (#14)
1 parent 3b66cdd commit 73a03e0

File tree

5 files changed

+33
-25
lines changed

5 files changed

+33
-25
lines changed

‎public/gadsl_bw_logo.png‎

166 KB
Loading

‎public/gadsl_hd_logo.png‎

255 KB
Loading

‎src/App.tsx‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -55,10 +55,13 @@ function App() {
5555
return (
5656
<div className="App" style={{ minHeight: "100vh", display: "flex", flexDirection: "column" }}>
5757
<Layout>
58-
<Header style={{ position: "fixed", top: 0, zIndex: 1000, width: "100%" }}>
59-
<div className="ntulogo">
58+
<Header style={{ position: "fixed", top: 0, zIndex: 1000, width: "100%", paddingLeft: '1rem' }}>
59+
<div className="gadsl-logo" style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
60+
<a href="/lab" style={{ height: '3rem' }}>
61+
<img src="gadsl_hd_logo.png" style={{ height: '3rem' }} />
62+
</a>
63+
<Menu theme="dark" mode="horizontal" selectable={false} items={items} style={{justifyContent: "right", fontSize: "18px", width: "90%" }} />
6064
</div>
61-
<Menu theme="dark" mode="horizontal" selectable={false} items={items} style={{justifyContent: "right", fontSize: "18px", width: "90%" }} />
6265
</Header>
6366
<Content>
6467
<BrowserRouter>

‎src/components/Banner/index.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,10 @@ const LogoFill = () => {
3030
});
3131
return (
3232
<animated.div style={{ display: 'flex', justifyContent: 'center', marginTop: '2rem', ...props }}>
33-
<img src="ntu_logo_white.png" style={{ width: '10rem' }} />
33+
<div style={{ display: 'flex', justifyContent: 'left' }}>
34+
<img src="gadsl_bw_logo.png" style={{ height: '4rem', marginLeft: '1rem' }} />
35+
<img src="ntu_logo_white.png" style={{ height: '4rem' }} />
36+
</div>
3437
<div style={{ height: '4rem', width: '1px', backgroundColor: 'white', marginLeft: '1rem', marginRight: '1rem' }}/>
3538
<div style={{ color: 'white', fontSize: '1rem', textAlign: 'left' }}>
3639
College of Computing <br/> and Data Science

‎src/components/self/index.tsx‎

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -11,30 +11,32 @@ export class SelfIntro extends React.Component {
1111
<Content style={{ marginBottom: "10px" }}>
1212
<div style={{ height: "64px" }}></div>
1313
<div style={{ backgroundColor: "#EBF4F6", paddingTop: "20px", paddingBottom: "0.5rem", display: "flex", justifyContent: "center" }}>
14-
<Row justify="center" style={{ width: "70%"}}>
15-
<Col style={{ textAlign: "center" }}>
16-
<img src="avatar/SiqiangLuo.jpg" style={{ width: "8rem", height: "8rem", borderRadius: "50%" }}/>
17-
<div style={{ display: "flex", justifyContent: "center"}}>
18-
<a href="mailto:siqiang.luo@ntu.edu.sg"><img style={{ width: "1.2rem", height: "1.2rem", margin: "0.5rem" }} src="email.svg"/></a>
19-
<a href="https://dblp.org/pid/117/5965.html"><img style={{ width: "1.2rem", height: "1.2rem", margin: "0.5rem" }} src="dblp.svg"/></a>
20-
<a href="https://scholar.google.com/citations?user=ZDwbMg4AAAAJ"><img style={{ width: "1.2rem", height: "1.2rem", margin: "0.5rem" }} src="googlescholar.svg"/></a>
14+
<div style={{ width: "70%", display: "flex", justifyContent: "space-between" }}>
15+
<div style={{ display: "flex", justifyContent: "left" }}>
16+
<div style={{ textAlign: "center" }}>
17+
<img src="avatar/SiqiangLuo.jpg" style={{ width: "8rem", height: "8rem", borderRadius: "50%" }}/>
18+
<div style={{ display: "flex", justifyContent: "center"}}>
19+
<a href="mailto:siqiang.luo@ntu.edu.sg"><img style={{ width: "1.2rem", height: "1.2rem", margin: "0.5rem" }} src="email.svg"/></a>
20+
<a href="https://dblp.org/pid/117/5965.html"><img style={{ width: "1.2rem", height: "1.2rem", margin: "0.5rem" }} src="dblp.svg"/></a>
21+
<a href="https://scholar.google.com/citations?user=ZDwbMg4AAAAJ"><img style={{ width: "1.2rem", height: "1.2rem", margin: "0.5rem" }} src="googlescholar.svg"/></a>
22+
</div>
2123
</div>
22-
</Col>
23-
<Col style={{ marginLeft: '3rem' , fontFamily: "'Cardo'" }}>
24-
<div style={{ fontSize: "30px", textAlign: "left", lineHeight: "1.5" }}>
25-
Siqiang Luo
24+
<div style={{ marginLeft: '3rem' , fontFamily: "'Cardo'" }}>
25+
<div style={{ fontSize: "30px", textAlign: "left", lineHeight: "1.5" }}>
26+
Siqiang Luo
27+
</div>
28+
<div style={{ fontSize: "20px", textAlign: "left", lineHeight: "2.5" }}>
29+
Nanyang Assistant Professor
30+
</div>
31+
<div style={{ fontSize: "15px", textAlign: "left", lineHeight: "1.7" }}>
32+
College of Computing and Data Science, Nanyang Technological University
33+
</div>
2634
</div>
27-
<div style={{ fontSize: "20px", textAlign: "left", lineHeight: "2.5" }}>
28-
Nanyang Assistant Professor
29-
</div>
30-
<div style={{ fontSize: "15px", textAlign: "left", lineHeight: "1.7" }}>
31-
College of Computing and Data Science, Nanyang Technological University
32-
</div>
33-
</Col>
34-
<Col style={{ display: "flex", alignItems: "center", flex: "1", justifyContent: "right" }}>
35+
</div>
36+
<div style={{ display: "flex", alignItems: "center", justifyContent: "right" }}>
3537
<img src="ntu_logo.webp" style={{ width: "250px" }}/>
36-
</Col>
37-
</Row>
38+
</div>
39+
</div>
3840
</div>
3941
<div style={{ display: "flex", justifyContent: "center", fontFamily: "'Cardo'", textAlign: "left", fontSize: "16px", lineHeight: "2" }}>
4042
<div style={{ width: "70%" }}>

0 commit comments

Comments
 (0)