-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
41 lines (40 loc) · 2.22 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
<title>ryanolson.dev</title>
<meta name="description" content="Exploring the world of front-end development one bit at a time.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, img, b, i, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figcaption, figure, footer, header, nav, section, summary { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; }
html, body { height: 100%; }
body { font-family: Verdana, sans-serif; font-size: 18px; line-height: 1.25em; display: flex; flex-direction: column; }
header { flex: 0; padding: 1.3em; border-bottom: 1px solid #dedede; }
header h1 { text-align: center; font-weight: 300; }
@media (min-width: 811px) { header h1 { text-align: left; } }
header h1 a { color: inherit; text-decoration: none; }
main { max-width: 70em; margin: 0.5em auto; padding: 1em 1.5em; flex: 1; }
@media (min-width: 811px) { main { max-width: 38em; margin: 3em auto; padding: 0 2.5em; } }
section#intro { font-weight: 600; line-height: 1.1em; font-size: 0.8em; text-align: center; }
h2 { font-size: 1.5em; font-weight: 300; margin: 2em 0 1em; }
h3 { font-size: 1em; font-weight: 200; margin: 1em 0 0.5em; }
ul { list-style: none; }
footer { text-align: center; height: 35px; }
footer a { color: #575757; text-decoration: none; font-size: 0.7em; }
</style>
</head>
<body>
<header><h1><a href="index.html">ryanolson.dev</a></h1></header>
<main>
<section id="intro">
Exploring the world of front-end development one bit at a time.
</section>
<h2>2022</h2>
<h3>March</h3>
<ul>
<li><a href="macro-frontends.html">Macro Frontends</a></li>
</ul>
</main>
<footer><a href="uncopyright.html">Uncopyright</a></footer>
</body>
</html>