-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
145 lines (123 loc) Β· 8.47 KB
/
portfolio.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Andrina Zhang's Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="preload" href="https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900" as="style" onload="this.rel='stylesheet'" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a class="logo">Andrina Zhang's Portfolio</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="experience.html">Experience</a></li>
<li class="active"><a href="portfolio.html">Project Curation</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="media-coverage.html">Media Coverage</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/andrina-zhang/" target="_blank" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/Andrinazxx" target="_blank" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<h4>I am on my way to become a better</h4>
<h2>Software Engineer, Computing Artist & Audio Engineer</h2>
<br>
<h4>I'm always open to collaboration. Email me anytime :)</h4>
</header>
</section>
<div class="row gtr-200 gtr-uniform">
<div class="col-6"><a class="image fit"><img src="images/portfolio-bose.jpg" alt="" /><strong>Software Engineering / Product Innovation Co-op @ Bose [2024 - ] (I'm working on spatial feature on smart soundbars and surround speakers in C++)</strong></a></div>
<div class="col-6"><a href="work-beamforming.html" class="image fit"><img src="images/portfolio-beamforming.jpg" alt="" /><strong>Real-time Adaptive Beamforming @ Qualcomm Institute - SonicArts R&D [2023]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="icam-juce-plugin.html" class="image fit"><img src="images/arts-JUCE.jpg" alt="" /><strong>Synth AU/VST3 plug-in with JUCE, C++ for any DAWs π [2024]</strong></a></div>
<div class="col-6"><a href="icam-MusicLDM.html" class="image fit"><img src="images/arts-musicLDM.png" alt="" /><strong>Music LDM Interactive Platform for producers π [2024]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="icam-ambisonics.html" class="image fit"><img src="images/arts-ambix.jpg" alt="" /><strong>Higher Order Ambisonics (HOA) production with Ableton and IEM Suite in Reaper π [2024]</strong></a></div>
<div class="col-6"><a href="ML-musGenre.html" class="image fit"><img src="images/ml1-musGenre.jpg" alt="" /><strong>Music Genre Classification implementing kNN, SVM, CNN and RNN π [2023]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="icam-pd-polyphony.html" class="image fit"><img src="images/arts-polyphony.jpg" alt="" /><strong>Polyphony Synth Panel Design Interface in Pure Data π [2022]</strong></a></div>
<div class="col-6"><a href="icam-pd-arcade.html" class="image fit"><img src="images/arts-arcade.jpg" alt="" /><strong>"Unmute Your Arcade Game" in Pure Data π [2022]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="icam-lion.html" class="image fit"><img src="images/arts-lion.jpg" alt="" /><strong>4K 60fps Python generated ASCII art video with OpenCV and PyGame on RaspberryPi [2022]</strong></a></div>
<div class="col-6"><a href="icam-seasons.html" class="image fit"><img src="images/arts-seasons-home.jpg" alt="" /><strong>SEASONS GLITCH with Python & PyGame on RaspberryPi [2022]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="ML-topology.html" class="image fit"><img src="images/ml5-topology.jpg" alt="" /><strong>Topological Data Analysis to Phoneme Neural Signals [2023]</strong></a></div>
<div class="col-6"><a href="ML-mcmc.html" class="image fit"><img src="images/ml2-mcmc.jpg" alt="" /><strong>Seismology and Markov Chain Monte Carlo Simulation in MATLAB [2023]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="icam-natureTalks.html" class="image fit"><img src="images/arts-natureTalks-collab.jpg" alt="" /><strong>Collaboration: Sound design for "Is This How Nature Talks" by Alicia Zhang π [2024]</strong></a></div>
<div class="col-6"><a href="icam-crowd.html" class="image fit"><img src="images/arts-crowd.jpg" alt="" /><strong>Sound design - Experimental music "Call from the Crowd" π [2023]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="ML-earthquake.html" class="image fit"><img src="images/ml3-earthqk.jpg" alt="" /><strong>Neural Networks and SVR implementation for Earthquake Prediction [2022]</strong></a></div>
<div class="col-6"><a href="ML-outage.html" class="image fit"><img src="images/ml4-outage.jpg" alt="" /><strong>Data Analysis on possible relationship between Outage Duration Time in the U.S. and Potential Factors [2022]</strong></a></div>
<!-- Break -->
<div class="col-6"><a href="icam-andromeda.html" class="image fit"><img src="images/arts-andromeda.jpg" alt="" /><strong>The broken dream in the Andromeda Galaxy [2023]</strong></a></div>
<div class="col-6"><a class="image fit"><img src="images/arts-rabbits.jpg" alt="" /><strong>Real Fantasy in Glitchy Reality [2022]</strong></a></div>
<div class="col-6"><a class="image fit"><img src="images/arts-portal.jpg" alt="" /><strong>"Portal Terminate in 3... 2.. 1." [2022]</strong></a></div>
<!-- Break -->
<div class="col-6"><a class="image fit"><img src="images/arts-muse.jpg" alt="" /><strong>Music Production π [2022 - ]</strong></a></div>
<!-- Break -->
<div class="col-6"><a class="image fit"><img src="images/arts-portfolio-home.jpg" alt="" /><strong>Front-End Web Design [Here, my portfolio :)]</strong></a></div>
<div class="col-6"><a href="photos.html" class="image fit"><img src="images/arts-photography-cover.jpg" alt="" /><strong>Collection of Photography [2021 - ]</strong></a></div>
</div>
<br />
<ul class="actions special">
<li><a href="index.html" class="button">Home</a></li>
<li><a href="experience.html" class="button">Past Experience</a></li>
<li><a href="events.html" class="button">Events</a></li>
<li><a href="media-coverage.html" class="button">Media Coverage</a></li>
<li><a href="XZhang-CV.pdf" target="_blank" class="button">My RΓ©sumΓ©</a></li>
<ul />
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h3>Emails</h3>
<p><a href="mailto:xiz031@ucsd.edu">xiz031@ucsd.edu</a></p>
<p><a href="mailto:andrina.zhang@outlook.com">andrina.zhang@outlook.com</a></p>
</section>
<section class="split contact">
<section class="alt">
<h3>LinkedIn</h3>
<p><a href="https://www.linkedin.com/in/andrina-zhang">https://www.linkedin.com/in/andrina-zhang</a></p>
</section>
<section class="alt">
<h3>GitHub</h3>
<p><a href="https://github.com/Andrinazxx">https://github.com/AndrinaZxx</a></p>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© 2025 Andrina / Xiaoxuan Zhang</li><li>Design: Andrina / Xiaoxuan Zhang</li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>