-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
196 lines (193 loc) · 9.11 KB
/
about.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
<!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.0">
<title>About</title>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="stylesheet" href="/styles/main.css" />
<link rel="stylesheet" href="/styles/project.css" />
<link rel="stylesheet" href="/styles/about.css" />
<script src="https://code.iconify.design/2/2.0.3/iconify.min.js"></script>
<link href='//fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="/fouc-fix.js"></script>
</head>
<body>
<header>
<script src="/components/site-nav.js"></script>
<site-nav></site-nav>
</header>
<main>
<div class="container">
<h1>About</h1>
<div class="photo-row">
<p>
I grew up in the San Francisco Bay Area and started racing sailboats when
I was 9. In high school I started training with the US Sailing Olympic
Development Program, and by college I had won the national championships
and placed 10th in the world. I'm still training with the ODP but now my
discipline is kite foiling. Sailing has provided me with amazing experiences
and it continues to be a major part of who I am. I love the feeling of harnessing
the wind while maintaining control and the never ending challenge of improving my
racing performance. Striving for the optimal solution to all aspects of sailboat
racing parallels the challenges of computer science.
</p>
<img class="rounded-photo" src="/assets/images/kiting.jpg" alt="Neil Kitefoiling">
</div>
<div class="photo-row">
<p>
I started programming during my junior year of high school and
decided that Computer Science would be a valuable major to pursue in college.
While attending California State University Channel Islands, my interest
in programming grew significantly. I learned to engage in my studies as intensely
as I had engaged in sailing. Studying calculus, physics, linear algebra,
data structures, and machine learning, to name a few, opened up new ways for me to
understand the world. In the summers I applied my new knowledge to sailboat race analysis
when my coach asked for help automating his analysis workflow. The more I
learned the more I saw the power that software engineering has to help
humanity solve important problems.
</p>
<img class="rounded-photo" src="/assets/images/Graduation.JPG" alt="Neil Graduating CSUCI">
</div>
<h2>My Core Beliefs</h2>
<div class="beliefs-card">
<div class="belief">
<span class="iconify" data-icon="la:hand-peace-solid" data-width="40" data-height="40"></span>
<p>Well designed technology can make our lives simpler and happier.</p>
</div>
<div class="belief">
<span class="iconify" data-icon="fluent:brain-circuit-20-regular" data-width="40" data-height="40"></span>
<p>The ability to learn and adapt is more valuable than any skill.</p>
</div>
<div class="belief">
<span class="iconify" data-icon="bx:bx-happy" data-width="40" data-height="40"></span>
<p>Every person can become truly happy.</p>
</div>
<div class="belief">
<span class="iconify" data-icon="mdi:meditation" data-width="40" data-height="40"></span>
<p>An effective balance between, work, play, and family time creates a wonderful life.</p>
</div>
</div>
<h2>My Strongest Technologies</h2>
<p class="tech-description">
Python is my favorite programming language and the one I feel the most
capable with. It was the first language I learned and I have always loved
its simplicity and readability. I used it throughout college and I still
use it with Django on the back end at Racing Alpha.
</p>
<div class="tech-container">
<a class="tech-box hover-pop" href="https://www.python.org/">
<img src="/assets/images/Python.png" alt="Python" class="tech-photo">
<p>Python</p>
</a>
<a class="tech-box hover-pop" href="https://www.djangoproject.com/">
<img src="/assets/images/django.png" alt="Django" class="tech-photo">
<p>Django</p>
</a>
</div>
<p class="tech-description">
I'm very comfortable with Javascript, HTML, and CSS
since I have the most experience with front end web development.
Vue is a joy to use and I've found it to be straight forward and powerful
while using it at Racing Alpha.
</p>
<div class="tech-container">
<a class="tech-box hover-pop" href="https://www.javascript.com/">
<img src="/assets/images/Javascript.png" alt="Javascript" class="tech-photo">
<p>Javascript</p>
</a>
<a class="tech-box hover-pop" href="https://vuejs.org/">
<img src="/assets/images/Vue.png" alt="Vue" class="tech-photo">
<p>Vue</p>
</a>
<a class="tech-box hover-pop" href="https://vuex.vuejs.org/">
<img src="/assets/images/Vue.png" alt="Vuex" class="tech-photo">
<p>Vuex</p>
</a>
<a class="tech-box hover-pop" href="https://developer.mozilla.org/en-US/docs/Web/HTML">
<img src="/assets/images/HTML.png" alt="HTML" class="tech-photo">
<p>HTML</p>
</a>
<a class="tech-box hover-pop" href="https://developer.mozilla.org/en-US/docs/Web/CSS">
<img src="/assets/images/CSS.png" alt="CSS" class="tech-photo">
<p>CSS</p>
</a>
<a class="tech-box hover-pop" href="https://git-scm.com/">
<img src="/assets/images/git.png" alt="Git" class="tech-photo">
<p>Git</p>
</a>
</div>
<p class="tech-description">
I've made several apps with Swift and SwiftUI. I really enjoy the
language and the way SwiftUI allows me to create beautiful designs
quickly.
</p>
<div class="tech-container">
<a href="https://swift.org/" class="tech-box hover-pop">
<span class="iconify swift" data-icon="fa-brands:swift" data-width="80" data-height="80"></span>
<p>Swift</p>
</a>
<a href="https://developer.apple.com/xcode/swiftui/" class="tech-box hover-pop">
<span class="iconify swiftui" data-icon="fa-brands:swift" data-width="80" data-height="80"></span>
<p>SwiftUI</p>
</a>
</div>
<h2 class="other-tech">Other Technologies I Know</h2>
<p class="tech-description">
I have used all of these technologies in school or on projects.
I feel comfortable with them and prepared to use them for work,
although I don't have quite as much experience using them. I'm
eager to work with these more and learn all of their quirks and
features!
</p>
<div class="tech-container">
<a class="tech-box hover-pop" href="https://www.typescriptlang.org/">
<img src="/assets/images/Typescript.png" alt="Typescript" class="tech-photo">
<p>Typescript</p>
</a>
<a href="https://reactjs.org/" class="tech-box hover-pop">
<img src="/assets/images/React.png" alt="React" class="tech-photo">
<p>React</p>
</a>
<a href="https://redux.js.org/" class="tech-box hover-pop">
<img src="/assets/images/Redux.png" alt="Redux" class="tech-photo">
<p>Redux</p>
</a>
<a href="https://firebase.google.com/" class="tech-box hover-pop">
<img src="/assets/images/Firebase.png" alt="Firebase" class="tech-photo">
<p>Firebase</p>
</a>
<a href="https://en.wikipedia.org/wiki/C_(programming_language)" class="tech-box hover-pop">
<img src="/assets/images/C.png" alt="C" class="tech-photo">
<p>C</p>
</a>
<a href="https://www.java.com/" class="tech-box hover-pop">
<img src="/assets/images/Java.png" alt="Java" class="tech-photo">
<p>Java</p>
</a>
<a class="tech-box hover-pop" href="https://www.mysql.com/">
<img src="/assets/images/MySQL.png" alt="MySQL" class="tech-photo">
<p>MySQL</p>
</a>
<a class="tech-box hover-pop" href="https://www.typescriptlang.org/">
<img src="/assets/images/angular.png" alt="Angular" class="tech-photo">
<p>Angular</p>
</a>
<a class="tech-box hover-pop" href="https://nodejs.org/">
<img src="/assets/images/Node.png" alt="Node JS" class="tech-photo">
<p>Node JS</p>
</a>
</div>
</div>
</main>
<footer>
<p class="copyright">
© 2021 Neil Marcellini
</p>
</footer>
</body>
</html>