/
article.html
107 lines (89 loc) · 6 KB
/
article.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Sample Article</title>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900" rel="stylesheet">
<link rel="stylesheet" href="css/stylesheet.css">
<style type="text/css">
body {
display: grid;
grid-template-areas:
"header header header"
"nav nav nav"
"quote article article"
"footer footer footer";
}
header {
grid-area: header;
}
main {
grid-area: article;
}
aside {
grid-area: quote;
}
nav {
grid-area: nav;
}
nav ul {
display: flex;
justify-content: space-between;
}
nav li {
background-color: var(--ucla-gold);
padding: 1em;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 25px;
}
nav li:hover {
background-color: var(--ucla-blue);
}
footer {
grid-area: footer;
}
</style>
</head>
<body class="starry-night">
<header>
<h1>Starry night</h1>
</header>
<nav>
<ul>
<li><a href="#">Mercury</a></li>
<li><a href="#">Venus</a></li>
<li><a href="#">Earth</a></li>
<li><a href="#">Mars</a></li>
<li><a href="#">Saturn</a></li>
</ul>
</nav>
<main>
<article>
<figure>
<img src="img/casey-horner-778570-unsplash@0.5x.jpg" alt="Stars over June Lake">
<figcaption>Stars over June Lake, California</figcaption>
</figure>
<h1>She stared through the window at the stars.</h1>
<p class="standfirst">The spectacle before us was indeed sublime.</p>
<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.</p>
<h2>Observation history</h2>
<p>The stars we are given. The constellations we make. That is to say, stars exist in the cosmos, but constellations are the imaginary lines we draw between them, the readings we give the sky, the stories we tell.</p>
<p> Historically, stars have been important to civilizations throughout the world. They have been part of religious practices and used for celestial navigation and orientation. Many ancient astronomers believed that stars were permanently affixed to a heavenly sphere and that they were immutable. By convention, astronomers grouped stars into constellations and used them to track the motions of the planets and the inferred position of the Sun.[6] The motion of the Sun against the background stars (and the horizon) was used to create calendars, which could be used to regulate agricultural practices.[8] The Gregorian calendar, currently used nearly everywhere in the world, is a solar calendar based on the angle of the Earth's rotational axis relative to its local star, the Sun.</p>
<img class="avatar float" src="img/neven-krcmarek-175845-unsplash-1.jpg" alt="Moon">
<p>Both the Moon's natural prominence in the earthly sky and its regular cycle of phases as seen from Earth have provided cultural references and influences for human societies and cultures since time immemorial. Such cultural influences can be found in language, lunar calendar systems, art, and mythology. </p>
<p>The oldest accurately dated star chart was the result of ancient Egyptian astronomy in 1534 BC.[9] The earliest known star catalogues were compiled by the ancient Babylonian astronomers of Mesopotamia in the late 2nd millennium BC, during the Kassite Period (c. 1531–1155 BC).[10]</p>
<p>The first star catalogue in Greek astronomy was created by Aristillus in approximately 300 BC, with the help of Timocharis.[11] The star catalog of Hipparchus (2nd century BC) included 1020 stars, and was used to assemble Ptolemy's star catalogue.[12] Hipparchus is known for the discovery of the first recorded nova (new star).[13] Many of the constellations and star names in use today derive from Greek astronomy.</p>
<p>In spite of the apparent immutability of the heavens, Chinese astronomers were aware that new stars could appear.[14] In 185 AD, they were the first to observe and write about a supernova, now known as the SN 185.[15] The brightest stellar event in recorded history was the SN 1006 supernova, which was observed in 1006 and written about by the Egyptian astronomer Ali ibn Ridwan and several Chinese astronomers.[16] The SN 1054 supernova, which gave birth to the Crab Nebula, was also observed by Chinese and Islamic astronomers.</p>
</article>
</main>
<aside>
<blockquote>
<p>“Before we invented civilization our ancestors lived mainly in the open out under the sky. Before we devised artificial lights and atmospheric pollution and modern forms of nocturnal entertainment we watched the stars. There were practical calendar reasons of course but there was more to it than that. Even today the most jaded city dweller can be unexpectedly moved upon encountering a clear night sky studded with thousands of twinkling stars. When it happens to me after all these years it still takes my breath away.” ― Carl Sagan, Pale Blue Dot: A Vision of the Human Future in Space </p>
</blockquote>
</aside>
<footer>
<small>Sources: <a href="https://en.wikipedia.org/wiki/Star">Wikipedia</a>, <a href="https://www.goodreads.com/quotes/tag/stars">Goodreads</a>, June Lake photo by <a href="https://unsplash.com/photos/wEAS-40Qlss">Casey Horner</a>, Moon photo by <a href="https://unsplash.com/photos/9dTg44Qhx1Q">Neven Krcmarek</a></small>
</footer>
</body>
</html>