loveandcoding.com/template.html at main · LoveAndCoding/loveandcoding.com · GitHub

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
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<title>Love &amp; Coding &ndash; Alexis Hushbeck</title>

		<!--
			Hi!
			I'm Alexis, and welcome to my personal site. So nice of you to stop
			by and to check out the code.

			If you'd just like to take a tour through the code, please do! This
			code and all of the various pecies of the site were created to be
			explored and learned from.

			If you find an issue with the site, the code, or the documentation,
			feel free to let me know.

			Thanks again for stopping by!
			Love,
			Alexis
		-->

		<meta name="author" content="Alexis Hushbeck" />
		<meta
			name="description"
			content="Personal site of Alexis Hushbeck; Creative developer, glorious geek, and she's gone a bit mad, but without any power"
		/>
		<link href="https://loveandcoding.com/" rel="canonical" />
		<link rel="icon" href="/assets/Vector.svg" />
	</head>
	<body>
		<header>
			<h1>Love &amp; Coding</h1>
			<p>Life is better with a lot of both</p>
		</header>
		<main>
			<section id="who">
				<h2>Who I Am</h2>
				<p>
					My name is Alexis, and I use she/her or they/them pronouns.
					Just like this website, my life is chock-full of love and
					code, and I like to share as much of both as I can. With
					those things I hope to make the world a better place, even
					if just a little.
				</p>
			</section>
			<section id="love">
				<div class="love-header">
					<h2>Love as Input</h2>
					<p>Here's a few things I love</p>
				</div>

				<div class="love-section">
					<h3>Reading</h3>
					<p>
						I
						<a href="https://goodreads.com/loveandreading"
							>love to read</a
						>, and usually go through about 50-60 books a year.
						These days I mostly do audiobooks, a habit I picked up
						from when I used to have long commutes
					</p>
				</div>

				<div class="love-section">
					<h3>Theater</h3>
					<p>
						Going to Broadway shows is one of my favorite ways to
						spend a night out. I'm especially a sucker for a
						<em>wicked</em> good musical.
					</p>
				</div>

				<div class="love-section">
					<h3>Games</h3>
					<p>
						For a night in, playing games with friends or my partner
						is just a wonderful way to spend time. And I play games
						of both the board and video varieties.
					</p>
				</div>

				<div class="love-section">
					<h3>Myself</h3>
					<p>
						It took a long time for me to come to terms with myself,
						but I've finally learned to love myself. So much so,
						that I wrote myself (and the world)
						<a href="https://alexis.lgbt/">a letter</a> about it.
					</p>
				</div>
			</section>
			<section id="coding">
				<h2 class="code-header">Coding as Output</h2>

				<div class="code-section">
					<h3>For Myself</h3>
					<p>
						Sometimes it's most rewarding to work on little projects
						for myself. Beyond
						<a
							href="https://github.com/LoveAndCoding/loveandcoding.com"
							>this site</a
						>, here's a few things I am working on now, or have
						worked on in the past, that I absolutely love.
					</p>
					<dl role="associationlist list">
						<dt role="associationlistkey listitem">
							<a
								href="https://github.com/LoveAndCoding/lovely-inbox"
								>Lovely Inbox</a
							>
						</dt>
						<dd role="associationlistvalue listitem">
							Desktop email client built on a simple principle:
							bring out the love.
						</dd>

						<dt role="associationlistkey listitem">
							<a href="http://itsablizzard.com"
								>It's a Blizzard Out There</a
							>
						</dt>
						<dd role="associationlistvalue listitem">
							Made during a very hot summer, this microsite
							creates a small snowstorm for you.
						</dd>

						<dt role="associationlistkey listitem">
							<a
								href="https://github.com/LoveAndCoding/weather-icon"
								>Weather Icon Microservice</a
							>
						</dt>
						<dd role="associationlistvalue listitem">
							A very small microservice that shows an icon based
							on the weather at the user's location.
						</dd>
					</dl>
				</div>

				<div class="code-section">
					<h3>For Others</h3>
					<p>
						In addition to code that I do just for me, I also code
						for a living. Here are just some of the places I've
						worked, and some of the projects I've worked on.
					</p>
					<dl role="associationlist list">
						<dt role="associationlistkey listitem">
							<a href="https://khanacademy.org" rel="external"
								>Khan Academy</a
							>
						</dt>
						<dd role="associationlistvalue listitem">
							I get to help folks all over the world learn by
							working on all the different layers of the site and
							systems, focusing on performance and reliability.
						</dd>

						<dt role="associationlistkey listitem">
							<a href="https://blinkux.com" rel="external"
								>BlinkUX</a
							>
						</dt>
						<dd role="associationlistvalue listitem">
							I got to design and develop a full service
							<abbr title="Software as a Service">SaaS</abbr>
							product for employee growth from the ground up.
						</dd>

						<dt role="associationlistkey listitem">
							<a href="https://adobe.com" rel="external">Adobe</a>
						</dt>
						<dd role="associationlistvalue listitem">
							I learned from an <strong>amazing</strong> team of
							people as I did
							<abbr title="Quality Engineering">QE</abbr>,
							<abbr title="Developer Operations">devops</abbr>,
							and product development work (including
							<a
								href="https://www.facebook.com/AdobeMuse/posts/466557103391457"
								rel="external"
								>making a fun easter egg</a
							>).
						</dd>
					</dl>
				</div>
			</section>
		</main>
		<footer>
			<p>
				Made with
				<span aria-label="love" title="love">&#10084;</span> by
				Alexis&nbsp;Hushbeck
			</p>
			<nav>
				<a href="mailto:hello@loveand.email" class="mail-link"
					>hello@loveand.email</a
				><a href="https://github.com/LoveAndCoding">Github</a
				><a href="https://twitter.com/LoveAndCoding">Twitter</a
				><a href="https://www.linkedin.com/in/loveandcoding/"
					>LinkedIn</a
				>
			</nav>
		</footer>
	</body>
</html>