-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·198 lines (170 loc) · 11.1 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicons -->
<link rel="apple-touch-icon" href="images/favicon/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="images/favicon/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="images/favicon/manifest.json">
<link rel="icon" href="images/favicon/favicon.ico">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Custom styles for this page -->
<link href="style.css" rel="stylesheet">
<title>Neil Ricci</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105987818-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-105987818-5');
</script>
</head>
<body>
<div class="container">
<div class="jumbotron text-center">
<h1 class="display-3">Hello, my name is Neil!</h1>
<p class="lead">I am a software developer currently living in the beautiful Bay Area of California interested in creating beautiful applications that help people live a more fruitful life.</p>
<hr class="my-4">
<p>Explore what's been on mind by reading a recent blog post or let's get in touch about a future opportunities!</p>
<div class="btn-group" role="group">
<a class="btn btn-primary btn-lg" href="https://neilricci.github.io/blog" role="button">another web development blog</a>
<a class="btn btn-primary btn-lg" href="#connect" role="button">my contact information</a>
</div>
</div>
<div class="pb-3 pb-md-4 text-center">
<h1 class="display-4">Projects</h1>
</div>
<div class="card-columns mb-5 mb-md-6">
<a target="_blank" href="https://iccir919.github.io/bay-wheels-2020-data-analysis/public/index.html" class="card">
<img src="images/projects/bayWheels2020.png" class="card-img-top" alt="screenshot of the Bay Wheels 2020 System Data Analysis">
<div class="card-body">
<h5 class="card-title">Bay Wheels 2020 Data Analysis</h5>
<p class="card-text">COVID-19 has disrupted the life and operation of many people and businesses in general. See how this year broke down in terms of the Bay Wheels bike share system of the Bay Area.</p>
</div>
</a>
<a target="_blank" href="https://iccir919.github.io/fcc-responsive-web-design-projects/tribute-page/" class="card">
<img src="images/projects/johnMuirTributePage.jpg" class="card-img-top" alt="screenshot of John Muir tribute page">
<div class="card-body">
<h5 class="card-title">Tribute page</h5>
<p class="card-text">John Muir was an essential part in the creation of the United States national park system. This is a page dedicated to him.</p>
</div>
</a>
<a target="_blank" href="https://iccir919.github.io/fcc-responsive-web-design-projects/product-landing-page/" class="card">
<img src="images/projects/landingPage.jpg" class="card-img-top" alt="screenshot of the Lacuna Inc. landing page">
<div class="card-body">
<h5 class="card-title">Business landing page</h5>
<p class="card-text">Lacuna Inc. is a fictional company from the movie Eternal Sunshine of the Spotless Mind. Their product, memory erasure, interests me and this is a fan made page that goes into greater detail about the process and the background of the business.</p>
</div>
</a>
<div class="card p-3 text-right">
<blockquote class="blockquote mb-0">
<p>It's kind of fun to do the impossible.</p>
<footer class="blockquote-footer">
<small class="text-muted">
<cite title="author">Walt Disney</cite>
</small>
</footer>
</blockquote>
</div>
<a target="_blank" href="https://iccir919.github.io/random-quote-machine/" class="card">
<img src="images/projects/randomQuoteMachine.jpg" class="card-img-top" alt="screenshot of random quote machine">
<div class="card-body">
<h5 class="card-title">Random quote machine</h5>
<p class="card-text">One of the "Top 100 Movie Quotes of All Time" (source: the American Film Institute) is displayed in between movie poster lights. Find a quote you like? Click the "Tweet This" button to share with your followers!</p>
</div>
</a>
<a target="_blank" href="https://iccir919.github.io/reduxify" class="card">
<img src="images/projects/reduxify.jpg" class="card-img-top" alt="screenshot of Reduxify">
<div class="card-body">
<h5 class="card-title">Reduxify</h5>
<p class="card-text">All Spotify users love that email that comes at the end of the year that lists our favorite songs and artists. Reduxify provides the same information immediately. Now we no longer have to wait until the new year!</p>
</div>
</a>
<a target="_blank" href="https://iccir919.github.io/ford-gobike-2019-data-analysis/public/index.html" class="card">
<img src="images/projects/fordGoBike2019Analysis.jpg" class="card-img-top" alt="screenshot of the Ford GoBike 2019 Data Analysis">
<div class="card-body">
<h5 class="card-title">Ford GoBike 2019 Data Analysis</h5>
<p class="card-text">Before being renamed Bay Wheels, the San Francisco bike share system was called Ford GoBike. Interesting observations about the system's useage were found by looking at the 2019 trip information. Specific factors of each trip which were provided include of the time/day, start/end locations, and sometimes the gener/age of a rider.</p>
</div>
</a>
<a target="_blank" href="https://iccir919.github.io/pomodoro-clock/" class="card">
<img src="images/projects/pomodoroClock.jpg" class="card-img-top" alt="screenshot of Pomodoro Clock">
<div class="card-body">
<h5 class="card-title">Pomodoro Clock</h5>
<p class="card-text">Your day should not be all work and no play. With this time management tool, adjust the break and work session lengths, and start the clock! At the end of each session, a bell will ring to remind you to switch to the other.</p>
</div>
</a>
<a target="_blank" href="https://iccir919.github.io/pulseWatch/public/index.html" class="card">
<img src="images/projects/pulseWatch.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Pulse Watch</h5>
<p class="card-text">With over 200 users per month, this is my most popular application that I have made so far! With Pulse Watch Fitbit users can easily choose to visualize their heart rate data and also download it into a .csv file.</p>
</div>
</a>
<a target="_blank" href="https://iccir919.github.io/fcc-responsive-web-design-projects/technical-documentation-page/" class="card">
<img src="images/projects/documentationPage.jpg" class="card-img-top" alt="screenshot of documentation page example">
<div class="card-body">
<h5 class="card-title">Documentation Page</h5>
<p class="card-text">ES6, or ECMAScript 2015, provides a lot of new features to the JavaScript programming language. This example of a documentation page explains all of the new hotness that came with ES6. Each topic includes a descriptions of the feature and helpful examples.</p>
</div>
</a>
<div class="card p-3 text-right">
<blockquote class="blockquote mb-0">
<p>All our dreams can come true, if we have the courage to pursue them.</p>
<footer class="blockquote-footer">
<small class="text-muted">
<cite title="author">Walt Disney</cite>
</small>
</footer>
</blockquote>
</div>
<a target="_blank" href="https://iccir919.github.io/markdown-previewer/" class="card">
<img src="images/projects/markdownPreviewer.jpg" class="card-img-top" alt="screenshot of Markdown Previewer">
<div class="card-body">
<h5 class="card-title">Markdown Previewer</h5>
<p class="card-text">Have you ever been writing a README file for a project on Github and find yourself flipping between the file editor and the previewer? Well, with Markdown Previewer you can view both at the same time!</p>
</div>
</a>
</div>
<div class="pt-5 pt-md-6 text-center">
<h1 id="connect" class="display-4">Let's Connect</h1>
</div>
<form class="m-5 m-md-6"
action="https://formspree.io/f/[email protected]"
method="POST"
>
<div class="form-group">
<label for="emailInput">Your email address</label>
<input type="text" name="_replyto" class="form-control" id="emailInput" aria-describedby="emailHelp" required>
<small id="emailHelp" class="form-text text-muted">I'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="messageTextArea">Your message</label>
<textarea name="message" class="form-control" id="messageTextArea" rows="5" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<nav class="navbar bottom my-5 my-md-6 d-flex justify-content-around">
<a href="https://twitter.com/realNeilVR" target="_blank">
<img class="social-icon m-2" src="images/social_icons/Twitter.png">
</a>
<a href="https://www.linkedin.com/in/neil-ricci/" target="_blank">
<img class="social-icon m-2" src="images/social_icons/LinkedIn.png">
</a>
<a href="https://github.com/iccir919" target="_blank">
<img class="social-icon m-2" src="images/social_icons/Github.png">
</a>
</nav>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>