-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
213 lines (207 loc) · 14.6 KB
/
index.html
File metadata and controls
213 lines (207 loc) · 14.6 KB
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
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Randy Burden's personal website" />
<meta name="author" content="Randy Burden" />
<title>Randy Burden</title>
<link rel="icon" type="image/x-icon" href="img/favicon-96x96.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@400;600;700&display=swap" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
<link href="css/theme.css" rel="stylesheet" />
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-6798131-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-6798131-1');
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg sticky-top border-bottom border-secondary-subtle site-navbar">
<div class="container">
<a class="navbar-brand" href="#top">Randy Burden</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#siteNav" aria-controls="siteNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="siteNav">
<ul class="navbar-nav ms-auto align-items-lg-center gap-lg-2">
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#work">Open Source</a></li>
<li class="nav-item"><a class="nav-link" href="#connect">Links</a></li>
</ul>
</div>
</div>
</nav>
<main id="top">
<section class="hero-section py-4 py-lg-5">
<div class="container">
<div class="row align-items-center g-4 g-lg-5">
<div class="col-lg-7">
<h1 class="display-4 hero-title mb-4">Hi, I'm Randy Burden.</h1>
<p class="lead hero-lead mb-4">
I am a software development leader in the Dallas, Texas area. This site shares a little about who I am, some of the open-source projects I have created, and a few places you can find me online.
</p>
<div class="d-flex flex-wrap gap-3">
<a class="btn btn-primary btn-lg px-4" href="#about">About Me</a>
<a class="btn btn-outline-light btn-lg px-4" href="#work">Open Source</a>
</div>
</div>
<div class="col-lg-5">
<div class="profile-card card shadow-lg border-0">
<div class="card-body p-3 p-md-4">
<img src="img/profile.jpg" alt="Portrait of Randy Burden" class="img-fluid rounded-4 profile-image mb-3" />
<div class="profile-note rounded-4 p-3">
<p class="text-uppercase small fw-semibold mb-2 note-label">Interests</p>
<p class="mb-0">Faith, family, software, mentoring, guitar, podcasts, hiking, music, and casual gaming.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 section-band" id="about">
<div class="container">
<div class="row g-4">
<div class="col-lg-7">
<div class="card h-100 section-card border-0">
<div class="card-body p-4 p-lg-5">
<p class="section-kicker">About</p>
<h2 class="display-6 section-title mb-4">Software, leadership, family, and a lifelong interest in learning.</h2>
<p>
I live in the Dallas, Texas area with my wife and children. By trade, I am a software developer and technical leader who has served on many teams and projects over the years.
</p>
<p>
I pride myself on being honest and transparent, making time for others, and leading by example. I enjoy the challenges and rewards that come with software projects, especially when good people are working together toward something useful.
</p>
<p class="mb-0">
I love learning new concepts, methodologies, best practices, and technologies. Outside of work, I try to make time for learning more about Jesus, playing guitar, programming, discovering new music, listening to podcasts, watching TV, hiking, and some casual gaming.
</p>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="row g-3">
<div class="col-sm-6 col-lg-12">
<div class="card info-card h-100 border-0">
<div class="card-body p-4">
<h3 class="h5 mb-3">Open Source</h3>
<p class="mb-0">I have created and maintained libraries that have been used by many developers and teams.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-12">
<div class="card info-card h-100 border-0">
<div class="card-body p-4">
<h3 class="h5 mb-3">Leadership</h3>
<p class="mb-0">I care about clear communication, steady technical direction, and helping others grow.</p>
</div>
</div>
</div>
<div class="col-12">
<div class="card info-card h-100 border-0">
<div class="card-body p-4">
<h3 class="h5 mb-3">Learning</h3>
<p class="mb-0">Curiosity has always been part of how I work, whether that means exploring new technologies or refining old skills.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5" id="work">
<div class="container">
<div class="row mb-4">
<div class="col-lg-8">
<p class="section-kicker">Open Source</p>
<h2 class="display-6 section-title mb-3">Some projects I have built over the years.</h2>
<p class="section-copy mb-0">
Here are a few of the libraries and frameworks I have built and maintained. There is more on
<a href="https://github.com/randyburden" target="_blank" rel="noreferrer">GitHub</a>.
</p>
</div>
</div>
<div class="row g-4">
<div class="col-lg-4">
<div class="card project-card h-100 border-0">
<div class="card-body p-4">
<p class="text-uppercase small fw-semibold mb-2 text-body-secondary">.NET Library</p>
<h3 class="h4 mb-3"><a href="https://github.com/SlapperAutoMapper/Slapper.AutoMapper" target="_blank" rel="noreferrer" class="project-link">Slapper.AutoMapper</a></h3>
<p>Maps dynamic data to static types and can populate complex nested child objects.</p>
<ul class="mb-0">
<li>Project creator, primary contributor, and former maintainer</li>
<li>Over 5 million downloads on <a href="https://www.nuget.org/packages/Slapper.AutoMapper" target="_blank" rel="noreferrer">NuGet</a></li>
<li>Actively used by thousands of companies</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card project-card h-100 border-0">
<div class="card-body p-4">
<p class="text-uppercase small fw-semibold mb-2 text-body-secondary">Micro Web Framework</p>
<h3 class="h4 mb-3"><a href="https://github.com/randyburden/Nano" target="_blank" rel="noreferrer" class="project-link">Nano</a></h3>
<p>A cross-platform micro web framework for rapidly building HTTP services and websites.</p>
<ul class="mb-0">
<li>Project creator, primary contributor, and former maintainer</li>
<li>Used to create over 60 web apps with 15 contributors</li>
<li>Archived after being superseded by ASP.NET Core</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card project-card h-100 border-0">
<div class="card-body p-4">
<p class="text-uppercase small fw-semibold mb-2 text-body-secondary">Micro ORM</p>
<h3 class="h4 mb-3"><a href="https://github.com/randyburden/Sequelocity.NET" target="_blank" rel="noreferrer" class="project-link">Sequelocity.NET</a></h3>
<p>A lightweight ADO.NET wrapper and object mapper with support for SQL Server, MySQL, SQLite, and PostgreSQL.</p>
<ul class="mb-0">
<li>Project creator, primary contributor, and former maintainer</li>
<li>Used to create over 100 web apps with 8 contributors</li>
<li>Archived after Dapper became the better fit for that space</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 section-band" id="connect">
<div class="container">
<div class="row mb-4">
<div class="col-lg-8">
<p class="section-kicker">Links</p>
<h2 class="display-6 section-title mb-3">Find me around the web.</h2>
</div>
</div>
<div class="row g-3">
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="https://www.linkedin.com/in/randyburden" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>LinkedIn</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="https://twitter.com/randyburden" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>X (Twitter)</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="https://www.facebook.com/burdenrandy" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>Facebook</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="https://github.com/randyburden" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>GitHub</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="https://gist.github.com/randyburden" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>GitHub Gist</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="http://stackoverflow.com/users/670028/randy-burden" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>Stack Overflow</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="https://codepen.io/randyburden" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>CodePen</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="https://jsfiddle.net/u/randyburden/fiddles/" target="_blank" rel="noreferrer"><div class="card-body p-4"><span>JSFiddle</span></div></a></div>
<div class="col-sm-6 col-lg-4"><a class="card link-card h-100 border-0 text-decoration-none" href="mailto:randy@randyburden.com"><div class="card-body p-4"><span>Email</span></div></a></div>
</div>
</div>
</section>
</main>
<footer class="py-4 border-top border-secondary-subtle">
<div class="container d-flex flex-column flex-md-row justify-content-between gap-2 text-body-secondary">
<p class="mb-0">Randy Burden</p>
<p class="mb-0">Copyright © <span id="current-year"></span></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="js/theme.js"></script>
</body>
</html>