-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (187 loc) · 10.5 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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Michael DiGiovanni | Software Developer</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="/favicon.ico" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#technologies">Technologies</a></li>
<li><a href="#resume">Résumé</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Michael DiGiovanni</h1>
<p>Software Engineer</p>
<ul class="actions">
<li><a href="#about" class="button scrolly">About Me</a></li>
<li><a href="/assets/DiGiovanni_Michael_Resume.pdf" target="_blank" rel="noreferrer" class="button">Résumé</a></li>
<li><a href="#contact" class="button scrolly">Contact Me</a></li>
</ul>
</div>
</section>
<!-- About -->
<section id="about" class="wrapper style2 spotlights">
<section>
<div class="image"><img src="images/midigi_profile.JPG" alt="Michael DiGiovanni"/></div>
<div class="content">
<div class="inner">
<h2>About Me</h2>
<p>Hi! My name is Michael and I'm a full-stack software engineer. I find delight in perfectly visualizing data so that anyone can understand a complex problem and furthermore, exploring how humans interact with technology. I love reading articles on machine learning and artifical intelligence.</p>
<p>I enjoy building efficiencies in systems. I've automated numerous reports and also scraped public data to analyze market trends. As I've progressed in my career I've found the most enjoyment in the technical side of work so I decided to hone my skills during this pandemic. I have just completed a 6 month coding bootcamp through App Academy where I refined my technical skills in JavaScript, Python, React / Redux, PostgreSQL, and <a href="#technologies" class="scrolly">other tools</a>.</p>
<p>I'm a passion driven individual and I love volunteering, gaming, cheese & wine tastings, ultimate frisbee, and game nights with friends. Fun fact 1: I've modeled both data and apparel in my career. Fun Fact 2: I've peaked at #6 in North America in Hearthstone (an online card game). Fun Fact 3: I graduated high school with 89 college credits with a focus in mathematics. </p>
<ul class="actions">
<li><a href="#projects" class="scrolly arrow">scroll <i class="fas fa-angle-double-down"></i></a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Projects -->
<section id="projects" class="wrapper style4 fade-up">
<div class="inner">
<h2>Projects</h2>
<p>Check out these full-stack projects that I've worked on!</p>
<div class="features">
<section>
<span ><a href="https://job-quest-app.herokuapp.com/"target="_blank" rel="noreferrer"><img class="icon solid major" src="images/job_quest.png" alt="job_quest icon"></a></span>
<h3>job_quest</h3>
<p>job_quest is an original game where user's navigate university life collecting items and attempting to graduate.</p>
<!-- <div class="project-img"><img src="images/soundpost_home.png" alt="soundpost homepage"/></div> -->
<div class="project-links"><a href="https://github.com/midigi/job_quest"target="_blank" rel="noreferrer">github repo</a> | <a href="https://job-quest-app.herokuapp.com/"target="_blank" rel="noreferrer">live site</a></div>
</section>
<section>
<span ><a href="https://asauna-react.herokuapp.com/"target="_blank" rel="noreferrer"><img class="icon solid major" src="images/a_sauna.png" alt="a sauna icon"></a></span>
<h3>a_sauna</h3>
<p>An Asana clone, but with relaxing sauna twist. a_sauna is a project management platform that makes scheduling easy.</p>
<!-- <div class="project-img"><img src="images/musiconimbus_home.png" alt="musiconimbus homepage"/></div> -->
<div class="project-links"><a href="https://github.com/midigi/a_sauna"target="_blank" rel="noreferrer">github repo</a> | <a href="https://asauna-react.herokuapp.com/"target="_blank" rel="noreferrer">live site</a></div>
</section>
<section>
<span ><a href="https://goodbuilds1.herokuapp.com/"target="_blank" rel="noreferrer"><img class="icon solid major" src="images/good_builds.png" alt="good builds icon"></a></span>
<h3>good_builds</h3>
<p>A clone of GoodRead but for furntiure instead of books.</p>
<!-- <div class="project-img"><img src="images/aurora.png" alt="aurora homepage"/></div> -->
<div class="project-links"><a href="https://github.com/andrewscohen/2020-Oct-GoodBuilds"target="_blank" rel="noreferrer">github repo</a> | <a href="https://goodbuilds1.herokuapp.com/"target="_blank" rel="noreferrer">live site</a></div>
</section>
<section>
<h3>Coming Soon!</h3>
<p>Additional Project Coming Soon!</p>
</section>
</div>
<ul class="actions">
<li><a href="#technologies" class="scrolly arrow">scroll <i class="fas fa-angle-double-down"></i></a></li>
</ul>
</div>
</section>
<!-- Technologies -->
<section id="technologies" class="wrapper style1 fade-up">
<div class="inner">
<h2>Technologies</h2>
<p>I have worked with:</p>
<ul class="tech-list">
<li class="tech-list--item"><div><span class="icon brands fa-js-square fa-3x"></span>JavaScript</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-python fa-3x"></span>Python</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-react fa-3x"></span>React</div></li>
<li class="tech-list--item"><div><img src="images/redux.svg"></span>Redux</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-html5 fa-3x"></span>HTML 5</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-css3-alt fa-3x"></span>CSS 3</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-node-js fa-3x"></span>nodeJS</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-npm fa-3x"></span>npm</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-git fa-3x"></span>git</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-github fa-3x"></span>GitHub</div></li>
<li class="tech-list--item"><div><img src="images/postgresql-inc.svg">PostgreSQL</div></li>
<li class="tech-list--item"><div><img src="images/sequelize.svg">Sequelize</div></li>
<li class="tech-list--item"><div><img src="images/sqla.svg">SQLAlchemy</div></li>
<li class="tech-list--item"><div><img src="images/express-js.svg">Express</div></li>
<li class="tech-list--item"><div><img src="images/flask.svg">Flask</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-aws fa-3x"></span>AWS S3</div></li>
<li class="tech-list--item"><div><img src="images/heroku.svg">Heroku</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-docker fa-3x"></span>Docker</div></li>
<li class="tech-list--item"><div><span class="icon brands fa-google fa-3x"></span>Google Maps API</div></li>
</ul>
<ul class="actions">
<li><a href="#resume" class="scrolly arrow">Scroll <i class="fas fa-angle-double-down"></i></a></li>
</ul>
</div>
</section>
<!-- Resume -->
<section id="resume" class="wrapper style3 fade-up">
<div class="inner">
<h2>Résumé</h2>
<p>Click the button to view a PDF of my résumé.</p>
<ul class="actions">
<li><a href="/assets/DiGiovanni_Michael_Resume.pdf" target="_blank" rel="noreferrer" class="button">Résumé</a></li>
<!-- <li><a href="#contact" class="scrolly arrow"><i class="fas fa-angle-double-down"></i></a></li> -->
</ul>
</div>
</section>
<!-- Contact -->
<section id="contact" class="wrapper style2 fade-up">
<div class="inner">
<h2>Get In Touch</h2>
<p>If you have any questions about me or my projects, I would love to hear from you!</p>
<section>
<ul class="contact">
<li>
<h3>Email</h3>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<h3>Phone</h3>
<span><a href="tel:3137198074">313.719.8074</a></span>
</li>
<li>
<h3>Social</h3>
<ul class="icons">
<li><a href="https://github.com/midigi" target="_blank" rel="noreferrer" class="icon brands fa-github fa-2x"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/michael-digiovanni-292ab464/" target="_blank" rel="noreferrer" class="icon brands fa-linkedin-in fa-2x"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© 2021 Michael DiGiovanni. All rights reserved.</li><li>Design: <a href="http://html5up.net" target="_blank" rel="noreferrer">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>