-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
168 lines (158 loc) · 7.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nathan Milot</title>
<meta name="description" content="A sample landing page - free for all to use.">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=yes">
<link href="css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="js/script.js"></script>
<link rel="icon" type="image/png" href="/images/icon.png" />
</head>
<body>
<button class="link-box" onclick="topFunction()" id="topBtn" title="Go to top">Top</button>
<button class="link-box" onclick="showMenuFunction()" id="menuBtn" title="Open the menu">Menu</button>
<section id="menu">
<div class="contained" style="color: white; ">
<a class="link-box" href="https://nathanmilot.github.io">Home</a>
<p style="text-align: center;">Sections</p>
<a class="link-box" href="#about">About Me</a>
<a class="link-box" href="#projects">Projects</a>
<a class="link-box" href="#experience">Experience</a>
<a class="link-box" href="#resume">Resume</a>
<a class="link-box" href="#contact">Contact Me</a>
</div>
</section>
<section class="bgcol2">
<div class="contained">
</div>
</section>
<section id="about" class="bgcol1 border-top border-bottom">
<div class="contained hero">
<h2 class="fw-light fc-b">My name is</h2>
<h1 class="fw-semi-heavy fc-w">Nathan Milot</h1>
<h2 class="fw-light fc-b" style="font-size: 20pt;">
I am a Computer Science Student and TA at the University of Utah</br>and a two time intern at Google<br>
</h2>
</div>
</section>
<section class="bgcol2 border-bottom">
<div class="contained">
<h3 class="fc-w">About me:</h3>
<p class="fc-w">
My journey to computer science has been a unique one.
I started programming without really knowing that I was, on my TI-84 calculator in middle school because I was bored.
I did not think of programming as a possible career until much later.
I was working as an accountant’s assistant and taught myself VBA to automate most of my work.
I learned so much from that experience, like how to learn code on my own, and that I hated accounting but loved programming.
I went on to take an intro Java class at school and knew computer science was what I wanted to do.
I have tried to learn as much as I could from my programming classes in school, and to apply the things I learned to personal projects.
I have also tried to gain exposure to the field by attending every tech talk and computer science related event that I could.
These things have taught me a lot, and shown me that I still have a lot to learn.
</p>
<p class="fc-w">
I have spent a lot of time trying to figure out what I want to do with my life.
In high school I was passionate about theater, singing, art, and at the same time, calculus and physics.
When I started college I decided to study mechanical engineering so I could build and create.
After a year of that I switched to machining so I could work with my hands.
I then took two years off and traveled to a small island about 500 miles from Madagascar, called La Réunion.
There I learned to speak French and Réunionais Créole while I served and interacted with the people.
When I returned home, I still felt directionless.
I wanted to continue to help and interact with people so I planned to go into psychology.
I then changed my mind and went into accounting for a time which led me to computer science.
So here I am. I’ve been to the other side of the world, climbed a volcano, interned twice at Google, sang in front of large audiences, hiked a few hundred miles on the Appalachian trail, learned some languages, and fell in love.
Life has been pretty good.
<br>
</p>
</div>
</section>
<section id="projects" class="bgcol4 border-bottom" style="background-color:#CC0000;">
<div class="contained">
<h3 class="fc-b">Pesonal Projects:</h3>
<ul>
<a class="project" target="_blank" href="https://github.com/queryapp/query-app" style="color: black">
<li class="text-center fc-b">
<div class="trusted" >
<img src="images/query_logo.svg" align="center" width="150" height="150"><br>
Query<br>
<p style="font-size: large;">A web app that bridges the gap between presenters and their audience by allowing users to post and vote on questions in real time, giving the presenter instant feedback and the best questions to answer.</p>
<p style="font-size: large; color: black;">Check out a demo at <a style="color: red;" href="http://www.queryme.io" target="_blank">queryme.io</a></p>
</div>
</li>
</a>
<a class="project" target="_blank" href="https://github.com/nathanmilot/PasswordEncryptor">
<li class="text-center fc-b">
<div class="trusted" >
<br>
Password Encrypter<br>
<p style="font-size: large;">A user friendly C# application that provides a variety of encryption protocols for personal password encryption.</p>
</div>
</li>
</a>
<a class="project" target="_blank" href="https://github.com/nathanmilot/Raffle">
<li class="text-center fc-b">
<div class="trusted" >
<br>
Raffle Application<br>
<p style="font-size: large;">An intuitive C# application for picking winners of a raffle.<br>Supports a variety of file formats (.csv, .tsv, and .txt) and raffle styles.</p>
</div>
</li>
</a>
</ul>
</div>
</section>
<section id="experience" class="bgcol4 border-bottom">
<div class="contained">
<h3 class="fc-b">Experience:</h3>
<ul>
<li class="text-center fc-b">
<div class="trusted">
<img src="images/google-logo.png" align="center" width="150" height="150"><br>
Google Software Engineer Intern<br>
<p style="font-size:large;">Improved the way some elements are rendered in Google Search and built an auto refactoring tool to help with migration to the new rendering path.</p>
May - Aug. 2018<br>
</div>
</li>
<br>
<li class="text-center fc-b">
<div class="trusted">
<img src="images/google-logo.png" align="center" width="150" height="150"><br>
Google Engineering Practicum Intern<br>
<p style="font-size:large;">Developed an internal email notification and unsubscription system that is currently used in production.</p>
May - Aug. 2017<br>
</div>
</li>
<br>
</ul>
</div>
</section>
<section id="resume" class="bgcol2 border-bottom">
<div class="contained">
<h3 class="fc-w">Resume:</h3>
<iframe class="resume_frame" src="https://drive.google.com/viewerng/viewer?url=nathanmilot.com/images/Resume - Nathan Milot.pdf?pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="100%"></iframe>
<br>
</div>
</section>
<section id="contact" class="bgcol1 border-bottom">
<div class="contained text-center fc-w">
<h2>Contact Me:</h2><br>
<a target="_blank" href="mailto:[email protected]">
<img class="contact-logo" src="images/mail_logo.svg">
</a>
<a target="_blank" href="https://www.linkedin.com/in/nathanmilot">
<img class="contact-logo" src="images/linkedin_logo.svg">
</a>
<a target="_blank" href="https://github.com/nathanmilot">
<img class="contact-logo" src="images/github_logo.svg">
</a>
<br>
</div>
</section>
<section class="bgcol2">
<div class="contained">
</div>
</section>
</body>
</html>