-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·328 lines (277 loc) · 18.6 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XPT2QYNPBQ"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.9.359/pdf.min.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XPT2QYNPBQ');
</script>
<title>Muchang Bahng | Duke Math</title>
<link rel="apple-touch-icon" sizes="180x180" href="CSS/Pictures/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="CSS/Pictures/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="CSS/Pictures/favicon.ico">
<link rel="stylesheet" href="CSS/homepage.css">
<link rel="stylesheet" href="CSS/Header_Footer.css">
<!-- <link rel="stylesheet" href="/CSS/Particles_Background/particles.css"> -->
</head>
<body id="body" style="background-image: url(CSS/Pictures/background.png); position: relative">
<div class="header">
<div id="menu_button" onclick="myFunction(this)">
<div id="bar1"></div>
<div id="bar2"></div>
<div id="bar3"></div>
</div>
<a id="HeaderName" href="index.html" style="text-decoration: none;">Muchang Bahng</a>
</div>
<div style="height: 100vh">
<div id="intro_section" style="background-image: url(Images/Homepage/Duke_Chapel.jpg);">
<div id="intro_text">
<p id="intro_Hi_im">Hi, I'm</p>
<p id="intro_myName">MUCHANG BAHNG</p>
</div>
</div>
</div>
<div id="A_section_wide">
<img id="A_portrait" src="Images/Homepage/profile_pic.JPG" alt="To be Updated" style="background-position: center center; background-repeat: no-repeat; object-fit: cover;">
<div id="A_text_column">
<p id="A_Quote">I'm an undergraduate student passionate about solving problems at the intersection of mathematics, business, and emerging technologies.</p>
<div id=A_description>
<p id="A_text">Welcome to my website! I use this site mainly as a personal index and a quick reference of the topics I've studied in my undergraduate years at Duke. Naturally, I've extended it to include a brief overview of my skills and current projects for recruitment purposes, along with some of my hobbies and interests for those that are curious. </p>
<p id="A_text">I was born in Seoul but followed my family to California in 1st grade, staying there for 7 years before returning to Korea and graduating Korea International School in 2019. I go to Duke University and finished my first year there before the coronavirus hit, but I am currently taking a leave of absence to complete my military service in Korea. I plan to graduate Duke in 2025. </p>
<p id="A_text">Look around and feel free to ask my any questions or give me any feedback as you see fit! You can reach out to me through email or social media (both at the footer). </p>
</div>
</div>
</div>
<div id="A_section_short">
<div id="short_display">
<p id="A_Quote">I'm an undergraduate student passionate about solving problems at the intersection of mathematics, business, and emerging technologies.</p>
<div style="margin: 0% 1%; ">
<img id="A_portrait" src="Images/Homepage/profile_pic.JPG" alt="To be Updated" style="background-position: center center; background-repeat: no-repeat; object-fit: cover;">
<div id=A_description>
<p id="A_text">Welcome to my website! I use this site mainly as a personal index and a quick reference of the topics I've studied in my undergraduate years at Duke. Naturally, I've extended it to include a brief overview of my skills and current projects for recruitment purposes, along with some of my hobbies & interests for those that are curious. </p>
<p id="A_text">I was born in Seoul but followed my family to California in 1st grade, staying there for 7 years before returning to Korea and graduating Korea International School in 2019. I go to Duke University and finished my first year there before the coronavirus hit, but I am currently taking a leave of absence to complete my military service in Korea. I plan to graduate Duke in 2025. </p>
<p id="A_text">Look around and feel free to ask my any questions or give me any feedback as you see fit! You can reach out to me through email or social media (both at the footer). </p>
</div>
</div>
</div>
</div>
<div class="space" > <canvas id="canvas2"></canvas></div>
<div id="B_section">
<p id="B_section_title" style="margin-bottom: 0px;">Personal Studies</p>
<p id="total_word_count" style="text-align: center; margin-top:0px; font-family: 'Open Sans', sans-serif; "></p>
<a href="STEM/home.html" style="color:black;">
<div class="B_column" style="background-image: linear-gradient(rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), url(CSS/Pictures/math_background.png); background-position: center; background-repeat: no-repeat; background-size: auto 100%;">
<div class="B_darken">
<p class="B_column_title">Math, Physics & CS</p>
<p class="B_column_text">Mathematics and physics is a pair of deeply intertwined subjects that are able to express many of the beautiful phenomena of nature. In here, I cover algebra, analysis, geometry, topology, number theory, and measure theory. These fields are essential, both in themselves and for the construction of physical theories and models. Furthermore, the vast majority of technological revolutions stem from computer science and statistics. It is of no doubt that the whole world has heard of machine learning (AI), quantum computing, and blockchain technology (cryptocurrency, NFTs), all of which I cover within this section. Starting from the absolute fundamentals of computer hardware, program lifecycle phases, and cryptography, we transition into the construction of more advanced algorithms whilst providing the relevant packages & libraries needed to effectively run these programs.
</p>
</div>
</div></a>
<a href="Business_Finance/home.html" style="color:black">
<div class="B_column" style="background-image: linear-gradient(rgba(255,255,255, 0.95), rgba(255,255,255, 0.95)), url(CSS/Pictures/finance_background.png); background-position: 60%;">
<div class="B_darken">
<p class="B_column_title">Business & Finance</p>
<p class="B_column_text">Knowledge in economics, business, and finance is essential not only for the awareness of macroeconomic trends and market movements, but also as a descision-making science. In this section I cover the basics of supply/demand and basic macroeconomic indicators, but quickly transition to explaining primary and secondary (stock, bond, commodity, derivative) markets, corporate structure (M&A, PE & VC, buyouts), financial statements (10-Ks). Qualitative and quantitative analysis of the world economy, both in the present and historically, are mentioned. </p>
</div>
</div></a>
<a href="Humanities/home.html" style="color:black">
<div class="B_column" style="background-image: linear-gradient(rgba(255,255,255, 0.95), rgba(255,255,255, 0.95)), url(CSS/Pictures/humanities_background.jpg); background-position: 50%;">
<div class="B_darken">
<p class="B_column_title">Humanities</p>
<p class="B_column_text">In contrast to the outward-looking systematic procedures commonly found in STEM, the humanities leans more towards the introspection of the self and the society we live in. Relevant fields include epistemology, philosophy, psychology, sociology, history, religion, and literature, which all contribute to answering the ultimate question of who we are. On a slightly less-grandiose scale, the humanities emphasizes the <i>how</i> and <i>why</i>, rather than the <i>what</i>; a natural consequence of this is an elevation of the humanities on a pedastal of artistic elegance, which I believe to be unjustified when observing similar beauties in mathematics. </p>
</div>
</div></a>
</div>
<div class="space" style="height: 50px;"></div>
<div id="B_section">
<p id="B_section_title" style="margin-bottom: 0px;">Projects</p>
<p id="total_word_count" style="text-align: center; margin-top:0px; font-family: 'Open Sans', sans-serif; "></p>
<a href="https://github.com/mbahng/ember" style="color:black;">
<div class="B_column" style="width: 20%; background-image: linear-gradient(rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), url(CSS/Pictures/ember.png); background-position: center; background-repeat: no-repeat; background-size: auto 100%;">
<div class="B_darken">
<p class="B_column_title">Ember</p>
<p class="B_column_text">A statistics and machine learning Python package with a pybinded autograd engine in C++ (essentially a mini-version of PyTorch). It supports construction and training of deep neural nets, classical ML algorithms, Monte Carlo sampling, and classical hypothesis testing/confidence intervals.
</p>
</div>
</div></a>
<a href="https://github.com/mbahng/aqua" style="color:black">
<div class="B_column" style="width: 20%; background-image: linear-gradient(rgba(255,255,255, 0.95), rgba(255,255,255, 0.95)), url(CSS/Pictures/aqua.png); background-position: 60%; background-size: auto 80%;">
<div class="B_darken">
<p class="B_column_title">Aqua</p>
<p class="B_column_text">A quantum computing package for visualizing trajectories on the Bloch sphere and simulating (classicaly of course) quantum algorithms.
</div>
</div></a>
<a href="https://github.com/mbahng/blade" style="color:black">
<div class="B_column" style="width: 20%; background-image: linear-gradient(rgba(255,255,255, 0.95), rgba(255,255,255, 0.95)), url(CSS/Pictures/blade.png); background-position: 50%;">
<div class="B_darken">
<p class="B_column_title">Blade</p>
<p class="B_column_text">A cryptography and blockchain analysis package.
</div>
</div></a>
<a href="" style="color:black">
<div class="B_column" style="width: 20%; background-image: linear-gradient(rgba(255,255,255, 0.95), rgba(255,255,255, 0.95)), url(CSS/Pictures/indigo.png); background-position: 60%;">
<div class="B_darken">
<p class="B_column_title">Indigo</p>
<p class="B_column_text">An options trading window and simulator.
</div>
</div></a>
</div>
<div class="space"></div>
<div id="C_section_wide">
<div id="C_text_column">
<div>
<p class="C_column_title">Experience & Exposure</p>
<ul class="C_column_text" style="margin-bottom: 0px;">
<li>Experience In<sup style="font-size:12px">1</sup>: Machine Learning Research, Math Competition, LaTeX, Teaching</li>
<li>Exposed To<sup style="font-size:12px">2</sup>: Data Science (Python, Julia), Front-End Web Development (HTML, CSS, JavaScript), Blockchain/Web3/Smart Contract Development (Solidity), 3D Modeling (OnShape)</li>
<li>Interests<sup style="font-size:12px">3</sup>: Theoretical Physics, Psychology, Literature, STEM Education</li>
</ul>
<p class="C_column_text" style="font-size: 11px; margin: 0px; padding: 0px; padding-left: 25px;"> <sup style="font-size:10px">1</sup> Working comfortably with on an (almost) daily basis. </p>
<p class="C_column_text" style="font-size: 11px; margin: 0px; padding: 0px; padding-left: 25px;"> <sup style="font-size:10px">2</sup> Had strong fundamental knowledge w/ project experience in the past. Easy to pick up again w/ review. </p>
<p class="C_column_text" style="font-size: 11px; margin: 0px; padding: 0px; padding-left: 25px; margin-bottom: 10px;"> <sup style="font-size:10px">3</sup> Basic knowledge from reading books & introductory textbooks. No technical experience. </p>
</div>
<div>
<p class="C_column_title">Currently Working On</p>
<ul class="C_column_text">
<li>Regularization of Deep Neural Networks</li>
<li>Efficient partitioning of particle accelerators</li>
<li>Adaptive Langevin sampling algorithms</li>
<li>Improving ORB-SLAM3 w/ CV</li>
<li>Startup app development</li>
</ul>
</div>
</div>
<img id="C_portrait" src="/Images/Homepage/work.JPG" alt="To be updated" style="background-position: center center; background-repeat: no-repeat; object-fit: cover;">
</div>
<div id="C_section_short">
<div id="C_text_column">
<div>
<p class="C_column_title">Skills & Background</p>
<ul class="C_column_text">
<li>Technical Skills: LaTeX, Data Science (Python, Julia), Software (HTML/CSS, JavaScript), 3D Modeling (OnShape)</li>
<li>Soft Skills: Problem Solving, Analytical Reasoning, Adaptability, Self-Learner, Communication</li>
<li>Experience: Math Competition (Putnam), Service Learning</li>
</ul>
</div>
<div id="C_right_column">
<img id="C_portrait" src="" alt="To be updated">
<div>
<p class="C_column_title">Currently Working On</p>
<ul class="C_column_text">
<li>Regularization of Deep Neural Networks</li>
<li>Efficient partitioning of particle accelerators</li>
<li>Adaptive Langevin sampling algorithms</li>
<li>Improving ORB-SLAM3 w/ CV</li>
<li>Startup app development</li>
</ul>
</div>
</div>
</div>
</div>
<div id="C_section_shorter">
<img id="C_portrait" src="/Images/Homepage/work.JPG" alt="To be updated" style="background-position: center center; background-repeat: no-repeat; object-fit: cover;">
<div id="C_text_column">
<div>
<p class="C_column_title">Experience & Exposure</p>
<ul class="C_column_text" style="margin-bottom: 0px;">
<li>Experience In<sup style="font-size:12px">1</sup>: Mathematics Research, Math Competition, LaTeX, Data Science, Teaching</li>
<li>Exposed To<sup style="font-size:12px">2</sup>: Front-End Web Development (HTML, CSS, JavaScript), Blockchain/Web3/Smart Contract Development (Solidity), 3D Modeling (OnShape)</li>
<li>Interests<sup style="font-size:12px">3</sup>: Theoretical Physics, Psychology, Literature, STEM Education</li>
</ul>
<p class="C_column_text" style="font-size: 11px; margin: 0px; padding: 0px; padding-left: 25px;"> <sup style="font-size:10px">1</sup> Working comfortably with on an (almost) daily basis. </p>
<p class="C_column_text" style="font-size: 11px; margin: 0px; padding: 0px; padding-left: 25px;"> <sup style="font-size:10px">2</sup> Had strong fundamental knowledge w/ project experience in the past. Easy to pick up again w/ review. </p>
<p class="C_column_text" style="font-size: 11px; margin: 0px; padding: 0px; padding-left: 25px; margin-bottom: 10px;"> <sup style="font-size:10px">3</sup> Basic knowledge from reading books & introductory textbooks. No technical experience. </p>
</div>
<div>
<p class="C_column_title">Currently Working On</p>
<ul class="C_column_text">
<li>Regularization of Deep Neural Networks</li>
<li>Efficient partitioning of particle accelerators</li>
<li>Adaptive Langevin sampling algorithms</li>
<li>Improving ORB-SLAM3 w/ CV</li>
<li>Startup app development</li>
</ul>
</div>
</div>
</div>
<div class="space"> </div>
<div id="D_section">
<p id="D_section_title">Readings & Watchings</p>
<a href="/Single_Page_Projects/Reading_Watching.html" style="color:black;">
<div id="watching_column" class="D_column">
<div class="D_column_plus_text">
<p class="D_column_title">Readings & Watchings</p>
<ul class="D_column_text">
<li>Archive of novels, short stories, & interesting articles I've read. </li>
<li>Archive of movies and shows I've watched. </li>
</ul>
</div>
</div></a>
<a href="Single_Page_Projects/Tutor/Exercises.html" style="color:black">
<div id="book_column" class="D_column">
<div class="D_column_plus_text">
<p class="D_column_title">High School Tutoring</p>
<ul class="D_column_text">
<li>Polynomial Algebra</li>
<li>Vector & Matrix Algebra</li>
<li>Derivation and Integration</li>
</ul>
</div>
</div></a>
<a href="https://opensea.io/collection/bbskulls" style="color:black">
<div id="media_column" class="D_column">
<div class="D_column_plus_text">
<p class="D_column_title">Other Media</p>
<ul class="D_column_text">
<li>NFT Collections</li>
<li>Personal Blockchain & Cryptocurrency</li>
</ul>
</div>
</div></a>
</div>
<div id="footer">
<a href="https://www.instagram.com/muchie_bang/" alt="instagram_logo"><img class="social_media_button" src="CSS/Pictures/instagram_logo.png" style="margin-right:20px"></img></a>
<a href="https://www.linkedin.com/in/muchangbahng/" alt="linkedin_logo"><img class="social_media_button" src="CSS/Pictures/linkedin_logo.png"></img></a>
<a href="https://github.com/mbahng" alt="github_logo"><img class="social_media_button" src="CSS/Pictures/github_logo.png"></img></a>
<p id="footer_text">[email protected] | © Muchang Bahng 2021 <img src="https://hitwebcounter.com/counter/counter.php?page=7974371&style=0007&nbdigits=6&type=page&initCount=0" title="Free Counter" Alt="web counter"/> </p>
</div>
<iframe id="myMathFrame" src="STEM/Math/home.html" style="display: none;"></iframe>
<iframe id="myCSFrame" src="STEM/Computer_Science/home.html" style="display: none;"></iframe>
<iframe id="myStatsFrame" src="STEM/Statistics/home.html" style="display: none;"></iframe>
<iframe id="myNatFrame" src="STEM/Natural_Sciences/home.html" style="display: none;"></iframe>
<iframe id="myFinanceFrame" src="Business_Finance/home.html" style="display: none;"></iframe>
<iframe id="myHistoryFrame" src="Humanities/History/home.html" style="display: none;"></iframe>
<script>
function getTotalPages(subject) {
document.getElementById(`my${subject}Frame`).onload = function() {
const frameDoc = this.contentDocument || this.contentWindow.document;
function check() {
const element = frameDoc.getElementById('total_page_count');
if (element) {
// console.log(`Found element ${subject}:`, element.textContent);
let page_count = element.textContent.match(/\S+$/)[0];
// Get the current count, removing any non-digit characters
let currentCount = Number(document.getElementById("total_word_count").textContent.replace(/\D/g, '')) || 0;
// Add the new page count
let newCount = currentCount + Number(page_count);
// Update the text content with "Page Count: " prefix
document.getElementById("total_word_count").textContent = `Page Count: ${newCount}`;
} else {
setTimeout(check, 100);
}
}
check();
};
}
getTotalPages("Math");
getTotalPages("CS");
getTotalPages("Stats");
getTotalPages("Nat");
getTotalPages("Finance");
getTotalPages("History");
</script>
</body>
</html>