-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (119 loc) · 7.54 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
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<html>
<head>
<meta charset="utf-8">
<title>Tead</title>
<meta name="description" content="Lighting the way to simpler testing">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<style>
body {
margin: 0;
background-color: black;
}
svg {
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
}
.words span {
position: absolute;
color: white;
font-size: 7vw;
margin: 2vw;
font-family: sans-serif;
pointer-events: none;
}
.words span:nth-child(2) {
right: 0;
}
.words span:nth-child(3) {
bottom: 0;
}
.words span:nth-child(4) {
right: 0;
bottom: 0;
}
</style>
<div class="words">
<span>Testing</span>
<span>Should</span>
<span>Be</span>
<span>Simple</span>
</div>
<a href="https://github.com/teadjs/tead">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480">
<defs>
<linearGradient id="a" y2="1" x2="1">
<stop stop-color="#ee2" offset=".2" />
<stop stop-color="#e22" offset="1" />
</linearGradient>
<linearGradient id="b" x2="1">
<stop stop-color="#fff" offset=".1" />
<stop stop-color="#fff" stop-opacity="0" offset=".95" />
</linearGradient>
<linearGradient id="c" y2="1" x2="0" x1="1">
<stop stop-color="#fff" offset=".25" />
<stop stop-color="#fff" stop-opacity="0" offset=".8" />
</linearGradient>
</defs>
<path d="M204.94 18.07C177.56 200.2 86.7 199.87 81.2 296c-5.53 96.16 92.62 151.92 109.45 155.9 0 0-31.28-34.4-43.52-75.52-8.87-35.66-.7-74.28 22.62-108.58s40.52-51.18 71.77-93.65c54.14 44.63 79.35 69.6 90.17 123.5 10.8 53.88-33.9 155.02-33.9 155.02C459.4 338 418 158.73 204.9 18.07z"
fill="url(#a)" />
<g opacity=".8">
<path d="M266.8 148.6v57.04l81.63 210.7c7.66 19.74-8.5 35.07-26.13 35.07H155.7c-17.63 0-33.8-15.3-26.14-35l81.64-210.7v-57.1c-2.13-.1-3.83-1.9-3.83-4 0-2.2 1.87-4.1 4.26-4.1h54.73c2.4 0 4.26 1.9 4.26 4.1 0 2.1-1.7 3.9-3.83 4z"
fill="#0c0" />
<path d="M310.38 317.4l38.06 98.93c7.66 19.75-8.52 35.07-26.14 35.07H155.7c-17.62 0-33.8-15.32-26.13-35.07l38.3-98.92s3.75 1.5 7.98 1.5c4.24 0 3.1-2.1 7.7-2 4.6.2 5.66 2.6 10.7 2.6 5.06 0 6.43-2.6 12.3-2.5 5.9.1 4.78 2.1 11.23 2.1 6.46 0 5-1.5 13.04-1.5 8.05.1 8.64 1.7 16.62 1.8 7.98.1 9.16-1.4 16.07-1.6 6.4-.3 8.5.7 14.1.7 6.7-.1 6-.77 11.8-.72 5.8.1 6.3 1 11.5 1 5.3 0 9.5-.9 9.5-.9z"
fill="#060" />
<path d="m 267.9,148.6 v 57.04 h -2.3 V 148.6 Z m -2.2,57.38 -0.1,-0.34 h 1.2 z m 2.12,-0.77 81.64,210.79 -2.13,0.67 -81.64,-210.7 2.1,-0.76 z M 349.46,416 c 1.44,3.57 2.04,6.97 2.04,10.2 h -2.3 c 0,-2.97 -0.6,-6.12 -1.87,-9.53 l 2.13,-0.68 z m 2.04,10.2 c 0,5.7 -1.87,10.73 -5.1,14.9 l -1.8,-1.27 c 2.9,-3.75 4.6,-8.43 4.6,-13.62 h 2.3 z m -5.1,14.9 c -3.16,4.1 -7.58,7.33 -12.6,9.28 l -0.86,-1.97 c 4.6,-1.8 8.68,-4.76 11.66,-8.58 z m -12.6,9.28 c -3.58,1.37 -7.5,2.13 -11.5,2.13 v -2.1 c 3.66,0 7.32,-0.7 10.64,-2 z m -11.5,2.13 H 155.7 v -2.1 h 166.6 z m -166.6,0 c -4,0 -7.92,-0.7 -11.5,-2.1 l 0.86,-2 c 3.32,1.3 6.98,2.1 10.64,2.1 v 2.2 z m -11.5,-2.1 c -5.02,-1.9 -9.44,-5.2 -12.6,-9.3 l 1.88,-1.2 c 2.9,3.9 6.98,6.7 11.58,8.5 l -0.85,2.1 z m -12.6,-9.3 c -3.23,-4.1 -5.1,-9.2 -5.1,-14.9 h 2.3 c 0,5.2 1.7,9.9 4.68,13.7 l -1.7694,1.3 z m -5.1,-14.9 c 0,-3.2 0.6,-6.6 2.04,-10.2 l 2.13,0.7 c -1.28,3.4 -1.87,6.6 -1.87,9.6 h -2.3 z m 2.04,-10.2 81.64,-210.8 2.22,0.5 -81.73,211 z m 83.86,-210.3 -0.2006,0.41258 L 211.2,205.81 h 1.2 z m -2.3,0 v -57.1 h 2.3 v 57.2 z m 1.2,-58 1.1,0.0186 v 1.0814 h -1.2 z m -0.18,2.1 0.18,-2.1 z m 0,0 0.1,-1.1 z m 0,0 c -0.43,0 -0.77,-0.1 -1.1,-0.2 l 0.67,-1.9 h 0.61 z m -1.1,-0.2 0.33,-1 z m 0,0 c -0.43,-0.1 -0.75742,-0.28803 -1.03,-0.4 l 1.1,-1.8 c 0.1,0.1 0.3,0.2 0.6,0.3 z m -1.03,-0.4 c -1.7,-0.8 -2.9,-2.5 -2.9,-4.4 h 2.3 c 0,1.1 0.8,2.1 1.7,2.6 z m -2.9,-4.4 h 2.3 z m 0,0 c 0,-1.4 0.7,-2.7 1.6,-3.6 l 1.6,1.6 c -0.6,0.5 -0.9,1.1 -0.9,2 z m 1.6,-3.6 0.8,0.8 z m 0,0 c 1,-0.9 2.3,-1.4 3.8,-1.4 v 2.1 c -0.9,0 -1.7,0.4 -2.2,0.9 z m 3.8,-1.4 v 2.1 z m 0,0 h 54.7 v 2.1 h -54.7 z m 54.7,0 v 2.1 z m 0,0 c 1.4,0 2.8,0.5 3.8,1.4 l -1.7,1.5 c -0.6,-0.5 -1.4,-0.8 -2.2,-0.8 z m 3.8,1.4 c 0.9,0.9 1.6,2.2 1.6,3.7 h -2.3 c 0,-0.9 -0.4,-1.66 -1,-2.2 l 1.6,-1.46 z m 1.6,3.7 h -2.3 z m 0,0 h -2.3 z m 0,0 c 0,0.3 -0.1,0.7 -0.2,1.1 l -2.2,-0.5 c 0,0 0.1,-0.4 0.1,-0.6 z m -0.2,1.1 c -0.1,0.3 -0.2,0.67 -0.4,1 l -2.1,-0.92 c 0,0 0.17957,-0.18657 0.3,-0.58 z m -0.4,1 c -0.8,1.6 -2.5,2.8 -4.4,3 l -0.2,-2.22 c 1.1,-0.1 2,-0.8 2.5,-1.7 z m -5.39819,1.81258 -2e-5,-0.96288 0.79818,-0.0697 0.1,1.02 z"
fill="#1f1a17" />
<g opacity="0.7">
<circle cx="177.74" cy="441.97" r="3.39" fill="#0f0" />
<circle cx="171.99" cy="428.33" r="3.6" fill="#0f0" />
<circle cx="176.63" cy="408.49" r="4.43" fill="#0f0" />
<circle cx="186.02" cy="423.93" r="3.39" fill="#0f0" />
<circle cx="163.87" cy="401.2" r="3.39" fill="#0f0" />
<circle cx="166.67" cy="418.48" r="3.39" fill="#0f0" />
<circle cx="168.86" cy="436.38" r="2.77" fill="#0f0" />
<circle cx="183.87" cy="431.41" r="3.39" fill="#0f0" />
<circle cx="177.23" cy="416.52" r="3.39" fill="#0f0" />
<circle cx="172.12" cy="395.38" r="4.43" fill="#0f0" />
<circle cx="187.19" cy="393.51" r="4.43" fill="#0f0" />
<circle cx="187.74" cy="372.03" r="3.19" fill="#0f0" />
<circle cx="170.7" cy="371.78" r="3.81" fill="#0f0" />
<circle cx="178.68" cy="360.93" r="5.2" fill="#0f0" />
<circle cx="213.66" cy="333.32" r="4.43" fill="#0f0" />
<circle cx="202.17" cy="322.51" r="4.43" fill="#0f0" />
<circle cx="170.76" cy="340.55" r="4.43" fill="#0f0" />
<circle cx="186.47" cy="408.12" r="3.19" fill="#0f0" />
<circle cx="162.57" cy="379.91" r="3.81" fill="#0f0" />
<circle cx="194" cy="356.22" r="4.43" fill="#0f0" />
<circle cx="201.74" cy="379.97" r="4.43" fill="#0f0" />
<circle cx="182.76" cy="349.07" r="4.43" fill="#0f0" />
<circle cx="201.81" cy="339.77" r="5.25" fill="#0f0" />
<circle cx="182.33" cy="329.74" r="5.46" fill="#0f0" />
<circle cx="179.27" cy="382.44" r="4.43" fill="#0f0" />
</g>
<g stroke-width="0" fill-rule="evenodd">
<path d="M3153 2918.5c-393.23 810-2121.5 4642.3-1728.3 5115.9 170.2 205.03 287.9 319.76 1544.7 334.1 1015.2 11.73 1251.3 37.27 1520.2-172.78 114.07-89.1-1608.8 59.03-2304.5-576.1-285.74-260.9 1177.7-5133.2 967.87-4701.1z"
transform="matrix(0.03842594,0,0,0.03842594,88.9219,123.7559)" fill="url(#b)" opacity="0.7" />
<path d="M256.3 219.1c1.8-10.73 35.08 49.42 34.53 75.52-.1 5.27-21.5.14-28.05-11.5-5.05-9-10.15-42.03-6.47-64.02z" fill="url(#c)"
/>
</g>
<circle cx="222" cy="116" r="5" fill="#ff0" />
<circle cx="238.25" cy="121.5" r="2.5" fill="#ff0" />
<circle cx="240.25" cy="89.5" r="3.7" fill="#ff0" />
<circle cx="252.25" cy="132.5" r="2.77" fill="#ff0" />
<circle cx="246.25" cy="109.5" r="3.84" fill="#ff0" />
<circle cx="224.25" cy="87.5" r="1.6" fill="#ff0" />
<circle cx="230.25" cy="101.5" r="1.7" fill="#ff0" />
<circle cx="252.25" cy="97.5" r="2.5" fill="#ff0" />
<circle cx="256.25" cy="111.5" r="2" fill="#ff0" />
<circle cx="232.25" cy="131.5" r="2.25" fill="#ff0" />
<circle cx="262.25" cy="123.5" r="1.12" fill="#ff0" />
</g>
</svg>
</a>
</body>
</html>