-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (59 loc) · 3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calistenichs</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="interface">
<div class="moon"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="globe">
<div class="obj"></div>
<svg class="water" xmlns="http://www.w3.org/2000/svg"
version="1.1" width="0" height="0">
<clipPath id="svgClip">
<path id="svgPath" d="M342,287 L342,286 341,286
341,285 340,285 340,284 339,284 339,266 340,265
340,263 341,259 342,256 344,254 345,251 349,245
354,239 357,236 360,231 366,226 370,223 374,221
380,219 384,217 399,217 411,219 425,222 442,226
453,229 464,233 473,237 479,240 488,246 491,252
494,257 495,264 495,269 494,276 488,284 481,289
463,295 452,297 442,297 431,295 415,295 389,293
376,290 369,289 362,287 342,287 z" />
</clipPath>
<path id="svgMask" d="M342,287 L342,286 341,286
341,285 340,285 340,284 339,284 339,266 340,265
340,263 341,259 342,256 344,254 345,251 349,245
354,239 357,236 360,231 366,226 370,223 374,221
380,219 384,217 399,217 411,219 425,222 442,226
453,229 464,233 473,237 479,240 488,246 491,252
494,257 495,264 495,269 494,276 488,284 481,289
463,295 452,297 442,297 431,295 415,295 389,293
376,290 369,289 362,287 342,287 z" />
</svg>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="fullbody">
<div class="hand"></div>
<div class="hand-two"></div>
<div class="head"></div>
<div class="body"></div>
<div class="leg"></div>
<div class="leg-two"></div>
</div>
</div>
</div>
</div>
</body>
</html>