-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (91 loc) · 2.52 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Cromberger Press</title>
<style>
:root {
/* Tailwind inspired */
--color-zinc-50: #fafafa;
--color-zinc-100: #f4f4f5;
--color-zinc-200: #e4e4e7;
--color-zinc-300: #d4d4d8;
--color-zinc-400: #a1a1aa;
--color-zinc-500: #71717a;
--color-zinc-600: #52525b;
--color-zinc-700: #3f3f46;
--color-zinc-800: #18181b;
--color-zinc-900: #18181b;
--font-family-sans-serif: system-ui, -apple-system, 'Segoe UI', 'Roboto', Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-family-serif: 'Iowan Old Style', 'Apple Garamond', Baskerville, 'Times New Roman', 'Droid Serif', Times, 'Source Serif Pro', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--border-radius: 13px;
}
html {
background: var(--color-zinc-100);
}
body {
margin: auto;
width: 90%;
max-width: 600px;
font-family: var(--font-family-serif);
font-size: 18px;
line-height: 1.6;
color: var(--color-zinc-700);
/* vertical center */
display: grid;
min-height: 100vh;
place-content: center;
}
ul,
ol {
padding: 0 0.5rem;
margin: 0 1rem;
}
h1 {
margin: 0;
padding: 2rem;
font-size: 1.6rem;
}
h2 {
margin: 0;
padding: 0 0 1rem;
font-size: 1.4rem;
}
p {
font-size: 1rem;
}
main {
padding: 1.6rem 2rem;
background: var(--color-zinc-50);
box-shadow: 0 10px 20px var(--color-zinc-200);
border-radius: var(--border-radius);
}
section {
margin: 4em auto;
padding: 1rem;
}
footer {
margin: 0;
padding: 1rem 2rem;
font-family: var(--font-family-sans-serif);
}
img {
border-radius: var(--border-radius);
}
</style>
</head>
<body>
<h1>Cromberger Press</h1>
<main>
<p>
<img src="cromberger-press.jpg" alt="Cromberger Press">
</p>
<p>
The first printing press in North America was established in present-day Mexico City in 1539 by publisher Juan Cromberger. It was not until a century later in 1638 that the first printing press in the British colonies arrived in Massachusetts by boat from England. While the popularity of print grew, there were no printing presses west of St. Louis, Missouri, into the early 1800s.
</p>
</main>
</body>
</html>