Deploy simplified page to GitHub Pages
This commit is contained in:
parent
5cedd4bca7
commit
09a0e5d5d8
1 changed files with 6 additions and 18 deletions
24
index.html
24
index.html
|
|
@ -16,36 +16,24 @@
|
|||
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;
|
||||
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.45);
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
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; }
|
||||
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; }
|
||||
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 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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue