-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (144 loc) · 5.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" charset="utf-8" content="width=device-width, initial-scale=1.0">
<title>Jeff Dye</title>
<meta name="description" content="Jeff Dye's personal portfolio site.">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script src="https://kit.fontawesome.com/aa8008e70c.js" crossorigin="anonymous"></script>
<!-- feel free to adblock this :) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-84TPKM41PX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-84TPKM41PX');
</script>
</head>
<body>
<div class="header">
<div></div>
<div class="contact">
<img src="./assets/headshot.jpeg" class="headshot" style="max-width: 260px; width: 80%" />
<h1>Jeff Dye</h1>
<div class="header-links">
<a href="https://github.com/jeffbdye" target="_blank">
<i class="fab fa-github fa-lg"></i>
</a>
<a href="https://www.linkedin.com/in/jeffbdye/" target="_blank">
<i class="fab fa-linkedin fa-lg"></i>
</a>
</div>
</div>
<svg class="flow" xmlns="http://www.w3.org/2000/svg">
<path class="stroke" stroke="#00a0e6" stroke-width="75" d="m375,-100 l500,500"></path>
<path class="stroke" stroke="#007fc4" stroke-width="75" d="m275,-100 l500,500"></path>
<path class="stroke" stroke="#002d42" stroke-width="100" d="m175,-100 l500,500"></path>
<path class="stroke" stroke="#007fc4" stroke-width="75" d="m75,-100 l500,500"></path>
<path class="stroke" stroke="#00a0e6" stroke-width="75" d="m0,-100 l500,500"></path>
</svg>
</div>
<h2>
About
</h2>
<p class="paragraph">
Hey! I'm a software engineer focused on delivering the right solution for the customer.
It starts with empathy to better understand what needs to be built (and what doesn't).
Execution best happens iteratively, where teams can ship high quality changes consistently and confidently.
Successful delivery relies on careful observability of systems and how users accomplish their goals.
We should always be looking to learn and improve, while constructively questioning the norms in order to solve each new problem accordingly.
</p>
<h2>
Professional background
</h2>
<p class="paragraph">
I've been fortunate enough to work on a variety of projects in my time as a developer,
collaborating with teams around the world as both an individual contributor and development lead.
</p>
<h2>
Projects
</h2>
<p class="paragraph">
Below are some of my personal projects, most of which are just for fun.
Most of these projects are hosted on a <a href="https://www.digitalocean.com/" target="_blank">DigitalOcean</a> droplet, served via <a href="https://nginx.org/en/" target="_blank">Nginx (OSS)</a>, and secured by <a href="https://letsencrypt.org/" target="_blank">Let's Encrypt</a>.
I use GitHub actions for continuous integration and have Jenkins running on the droplet for continuous deployment.
</p>
<div class="projects">
<div class="project-item">
<div>
<img src="./assets/runmap-med.png" />
<h4>
RunMap
</h4>
</div>
<p>
Designed for anyone looking to plot out a run/bike/walk and find out the distance of their route. <br/> <span style="font-weight: bold;">(Down for maintenance)</span>
</p>
<div class="project-links">
<a href="https://github.com/jeffbdye/RunMap" target="_blank">
<i class="fas fa-code"></i>
</a>
<a href="https://runmap.run" target="_blank">
<i class="fas fa-globe"></i>
</a>
</div>
</div>
<div class="project-item">
<div>
<img src="./assets/at-narrow.png" />
<h4>
A e s t h e t i c T e x t
</h4>
</div>
<p>
Applies ｗｉｄｅ formatting to the text you provide and lets you easily copy it to share with your friends.
</p>
<div class="project-links">
<a href="https://aesthetictext.com" target="_blank">
<i class="fas fa-globe"></i>
</a>
</div>
</div>
<div class="project-item">
<div>
<img src="./assets/mathdrill-narrow.png" />
<h4>
MathDrill
</h4>
</div>
<p>
Simple math problem app, intended to help practice various types of problems at customizable difficulty.
</p>
<div class="project-links">
<a href="https://github.com/jeffbdye/MathDrill" target="_blank">
<i class="fas fa-code"></i>
</a>
<a href="https://mathdrill.app" target="_blank">
<i class="fas fa-globe"></i>
</a>
</div>
</div>
<div class="project-item">
<div>
<img src="./assets/jeffbdye-io-narrow.png" />
<h4>
jeffbdye.com
</h4>
</div>
<p>
This site, hosted on GitHub pages.
</p>
<div class="project-links">
<a href="https://github.com/jeffbdye/jeffbdye.github.io" target="_blank">
<i class="fas fa-code"></i>
</a>
<a href="https://jeffbdye.com" target="_blank">
<i class="fas fa-globe"></i>
</a>
</div>
</div>
</div>
</body>
</html>