-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (48 loc) · 3.01 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Holes Animation</title>
<link href = "styles.css" rel = "stylesheet" type = "text/css">
</head>
<body>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 612 792" style="enable-background:new 0 0 612 792;" xml:space="preserve">
<g id="Text">
<text transform="matrix(0.5705 0 0 1 236.229 419.2251)"><tspan x="0" y="0" class="st1 st2">Hello everyone! </tspan><tspan x="0" y="55.6" id = "text" class="st1 st2">This is my Text! :)</tspan></text>
</g>
<g id="Window">
<g>
<g>
<path d="M-310,490.5c9.65,0,9.67-15,0-15C-319.65,475.5-319.67,490.5-310,490.5L-310,490.5z"/>
</g>
</g>
<path class="window" d="M112,222.5v416h454v-416H112z M459.33,476.87c-0.24,0.88-0.5,1.71-0.77,2.57c-0.3,0.71-0.6,1.42-0.9,2.13
c1.44,9.99,2.32,20.08,2.88,30.08c0.66,11.86,1.47,25.33-1.64,37.27c3.76,5.32-2.13,14.19-8.75,12.12
c-1.11,0.15-2.24,0.11-3.27-0.08c-13.08-2.46-26.32-3.48-39.59-3.77c-1.61,0.77-3.29,1.42-5.06,1.91c-5.73,1.58-12.1,1.65-18,2.14
c-6.67,0.55-13.35,0.99-20.04,1.19c-9.97,0.3-20,0.1-29.89-1.25c-1.89,0.28-3.79,0.54-5.69,0.76c-4.66,0.55-10.68,1.01-16.15,0.15
c-1.45,1.47-3.37,2.4-5.44,2.16c-6.02-0.75-12.05-1.24-18.08-1.55c-3.9,0.86-7.79,1.65-11.68,2.23c-0.04,0.01-0.08,0.02-0.12,0.04
c0-0.01,0-0.01,0-0.02c-0.71,0.1-1.42,0.22-2.12,0.31c-2.47,0.31-4.69-1.07-6.15-3.01c-8.6,0.01-17.2,0.23-25.8,0.47
c-9.38,0.89-19.02,0.56-28.05,0.54c-3.06-0.01-5.2-1.42-6.44-3.4c-2.5-0.84-4.7-2.93-5.27-5.47c-2.14-9.5-0.46-19.73-0.03-29.33
c0.08-1.73,0.16-3.5,0.22-5.27c-0.4-3.16-0.51-6.37-0.31-9.54c-0.05-0.39-0.09-0.78-0.15-1.17c0.02,0.14-0.82-3.28-0.88-3.62
c-0.08-0.19-0.24-0.52-0.37-0.79c-0.05-0.05-0.1-0.1-0.14-0.14c-0.22-0.12-0.43-0.26-0.67-0.36c-3.3-1.57-4.33-5.79-3.68-9.03
c2.81-13.94,5.62-27.59,5.71-41.87c0-0.57,0.07-1.11,0.17-1.62c-1.86-2.01-2.84-4.89-1.88-7.51c0.72-1.97,1.33-3.96,1.84-5.97
c1.89-8.5,1.02-17.34,0.82-26.14c-1.63-0.88-2.97-2.39-3.66-4.64c-4.89-16.06-2.4-32.51-0.44-48.9
c-3.36-15.63-5.12-31.47-1.56-47.36c0.76-3.4,3.19-5.18,5.92-5.59c0.39-1.13,0.76-2.26,1.08-3.41c1.15-4.07,5.69-6.86,9.84-5.59
c10.69,3.27,21.62,5.8,32.68,7.7c0.36-0.33,0.75-0.64,1.16-0.89c4.92-3.03,12.05-1.8,17.45-1.18c2.61,0.3,5.22,0.66,7.82,1.02
c0.94-0.41,1.9-0.75,2.84-1.02c8.02-2.29,16.53-1.61,24.55,0.16c1.46,0.32,2.92,0.62,4.38,0.92c0.87-0.16,1.74-0.32,2.61-0.5
c8.59-1.81,19.88-4.6,29.58-3.06c5.57-2,11.28-1.79,17.39,0.81c2.15,0.92,4.19,2.2,6.29,3.29c8.11-0.78,16.21-1.09,24.13,0.47h7.51
c6.27-0.47,12.55-1.05,18.87-1.81c14.83-1.78,30.03-3.36,44.75,0.09c4.15,0.97,6.78,5.81,5.59,9.84
c-5.23,17.67,1.26,35.79,1.28,53.72c0.02,18.73-0.97,37.46-2,56.15c-0.13,2.33-1.2,4.29-2.75,5.69
C463.5,443.45,463.62,461.38,459.33,476.87z"/>
<g>
<g>
<path d="M-369,289.5c9.65,0,9.67-15,0-15C-378.65,274.5-378.67,289.5-369,289.5L-369,289.5z"/>
</g>
</g>
</g>
</svg>
</body>
</html>