-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (121 loc) · 11.7 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
<html>
<head>
<title>Cyclops Ham</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
<div>
<svg version="1.1" id="svg1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="margin-left:2.5%;margin-top:75px;z-index:-10;position:absolute;"
width="95%" height="76%" viewBox="0 0 600 500" enable-background="new 0 0 600 500" xml:space="preserve">
<ellipse fill="#F9B886" stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="89.637" cy="221.903" rx="32.882" ry="36.816"/>
<ellipse fill="#F9B886" stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="504.276" cy="221.903" rx="32.882" ry="36.816"/>
<g>
<ellipse fill="#F9B886" cx="296.399" cy="252.41" rx="208.991" ry="197.23"/>
<g>
<path d="M503.891,252.41c-0.162,45.152-16.734,88.532-45.956,122.86c-29.339,34.468-70.195,57.908-114.208,67.757
c-91.018,20.369-190.368-21.397-233.952-104.967c-20.994-40.253-26.169-87.616-15.125-131.568
c10.86-43.222,37.784-81.246,73.297-107.818c75.529-56.513,184.108-55.2,259.007,1.583
C474.402,136.229,503.676,192.731,503.891,252.41c0.007,1.935,3.007,1.935,3,0c-0.155-43.316-15.157-84.977-41.883-118.973
c-27.017-34.364-65.315-58.965-107.132-71.149c-86.809-25.295-184.908,6.485-237.288,80.809
c-25.125,35.65-37.165,79.408-34.194,122.873c2.929,42.862,21.209,83.466,49.781,115.326
c60.744,67.735,163.283,87.941,246.388,52.473c72.684-31.021,124.041-101.394,124.328-181.358
C506.897,250.475,503.897,250.476,503.891,252.41z"/>
</g>
</g>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M87.965,203.497c-7.678-4.597-17.778,2.573-19.006,10.463
c-1.74,11.181,11.753,16.597,11.204,27.403"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M505.179,205.074c7.68-4.596,17.779,2.573,19.008,10.464
c1.74,11.181-11.755,16.597-11.203,27.403"/>
<path fill="none" stroke="#000000" stroke-width="0.75" stroke-miterlimit="10" d="M140.729,330.775
c0-15.263,24.716-27.612,55.259-27.612"/>
<path fill="none" stroke="#000000" stroke-width="0.75" stroke-miterlimit="10" d="M451.794,329.197
c0-15.263-24.716-27.612-55.261-27.612"/>
<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M298.072,290.65
c-0.247,13.346,6.422,19.951,16.125,27.788c6.206,5.014,11.34,12.151,7.854,20.798c-9.409,2.855-16.599,5.819-27.322,5.85"/>
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M417.49,317.207c-16.356,34.861-64.807,60.139-122.043,60.139
c-51.142,0-95.258-20.184-115.748-49.349c-4.529,5.824-7.022,12.063-7.022,18.557c0,31.807,58.917,57.591,131.595,57.591
c72.679,0,131.594-25.784,131.594-57.591C435.865,335.832,429.15,325.801,417.49,317.207z"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M197.755,376.533c-0.203-5.719-2.076-21.89,3.344-24.458"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M227.015,388.366c0.438-6.379,5.576-11.126,4.18-18.145"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M261.289,397.833c4.322-2.595,6.04-11.872,4.18-16.566"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M311.447,399.411c0.088-5.605-2.789-11.621-5.852-15.778"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M345.722,395.467c-6.015-3.292-1.229-13.815-7.523-18.146"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M392.536,383.633c-4.258-5.593-5.734-13.946-12.979-17.436
c1.358,0.191,2.735-0.008,4.094,0.115c-1.767-1.144-3.495-1.818-5.326-2.402"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M426.811,366.276c0.397-9.868-12.478-22.545-20.899-26.824"/>
<circle id="eye" fill="#FFFFFF" stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="294.98" cy="202.969" r="76"/>
<circle id="pupil" stroke="#000000" stroke-miterlimit="10" cx="299.86" cy="254.603" r="18"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M115.274,121.447
c-1.517,0-3.015-0.053-4.5-0.137c0.472,2.347,0.74,4.753,0.74,7.212c0,19.189-14.99,35.439-35.703,41.023
c8.299,4.788,18.353,7.597,29.194,7.597c28.447,0,51.51-19.298,51.51-43.1c0-7.683-2.414-14.891-6.624-21.137
C140.513,118.235,128.446,121.447,115.274,121.447z"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M147.957,89.188
c-2.078,0-4.13-0.093-6.163-0.239c0.647,4.041,1.014,8.18,1.014,12.412c0,33.022-20.527,60.986-48.893,70.596
c11.365,8.239,25.133,13.073,39.979,13.073c38.958,0,70.54-33.21,70.54-74.17c0-13.224-3.303-25.626-9.072-36.377
C182.52,83.658,165.994,89.188,147.957,89.188z"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M181.396,77.447
c-2.077,0-4.129-0.103-6.163-0.265c0.647,4.471,1.013,9.049,1.013,13.729c0,36.523-20.528,67.455-48.893,78.083
c11.365,9.112,25.133,14.459,39.979,14.459c38.958,0,70.54-36.73,70.54-82.036c0-14.628-3.303-28.345-9.072-40.235
C215.959,71.33,199.433,77.447,181.396,77.447z"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M208.146,68.985
c-2.077,0-4.129-0.107-6.163-0.278c0.647,4.695,1.014,9.502,1.014,14.416c0,38.353-20.528,70.831-48.894,81.992
c11.366,9.568,25.133,15.183,39.979,15.183c38.958,0,70.539-38.569,70.539-86.141c0-15.36-3.302-29.763-9.071-42.249
C242.71,62.563,226.183,68.985,208.146,68.985z"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M234.46,61.196
c-2.125,0-4.224-0.116-6.304-0.304c0.663,5.156,1.037,10.435,1.037,15.833c0,42.124-20.997,77.793-50.01,90.051
c11.625,10.509,25.707,16.677,40.893,16.677c39.849,0,72.151-42.36,72.151-94.61c0-16.87-3.378-32.689-9.279-46.401
C269.813,54.143,252.909,61.196,234.46,61.196z"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M257.867,61.197
c-2.125,0-4.225-0.117-6.304-0.305c0.662,5.156,1.037,10.435,1.037,15.834c0,42.123-20.996,77.792-50.01,90.05
c11.625,10.51,25.707,16.677,40.893,16.677c39.849,0,72.15-42.36,72.15-94.61c0-16.869-3.378-32.69-9.278-46.401
C293.219,54.143,276.316,61.197,257.867,61.197z"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M287.483,58.577
c-1.517,0-3.014-0.103-4.5-0.263c0.473,4.469,0.74,9.047,0.74,13.729c0,36.523-14.99,67.455-35.703,78.083
c8.299,9.113,18.353,14.46,29.194,14.46c28.447,0,51.51-36.733,51.51-82.038c0-14.626-2.413-28.343-6.626-40.233
C312.723,52.462,300.654,58.577,287.483,58.577z"/>
<path fill="#603813" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M320.922,52.266
c-1.517,0-3.016-0.104-4.5-0.265c0.472,4.47,0.739,9.048,0.739,13.729c0,36.525-14.988,67.456-35.702,78.083
c8.299,9.115,18.354,14.461,29.194,14.461c28.447,0,51.51-36.734,51.51-82.039c0-14.626-2.413-28.343-6.625-40.233
C346.161,46.15,334.093,52.266,320.922,52.266z"/>
<g>
<path fill="#603813" d="M357.86,60.308c-1.757-0.646-3.529-1.398-5.291-2.201c1.812,5.049,3.354,10.058,4.561,15.008
c7.449,36.481-0.846,64.019-14.527,74.702c7.393,8.19,14.813,12.016,22.141,10.931c19.824-2.202,41.732-26.198,43.279-59.731
c-0.651-12.075-4.724-25.146-11.579-38.321C386.493,65.598,373.251,66.036,357.86,60.308z"/>
<path fill="none" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M357.86,60.308
c-1.757-0.646-3.529-1.398-5.291-2.201c1.812,5.049,3.354,10.058,4.561,15.008c7.449,36.481-0.846,64.019-14.527,74.702
c7.393,8.19,14.813,12.016,22.141,10.931c19.824-2.202,41.732-26.198,43.279-59.731c-0.651-12.075-4.724-25.146-11.579-38.321
C386.493,65.598,373.251,66.036,357.86,60.308z"/>
</g>
<g>
<path fill="#603813" d="M394.644,78.241c-1.761-0.648-3.529-1.397-5.294-2.203c1.813,5.051,3.356,10.061,4.563,15.011
c7.448,36.48-0.847,64.019-14.527,74.702c7.393,8.188,14.813,12.016,22.142,10.93c19.822-2.201,41.73-26.198,43.278-59.729
c-0.651-12.075-4.724-25.146-11.581-38.323C423.274,83.531,410.032,83.969,394.644,78.241z"/>
<path fill="none" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M394.644,78.241
c-1.761-0.648-3.529-1.397-5.294-2.203c1.813,5.051,3.356,10.061,4.563,15.011c7.448,36.48-0.847,64.019-14.527,74.702
c7.393,8.188,14.813,12.016,22.142,10.93c19.822-2.201,41.73-26.198,43.278-59.729c-0.651-12.075-4.724-25.146-11.581-38.323
C423.274,83.531,410.032,83.969,394.644,78.241z"/>
</g>
<g>
<path fill="#603813" d="M431.689,107c-1.427-0.498-2.864-1.078-4.297-1.698c1.411,3.911,2.605,7.792,3.529,11.631
c5.652,28.343-1.346,49.868-12.524,58.297c5.948,6.374,11.946,9.338,17.903,8.454c16.13-1.793,34.192-20.632,35.879-46.722
c-0.358-9.36-3.488-19.477-8.895-29.667C455.049,111.079,444.196,111.422,431.689,107z"/>
<path fill="none" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M431.689,107
c-1.427-0.498-2.864-1.078-4.297-1.698c1.411,3.911,2.605,7.792,3.529,11.631c5.652,28.343-1.346,49.868-12.524,58.297
c5.948,6.374,11.946,9.338,17.903,8.454c16.13-1.793,34.192-20.632,35.879-46.722c-0.358-9.36-3.488-19.477-8.895-29.667
C455.049,111.079,444.196,111.422,431.689,107z"/>
</g>
<g>
<path fill="#603813" d="M463.105,141.069c-0.991-0.281-1.979-0.606-2.962-0.954c0.823,2.246,1.505,4.482,1.995,6.698
c2.92,16.474-2.552,29.283-10.435,34.492c3.97,3.714,8.041,5.401,12.168,4.789c11.221-1.251,24.361-12.641,26.57-27.896
c0.183-5.397-1.548-11.197-4.888-17.02C479.481,143.337,471.755,143.559,463.105,141.069z"/>
<path fill="none" stroke="#000000" stroke-width="0.50" stroke-miterlimit="10" d="M463.105,141.069
c-0.991-0.281-1.979-0.606-2.962-0.954c0.823,2.246,1.505,4.482,1.995,6.698c2.92,16.474-2.552,29.283-10.435,34.492
c3.97,3.714,8.041,5.401,12.168,4.789c11.221-1.251,24.361-12.641,26.57-27.896c0.183-5.397-1.548-11.197-4.888-17.02
C479.481,143.337,471.755,143.559,463.105,141.069z"/>
</g>
</svg>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/cyclops_eye.js"></script>
</body>
</html>