2024-05-19 02:07:23 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>h o b b s . z o n e</title>
|
|
|
|
|
<link href="./css/output.css" rel="stylesheet" />
|
|
|
|
|
<link href="./index.css" rel="stylesheet" />
|
|
|
|
|
</head>
|
|
|
|
|
<body class="bg-slate-800 items-center flex-col flex min-h-svh">
|
2024-06-03 01:40:27 +00:00
|
|
|
<div class="bg-slate-900 text-white text-center p-4 w-full h-16">
|
|
|
|
|
<a href="./landing.html">
|
2024-05-19 02:07:23 +00:00
|
|
|
<h1
|
|
|
|
|
class="text-4xl tracking-widest hover:scale-x-50 transition-transform duration-1000 ease-linear"
|
|
|
|
|
>
|
|
|
|
|
h o b b s . z o n e
|
|
|
|
|
</h1>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2024-06-03 01:40:27 +00:00
|
|
|
|
|
|
|
|
<div class="flex flex-col lg:flex-row">
|
|
|
|
|
<div
|
|
|
|
|
class="lg:w-1/2 max-h-view-minus-header max-lg:max-h-80 max-lg:w-fit overflow-auto"
|
|
|
|
|
>
|
|
|
|
|
<div class="flex lg:flex-wrap">
|
|
|
|
|
<img
|
|
|
|
|
src="./img/henry/1.jpeg"
|
|
|
|
|
alt="Image 1"
|
|
|
|
|
class="lg:w-1/2 max-lg:h-80"
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="./img/henry/2.jpeg"
|
|
|
|
|
alt="Image 2"
|
|
|
|
|
class="lg:w-1/2 max-lg:h-80"
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="./img/henry/3.jpg"
|
|
|
|
|
alt="Image 3"
|
|
|
|
|
class="lg:w-full max-lg:h-80"
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="./img/henry/4.jpeg"
|
|
|
|
|
alt="Image 4"
|
|
|
|
|
class="lg:w-1/2 max-lg:h-80"
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="./img/henry/5.jpeg"
|
|
|
|
|
alt="Image 5"
|
|
|
|
|
class="lg:w-1/2 max-lg:h-80"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="lg:w-1/2 max-h-view-minus-header overflow-auto">
|
|
|
|
|
<div class="flex flex-col flex-nowrap">
|
|
|
|
|
<div class="bg-slate-900 p-4 m-4 rounded">
|
|
|
|
|
<h2 class="text-2xl font-bold mb-4">About Henry</h2>
|
|
|
|
|
<p>
|
|
|
|
|
Hey! Thanks for visiting my very cool and good website. I'm a
|
|
|
|
|
full-stack developer in Raleigh, NC. I'm passionate about
|
|
|
|
|
learning, coding, road tripping, computers, my wife, my cats, and
|
|
|
|
|
anything else that manages to capture my very limited attention
|
|
|
|
|
span.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
I started coding in middle school when I got my TI-84 calculator
|
|
|
|
|
and found out I could write BASIC programs with it. I went on to
|
|
|
|
|
study computer science at NCSU, and I've been working as a
|
|
|
|
|
software engineer since graduating in 2019. The bulk of my
|
|
|
|
|
experience is with C#, React, and SQL, but I'm always
|
|
|
|
|
experimenting with new technologies.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bg-slate-900 p-4 m-4 rounded">
|
|
|
|
|
<h2 class="text-2xl font-bold mb-4">About This Site</h2>
|
|
|
|
|
<p>
|
|
|
|
|
I created this website to learn Tailwind CSS, and to finally
|
|
|
|
|
establish my own corner of the internet. I wanted a place to
|
|
|
|
|
organize my little projects, and to motivate me to keep creating
|
|
|
|
|
them. There aren't many at the moment, but I hope to have more to
|
|
|
|
|
explore here soon.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
This site is containerized and proudly self-hosted on an old Intel
|
|
|
|
|
NUC. Along with my other sites, it sits behind a reverse proxy
|
|
|
|
|
running on a raspberry pi, and is served over HTTPS with a Let's
|
|
|
|
|
Encrypt certificate. The source code is available on my
|
|
|
|
|
<a href="https://git.hobbs.zone/henry">Gitea instance</a>. I
|
|
|
|
|
eventually plan to host everything on a kubernetes cluster
|
2024-07-17 23:14:17 +00:00
|
|
|
composed of several NUCs.
|
2024-06-03 01:40:27 +00:00
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bg-slate-900 p-4 m-4 rounded">
|
|
|
|
|
<h2 class="text-2xl font-bold mb-4">Contact</h2>
|
|
|
|
|
<p>
|
|
|
|
|
If you'd like to get in touch, you can reach me at
|
|
|
|
|
<a href="mailto:henry@hobbs.zone">henry@hobbs.zone</a>.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!--TODO-->
|
|
|
|
|
<!-- <div class="bg-slate-900 p-4 m-4 rounded">
|
|
|
|
|
<h2 class="text-2xl font-bold mb-4">Resume</h2>
|
|
|
|
|
<p>
|
|
|
|
|
You can view my resume
|
|
|
|
|
<a
|
|
|
|
|
href="./resume.html"
|
|
|
|
|
class="bg-slate-300 text-slate-900 rounded-sm"
|
|
|
|
|
>here</a
|
|
|
|
|
>, or download a PDF version <a href="./resume.pdf">here</a>.
|
|
|
|
|
</p>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-05-19 02:07:23 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
