51 lines
2 KiB
HTML
51 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Brendan Greenlee</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
html, body { min-height: 100%; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
background-color: #0f0f0f;
|
|
background-image: url('assets/chicago-twilight.jpg');
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
color: #e0e0e0;
|
|
display: flex; flex-direction: column; align-items: center; justify-content: center;
|
|
min-height: 100vh; padding: 2rem;
|
|
}
|
|
body::before {
|
|
content: '';
|
|
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
|
|
background: rgba(0, 0, 0, 0.45);
|
|
z-index: 0;
|
|
}
|
|
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; }
|
|
h1 { font-size: 2.5rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
|
|
p { font-size: 1.1rem; line-height: 1.6; color: #ececec; margin-bottom: 1rem; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
|
|
.divider { width: 60px; height: 2px; background: rgba(255,255,255,0.45); margin: 1.5rem auto; }
|
|
.links { margin-top: 1.5rem; }
|
|
.links a { color: #9ec5ff; text-decoration: none; font-size: 0.95rem; margin: 0 0.75rem; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
|
|
.links a:hover { text-decoration: underline; }
|
|
.tag { font-size: 0.85rem; color: #d8d8d8; margin-top: 2rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Brendan Greenlee</h1>
|
|
<p>Chicago-based project manager</p>
|
|
<div class="divider"></div>
|
|
<p>Working on making things better — one project, one community, one day at a time.</p>
|
|
<div class="links">
|
|
<a href="mailto:greenleebt@gmail.com">Email</a>
|
|
<a href="https://github.com/BrendanGreenlee">GitHub</a>
|
|
</div>
|
|
<div class="tag">More coming soon</div>
|
|
</div>
|
|
</body>
|
|
</html>
|