-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (120 loc) · 9.22 KB
/
index.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>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Zach's Personal Website">
<meta name="author" content="Zachariah Mustafa">
<title>Zach Mustafa</title>
<!-- CSS Files -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--background-->
<!-- <link rel="stylesheet" href="Profession/HTML/css/bg.css" type="text/css"> -->
</head>
<body>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
<div class="main-container">
<ul class="navbar-nav ms-auto float-right">
<li class="nav-item mx-0 mx-lg-3"><a class="active nav-link py-3 px-0 rounded" href="#home">Home</a></li>
<li class="nav-item mx-0 mx-lg-3"><a class="nav-link py-3 px-0 rounded" href="#about-me">About Me</a></li>
<li class="nav-item mx-0 mx-lg-3"><a class="nav-link py-3 px-0 rounded" href="#cv">CV</a></li>
<li class="nav-item mx-0 mx-lg-3"><a class="nav-link py-3 px-0 rounded" href="#research">Research</a></li>
<li class="nav-item mx-0 mx-lg-3"><a class="nav-link py-3 px-0 rounded" href="#projects">Projects</a></li>
<li class="nav-item mx-0 mx-lg-3"><a class="nav-link py-3 px-0 rounded" href="#personal">Personal</a></li>
<li class="nav-item mx-0 mx-lg-3"><a class="nav-link py-3 px-0 rounded" href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<div class="deco_box active-content" id="home">
<h1 class="big s1">Zach Mustafa</h1>
<div class="spacer-double"></div>
<h2>Software Engineer @ Paramount</h2>
<h1><img src="Images/profile picc.jpg" style="width:400px;height:300px;" class="img-profile" alt=""></h1>
<div class="sc-wrap">
<div class="social-icons s2">
<a href="https://www.facebook.com/profile.php?id=100002448892393"><i class="fa fa-facebook fa-lg"></i></a>
<a href="https://twitter.com/zach_mustafa"><i class="fa fa-twitter fa-lg"></i></a>
<a href="https://linkedin.com/in/zachmustafa"><i class="fa fa-linkedin fa-lg"></i></a>
<a href="https://github.com/Zumus"><i class="fa fa-github fa-lg"></i></a>
<a href="https://soundcloud.com/zachmustafa1"><i class="fa fa-soundcloud fa-lg"></i></a>
</div>
</div>
</div>
<section id="about-me">
<div class="about-me">
<div class="about-me-item-1">
<img src="Images/me-2.jpg" alt="">
</div>
<div class="about-me-item-2">
<li>My name is Zach Mustafa. I am a software engineer at Paramount Streaming's Applied Machine Learning Group (AMLG).</li>
<li> I graduated from UCLA in 2022 with a degree in Mathematics of Computation.</li>
<li>I am passionate about learning and using my creativity, quantitative skills, and intuition to build interesting projects.</li>
<li>I love building tools that combine my interests, such as my (in beta!) NBA Enhanced Trade Machine and low polygon image generator</li>
<li>In my spare time, I also love to produce music, explore in nature and spend time with my pets.</li>
</div>
</div>
</section>
<section id="cv">
<h2>CV Page Under Construction</h2>
</section>
<section id="research">
<img src="Images\TANMS.jpg" alt="">
<div class="research-item">
<li>I conducted research at the TANMS Research Center at UCLA during my final two undergraduate years.</li>
<li>I worked under Dr. Robert Candler in coordination with graduate students from the Sensors and Technology Lab.</li>
<li>My first year, I worked under mentor Maggie Xiao on a project which involved utilizing deep learning techniques to perform image segmentation and resolution enhancement using TensorFlow-Keras and PEEMVision.</li>
<ul>
<li><a href="https://docs.google.com/presentation/d/1LfF3RxCJsFltUThp94KggFKakYgTHGnPGL36WZilXCg/edit?usp=sharing" title="Deep Learning Assisted Analysis of X-ray Magnetic Imaging for Magnetoelastic Microstructures">Deep Learning Assisted Analysis of X-ray Magnetic Imaging for Magnetoelastic Microstructures</a></li>
</ul>
<li>My second year, I worked under mentor Andrew Arrieta, writing software to capture data from a thermal camera to use for thermal experiments.</li>
<ul>
<li><a href="https://docs.google.com/presentation/d/12yywjXeQUOcH7jw_bvNL4ivSPZ5EGMulr36ZzgNTvRw/edit?usp=sharing" title="Thermal Camera Imaging for Current Sheet Magnetic Quadrupoles">Thermal Camera Imaging for Current Sheet Magnetic Quadrupoles</a></li>
</ul>
<li>I thoroughly enjoyed my time in the TANMS Research Center, conducting research with brilliant people and making valuable contributions to the field of nanoscale multiferroics.</li>
</div>
</section>
<section id="projects">
<div class="spacer-double"></div>
<div class="projects-item-base">
<h2>Projects Page Under Construction</h2>
<li>This page will host the programming projects that I'm currently working on.</li>
<li>Here's a short list of them before I get it up and running:</li>
<ul>
<li>Low Polygon Image Generator using Delaunay Triangulation [Python, TensorFlow, openCV]</li>
<li>Enhanced NBA Trade Machine [Python + Django]</li>
<li>MIDI Beatles Composition Neural Network [Python, MIDO]</li>
</ul>
</div>
</section>
<section id="personal">
<h2>Personal Page Under Construction</h2>
<p style="font-family: 'Inter' -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 24px; font-weight: 500px;">This section will include everything else that I am passionate about, that did not get covered by some of the other pages.</p>
</section>
<section id="contact">
<p style="font-family: 'Inter' -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 24px; font-weight: 500px;"> Feel free to reach out on one of my social media platforms or email me at [email protected].</p>
</section>
<div class="mastfoot">
<div class="inner">
<p>"In the end, the love you take is equal to the love you make."</p>
</div>
</div>
</div>
</div>
<!--Possibly trash-->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="jquery-3.3.1.min.js"></script>
<script src="my_jquery.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>