2025-11-15 09:00:06 -06:00
<!DOCTYPE html>
<html lang="en">
2025-11-20 05:03:51 -06:00
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Stevan's Links</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="css/style.css" rel="stylesheet">
2025-11-24 21:34:15 -06:00
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
2025-11-20 05:03:51 -06:00
</head>
<body>
<div class="image-container">
2025-11-24 08:58:47 -06:00
<!-- TODO: Generate alt text dynamically??? -->
2025-11-20 05:03:51 -06:00
<img class="profile-picture" src="https://github.com/StevanFreeborn.png"
alt="A man with short brown hair, a grey hoodie, and a white t-shirt smiles at the camera. He has a white earbud in his left ear. The background is a blurred office setting with warm lighting visible through glass partitions." />
2025-11-24 05:34:46 -06:00
<div class="bio">
2025-11-20 05:03:51 -06:00
<h1>Stevan Freeborn</h1>
2025-11-24 21:34:15 -06:00
<p>I'm a {{ .Age }} -year old dad of 2 who enjoys drinking coffee, lifting weights, and solving problems with code.
</p>
2025-11-20 05:03:51 -06:00
</div>
</div>
<nav class="links-container">
<ul>
2025-11-24 21:34:15 -06:00
{{ range .Links }}
2025-11-20 05:03:51 -06:00
<li>
2025-11-26 04:39:34 -06:00
<a class="link" href=" {{ .Href }} " target="_blank">
2025-11-24 21:34:15 -06:00
<i class=" {{ .Icon }} "></i>
<span> {{ .Text }} </span>
2025-11-24 05:34:46 -06:00
</a>
2025-11-20 05:03:51 -06:00
</li>
2025-11-24 21:34:15 -06:00
{{ end }}
2025-11-20 05:03:51 -06:00
</ul>
</nav>
</body>
2025-11-15 09:00:06 -06:00
</html>
