-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (200 loc) · 9.49 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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!doctype html lang="en">
<head>
<meta charset="utf-8">
<title>Phil Carter</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body class="linen">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">phillyc</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="/posts/">
<i class="fas fa-pen"></i>
Posts
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/phillyc/phillyc.github.io">
<i class="fas fa-code-branch"></i>
Source
</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="jumbotron jumbotron-fluid intro">
<div class="container">
<h1 class="display-4">Hi!</h1>
<h1 class="display-4">I'm Phil Carter</h1>
<p class="lead">I've spent over a decade professionally building web application software to help people solve
real problems.</p>
<hr class="my-4">
<p>I'm currently looking for work:</p>
<p><a class="btn btn-lg sunday-morning" href="https://www.linkedin.com/in/philip-carter-77982853/"
role="button">check out my LinkedIn profile!</a></p>
</p>
</div>
</div>
<div class="container-fluid">
<h2>Latest Work</h2>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h5 class="card-title">River Map - plotting water gauges</h5>
<h6 class="card-subtitle mb-2 text-muted">Mapbox JS and CSS frameworks.</h6>
<a href="/rivermap/index.html">
<img class="card-img" src="/static/img/rivermap.png" alt="A screenshot of my Mapbox demo.">
</a>
<p class="card-text">Basic demo of plotting points on a Mapbox map. Using Mapbox GL JS, Skeleton CSS framework, and FontAwesome.</p>
<div class="row">
<div class="col-sm">
<a href="/rivermap/index.html" class="card-link"><i class="far fa-grin-beam-sweat"></i> Try it!</a>
</div>
<div class="col-sm">
<a href="https://github.com/phillyc/rivermap" class="card-link"><i class="fas fa-code-branch"></i> Github source</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card"">
<div class="card-body">
<h5 class="card-title">Today - a todo app</h5>
<h6 class="card-subtitle mb-2 text-muted">Python, Django, and Heroku.</h6>
<img class=" card-img-top" src="/static/img/today.png" alt="A screenshot of the readme.">
<p class="card-text">Building my own todo app, because "free" means I'd have to give up data or features.
</p>
<!-- <a href="#" class="card-link"><i class="far fa-grin-beam-sweat"></i> Try it!</a> -->
<a href="https://github.com/phillyc/today" class="card-link"><i class="fas fa-code-branch"></i> Github source</a>
</div>
</div>
</div>
</div> <!-- Latest work row -->
</div> <!-- Latest work container -->
<div class="container-fluid top-10">
<h2>Skills</h2>
<div class="row">
<div class="col-sm-4">
<ul class="list-group">
<li class="list-group-item sunday-morning">
<h5>Front-end</h5>
</li>
<li class="list-group-item">HTML5</li>
<li class="list-group-item">CSS</li>
<li class="list-group-item">Javascript</li>
<li class="list-group-item">jQuery</li>
<li class="list-group-item">Bootstrap ;)</li>
</ul>
</div>
<div class="col-sm-4">
<ul class="list-group">
<li class="list-group-item sunday-morning">
<h5>Back-end</h5>
</li>
<li class="list-group-item">Python</li>
<li class="list-group-item">Django</li>
<li class="list-group-item">SQL</li>
<li class="list-group-item">MySQL & PostgreSQL</li>
<li class="list-group-item">Sentry</li>
</ul>
</div>
<div class="col-sm-4">
<ul class="list-group">
<li class="list-group-item sunday-morning">
<h5>Dev-end</h5>
</li>
<li class="list-group-item">Git</li>
<li class="list-group-item">GitHub & GitLab</li>
<li class="list-group-item">JIRA</li>
<li class="list-group-item">Kanban (Trello)</li>
<li class="list-group-item">Agile & Scrum</li>
</ul>
</div>
</div> <!-- Skills row -->
</div> <!-- Skills container -->
<div class="container-fluid top-10">
<h2>About me</h2>
<div class="row">
<div class="col-sm-6">
<img src="static/img/my_office.gif" alt="My current office setup.">
</div>
<div class="col-sm-6">
<p class="lead">Ever since I built my first PC with my brother at 13,
I've been in love with computers and technology.</p>
<p>I've spent the majority of my professional career working with technology.
My role in the Air Force put me in daily contact with high tech troubleshooting, planning,
and mission execution.</p>
<p>Post Air Force, I returned to Florida to finish my college education. I chose to specialize in
Web Design, where I was able to leverage my technical skills gained from my time in the Air Force.</p>
<p>Before graduating, I took on jobs in PHP, HTML, CSS, and Javascript. After graduating, I landed
a full time gig as a Javascript and Ruby on Rails engineer.</p>
<p>In the last 6 years, I've been a full stack Python engineer. I just love Python for its ease
of use and versatility. Seriously, what *can't* Python do?</p>
<p>I’m always interested in new technology, and learning new skills is one of my favorite pastimes.
I’m even working on my Private Pilot’s License!</p>
</div>
</div>
</div>
<div class="container-fluid top-10">
<h2>Why work with me?</h2>
<div class="row">
<div class="col-sm-4">
<p class="lead"><i class="fas fa-heartbeat"></i> Empathy</p>
<p>I've worked with a huge range of people, so I always put myself in the user's shoes first. I love creating
solutions that work for many different cultures.
</p>
</div>
<div class="col-sm-4">
<p class="lead"><i class="fas fa-lightbulb"></i> Creativity</p>
<p>The most obvious solutions aren't always the right solutions. I enjoy working with stakeholders to
engineer the best possible software for their complicated needs.
</p>
</div>
<div class="col-sm-4">
<p class="lead"><i class="fas fa-burn"></i> Grit</p>
<p>My father taught me the value of hard work. I don't give up easily and will not rest until I have
a working solution. I may curse from time to time, but I'll get the job done. :D
</p>
</div>
</div>
</div>
<div class="container-fluid top-10">
<h2>Interested in working together?</h2>
<div class="row">
<p class="mx-auto">
<a class="btn btn-lg ron-burgundy white-text" href="mailto:philiplicarter@gmail.com" role="button"><i
class="far fa-envelope"></i> Send an Email</a>
</p>
<p class="mx-auto">
<a class="btn btn-lg sunday-morning" href="https://www.linkedin.com/in/philip-carter-77982853/" role="button"><i
class="fab fa-linkedin-in"></i> Connect on LinkedIn</a>
</p>
<p class="mx-auto">
<a class="btn btn-lg barely-blue white-text" href="https://github.com/phillyc" role="button"><i
class="fab fa-github"></i> Follow on GitHub</a>
</p>
</div>
</div>
</div>
<script src="/static/js/script.js"></script>
</body>
</html>