-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-learning.html
215 lines (214 loc) · 8.5 KB
/
about-learning.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
<!doctype html>
<html>
<head>
<title>Noah - Learning</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Noah's Learning | Independent Projects • Programming • Finance • Automotive • Woodworking"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="./images/icons/favicon_50_w.webp" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<div id="headers"></div>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css"
media="all"
rel="stylesheet"
type="text/css"
lazyload
/>
<!-- Main -->
<div id="main">
<div class="inner subpage">
<h2 class="align-center subpage">Learning</h2>
<div class="row reverse_on_desktop">
<div class="half_image_column">
<img
srcset="
./images/about/learning/coding_400_w.webp 400w,
./images/about/learning/coding_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/learning/coding.jpg"
alt="Coding"
/>
</div>
<div class="half_text_column">
<h3>Programming</h3>
<p>
Although I've been programming since I was 12, I didn't really
understand how it could be applied to real world projects.
Seeing how programming can connect with data across disciplines
in my first few internships drove me to better understand the
advanced applications of programming and data analytics. This
has led to the pursuit of numerous personal coding projects from
a music composer to text miner to finance portfolio tracker. To
learn more about my programming projects, check out my
<a href="https://github.com/noahbaculi/" target="_blank"
>Github!</a
>
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row">
<div class="half_image_column">
<img
srcset="
./images/about/learning/finance_400_w.webp 400w,
./images/about/learning/finance_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/learning/finance.jpg"
alt="Finance"
/>
</div>
<div class="half_text_column">
<h3>Finance</h3>
<p>
So many personal and business decisions are driven or limited by
financial resources. I started working for a few dollars here or
there as an adolescent, doing chores and yard work for
neighbors. This income in conjunction with my scientific
coursework and attitude sparked a fascination with personal
finance. As I contributed to professional companies, my interest
expanded to corporate finance as well. I enjoy combining my
mathematical mindset with my data analytics experience to learn
about the applications of financial instruments in individual
and business situations.
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row reverse_on_desktop">
<div class="half_image_column">
<img
srcset="
./images/about/learning/automotive_400_w.webp 400w,
./images/about/learning/automotive_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/learning/automotive.jpg"
alt="Automotive"
/>
</div>
<div class="half_text_column">
<h3>Automotive</h3>
<p>
Doing automotive work has been a productive and cost-saving
hobby as well as a terrific mechanical outlet. From replacing
drum brakes to repairing rust spots to adding sound-deadening, I
love learning new skills and applying them to improve my quality
of life. Learning about automotive mechanisms and practices has
given me a glimpse into the inner workings of the machines serve
as transportation for so many around the world.
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row">
<h3>Woodworking</h3>
<p>
Woodworking has been a hobby of mine since high school. Being able
to model and construct a physical object allows me to apply and
extend my experience with physical engineering and user-centered
design. Most of my projects have been functional, such as a
backyard bench, or vent filter and I thoroughly enjoy being able
to make something that improves an aspect of someone's life.
</p>
</div>
<div class="image_gallery">
<div class="half_column">
<img
srcset="
./images/about/learning/woodworking_bench_400_w.webp 400w,
./images/about/learning/woodworking_bench_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/learning/woodworking_bench.JPG"
alt="Woodworking Bench"
/>
<img
srcset="
./images/about/learning/woodworking_miter_saw_400_w.webp 400w,
./images/about/learning/woodworking_miter_saw_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/learning/woodworking_miter_saw.JPG"
alt="Woodworking Miter Saw"
/>
</div>
<div class="half_column">
<img
srcset="
./images/about/learning/woodworking_vent_cover_400_w.webp 400w,
./images/about/learning/woodworking_vent_cover_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/learning/woodworking_vent_cover.jpg"
alt="Woodworking Vent Cover"
/>
<img
srcset="
./images/about/learning/woodworking_bat_holder_400_w.webp 400w,
./images/about/learning/woodworking_bat_holder_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/learning/woodworking_bat_holder.jpg"
alt="Woodworking Bat Holder"
/>
</div>
</div>
</div>
<br />
<div class="row">
<a href="#top" style="margin-left: 90vw">
<img
srcset="
./images/icons/icon_scroll_up_25_w.webp 25w,
./images/icons/icon_scroll_up_50_w.webp 1000w
"
sizes="1.5em"
loading="lazy"
decoding="async"
src="./images/icons/icon_scroll_up.png"
class="scroll_icon"
alt="Scroll Up"
style="position: inherit"
/>
</a>
</div>
</div>
<!-- Footer -->
<footer id="footer"></footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.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>