css-moon/index.html at master · mitten/css-moon · GitHub

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
<!DOCTYPE html>
<html lang=en>
<head>
	<title>Selenolatry: CSS Moon Phases</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="Laura Fisher">
	<meta name="description" content="An art project to depict the phases of the moon in CSS">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
	<link rel="stylesheet" href="styles.css">
</head>

<body>

<!-- This is an art project to depict the current phase of the moon using CSS. Deeper explanation of the process can be found at https://github.com/mitten/css-moon . You may use this code for non-commercial projects. For commercial projects, please contact me at https://laurafisher.art for a license. -->

		<div class="moonwrapper">
			<div class="moon"></div>
			<div class="moonshadow"></div>
			<div class="moonglow"></div>
		</div>

		<h1>SELENOLATRY</h1>
		<p>An art project by <a href="https://laurafisher.art" class="light">Laura Fisher</a></p>

</body>
</html>