49 lines
1.6 KiB
HTML
49 lines
1.6 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: flex-start;
|
|
min-height: 100vh; padding: 0 2rem;
|
|
}
|
|
body::before {
|
|
content: '';
|
|
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
|
|
background: rgba(0, 0, 0, 0.35);
|
|
z-index: 0;
|
|
}
|
|
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; }
|
|
/* Mobile portrait only: keep the name above the skyline, small screens */
|
|
@media (max-width: 767px) {
|
|
body {
|
|
background-position: 50% 20%;
|
|
background-attachment: scroll;
|
|
}
|
|
.container { margin-top: 15vh; }
|
|
h1 { font-size: 2.1rem; }
|
|
p { font-size: 1.1rem; }
|
|
}
|
|
h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); }
|
|
p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Brendan Greenlee</h1>
|
|
<p>Chicago-based project manager</p>
|
|
</div>
|
|
</body>
|
|
</html>
|