-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
44 lines (40 loc) · 1.95 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
<!DOCTYPE html>
<html lang="fr-BE" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>coming home | a pure CSS spatial experience</title>
<link rel="stylesheet" href="./dist/style.css">
</head>
<script>
document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')
</script>
<body>
<main class="solar-system">
<article class="solar-system__sun"></article>
<section class="solar-system__mercury-trajectory">
<article class="solar-system__mercury-trajectory__mercury"></article>
</section>
<section class="solar-system__venus-trajectory">
<article class="solar-system__venus-trajectory__venus"></article>
</section>
<section class="solar-system__earth-trajectory">
<article class="solar-system__earth-trajectory__earth"></article>
</section>
<section class="solar-system__mars-trajectory">
<article class="solar-system__mars-trajectory__mars"></article>
</section>
<!-- [♃,♄,⛢,♆] are too far for my little starship. 🚀🪐-->
</main>
<footer>
<a target="_blank" href="https://linktr.ee/delvignefred">
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400">
<circle cx="200" cy="200" r="196.6"></circle>
<path
d="M302.9,84.4H170.5h-8.1c-23.3,0-34.9,9.1-45,29.4l-26.2,52.3c-6,12.2-8.9,20.8-8.9,34.5 c0,11.9,3.3,22,8.6,32.8l27.1,54.3c10.4,21.2,23.9,28,47.1,28h20.3c0,0,0,0,0,0c0,0,0,0,0,0h29.2c7.8,0,14.9-3.5,14.9-14.2 c0-10.7-7.2-14.2-14.9-14.2h-15.3v-96.6h74.3c7.8,0,14.9-4.6,14.9-15.4c0-10.7-7.2-15.4-14.9-15.4h-74.3v-45.2h103.6 c7.8,0,14.9-4.3,14.9-15.1C317.8,88.8,310.6,84.4,302.9,84.4z M170.3,287.1h-5.5c-12.5,0-15.5-2.2-20.9-13.2l-26.2-53.4 c-3.3-6.9-5.7-12.1-5.7-19.6c0-10.1,3.3-15.9,7.5-24.5l24.8-49.8c6.3-12.8,8.9-12,22.7-12h3.4V287.1z">
</path>
</svg>
</a>
</footer>
</body>
</html>