-
Notifications
You must be signed in to change notification settings - Fork 0
/
biography.html
128 lines (121 loc) · 4.9 KB
/
biography.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<title>Shi Zhang's Biography</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="style-new.css" />
<script src="https://unpkg.com/mermaid/dist/mermaid.min.js"></script>
<script>
mermaid.initialize({
startOnLoad: true,
theme: "base", // Use the base theme as a starting point
themeVariables: {
primaryColor: "#333", // Dark grey for lines and text
lineColor: "#333", // Line color
textColor: "#333", // Text color
mainBkg: "#f0f0f0", // Light background color for nodes
edgeLabelBackground: "#f0f0f0", // Background color for edge labels
// You can add more variables to customize fonts, node styles, etc.
},
securityLevel: "loose", // Allow HTML in node descriptions for more styling options
});
</script>
<!-- Head content (similar to index.html) -->
</head>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-BMHC9VDGPY"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-BMHC9VDGPY");
</script>
<body>
<!-- Header -->
<div class="header">
<h1>Shi Zhang's Biography</h1>
<p>A showcase of my professional projects and accomplishments.</p>
</div>
<!-- Navigation Bar -->
<div class="navbar">
<a href="index.html">Home</a>
<a href="biography.html">Biography</a>
<a href="resume.html">Resume</a>
<a href="projects.html">Projects</a>
<a href="contact.html">Contact</a>
</div>
<!-- Biography Content -->
<div class="content">
<div class="section">
<h2>About Me</h2>
<p>
As a former architectural designer turned computer scientist, I am
currently enrolled in the Align Master program of Computer Science at
Northeastern University, Seattle Campus. My journey in the tech
industry is fueled by a passion for innovation and solving complex
problems in software development. Bringing a unique perspective to my
next role, I aim to blend my diverse experiences in architecture and
computer science.
</p>
<div class="mermaid">
graph LR; A[Architectural Design] -->|Transition| B[Computer Science];
B --> C[Passion for Innovation]; C -->|Aims| D[Blend Diverse
Experiences]; D --> E[Solve Complex Problems]
</div>
</div>
<div class="clearfix"></div>
<div class="section">
<h2>Professional Background</h2>
<p>
My professional journey began with a Bachelor of Architecture from
Rensselaer Polytechnic Institute, followed by a Master of Science in
Design from the University of Pennsylvania. Currently, I am pursuing a
Master of Science in Computer Science at Northeastern University,
where I engage in research and practical projects that allow me to
apply my technical skills in real-world scenarios.
</p>
<p>
My technical expertise spans a wide range of programming languages and
frameworks, including Java, Python, Kotlin, C++, JavaScript, React.js,
and Node.js. My experience in architectural design has honed my
abilities in project management and creative problem-solving.
</p>
<div class="mermaid">
graph LR; E[Academic Research & Practical Projects]; E -->
F[Real-world Application]; F --> G[Programming Languages &
Frameworks]; G --> H[Java, Python, Kotlin, C++, JavaScript, React.js,
Node.js]; G --> I[Docker, Linux, AWS, Azure, Git, OpenCV, MySQL]
</div>
</div>
<div class="clearfix"></div>
<div class="section">
<h2>Interests and Achievements</h2>
<p>
In addition to my academic pursuits, I have been recognized for my
contributions to architectural competitions and have a keen interest
in augmented reality and mobile application development. My projects,
such as the Fun Facts Share Website and the StayStocked Android Mobile
App, showcase my capability to innovate and deliver user-centric
solutions.
</p>
<div class="mermaid">
graph TD; A[Interests & Achievements] --> B[Web App Development]; A
--> C[Mobile App Development]; A --> D[Computer Vision]; A -->
E[Artificial Intelligence]; A --> F[Databases];
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- Footer -->
<div class="footer">
<p>© 2024 by Shi Zhang. All rights reserved.</p>
</div>
</body>
</html>