Simplify page: name above skyline, remove links and text
This commit is contained in:
parent
e374d8289f
commit
63c9630256
1 changed files with 6 additions and 18 deletions
24
index.html
24
index.html
|
|
@ -16,36 +16,24 @@
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
color: #e0e0e0;
|
color: #e0e0e0;
|
||||||
display: flex; flex-direction: column; align-items: center; justify-content: center;
|
display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
|
||||||
min-height: 100vh; padding: 2rem;
|
min-height: 100vh; padding: 0 2rem;
|
||||||
}
|
}
|
||||||
body::before {
|
body::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
|
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
|
||||||
background: rgba(0, 0, 0, 0.45);
|
background: rgba(0, 0, 0, 0.35);
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; }
|
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; }
|
||||||
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); }
|
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.1rem; line-height: 1.6; color: #ececec; margin-bottom: 1rem; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
|
p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
|
||||||
.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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>Brendan Greenlee</h1>
|
<h1>Brendan Greenlee</h1>
|
||||||
<p>Chicago-based project manager</p>
|
<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>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue