43 lines
No EOL
2.2 KiB
HTML
43 lines
No EOL
2.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="./output.css" rel="stylesheet">
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
|
</head>
|
|
<body class="bg-black text-white min-h-screen max-w-4xl mx-auto px-4 font-mono">
|
|
<h1 class="text-3xl font-bold">
|
|
dylan baird
|
|
</h1>
|
|
<div id="links" class="flex gap-4">
|
|
<a href="https://forgejo.dylanbaird.com/explore/repos" target="_blank" class="flex items-center gap-2 text-gray-400 hover:text-white">
|
|
<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"/>
|
|
</svg>
|
|
<span>git</span>
|
|
</a>
|
|
<a href="mailto:dylan@dylanbaird.com" class="flex items-center gap-2 text-gray-400 hover:text-white">
|
|
<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z"/>
|
|
<path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z"/>
|
|
</svg>
|
|
<span>email</span>
|
|
</a>
|
|
</div>
|
|
<div id="resume" class="mt-8">
|
|
|
|
</div>
|
|
<article id="resume-article" class="prose prose-invert mt-8 text-justify">
|
|
<!--Programatically filled in-->
|
|
</article>
|
|
|
|
<script>
|
|
fetch('resume.md')
|
|
.then(response => response.text())
|
|
.then(markdown => {
|
|
document.getElementById('resume-article').innerHTML = marked.parse(markdown);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |