-
Notifications
You must be signed in to change notification settings - Fork 0
/
Animal.html
191 lines (168 loc) · 15.4 KB
/
Animal.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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="modal.css">
<script type="text/javascript" src="modal.js"></script>
<title>ANIMAL ATTIC</title>
</head>
<body>
<!-- Buttons for Floor Selection -->
<form class="buttons">
<input type="button" value="Ground" onclick="window.location.href = 'GFloor.html'" />
<input type="button" value="First" onclick="window.location.href = '1Floor.html'" />
<input type="button" value="Second/Third" onclick="window.location.href = '2Floor.html'" />
<input type="button" value="Animal Attic" onclick="window.location.href = 'AAFloor.html'" />
</form>
<svg xmlns="http://www.w3.org/2000/svg" id="map" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 493 790">
<defs>
<style>
.cls-1, .cls-12 {
fill: none;
}
.cls-2, .cls-7 {
isolation: isolate;
}
.cls-3 {
fill: #ccc;
}
.cls-12, .cls-3, .cls-4 {
stroke: #000;
}
.cls-3, .cls-4 {
stroke-miterlimit: 10;
}
.cls-4 {
fill: #aaa;
}
.cls-5 {
opacity: 0.44;
}
.cls-6 {
fill: #f7560f;
}
.cls-7 {
font-size: 36px;
font-family: Avenir-Book, Avenir;
}
.cls-8 {
letter-spacing: -0.07em;
}
.cls-9 {
fill: #fff;
}
.cls-10 {
clip-path: url(#clip-path);
}
.cls-11 {
clip-path: url(#clip-path-2);
}
.cls-12 {
stroke-width: 3.32px;
}
.cls-13 {
opacity: 0.75;
mix-blend-mode: multiply;
}
.cls-14 {
fill: #005bff;
}
</style>
<clipPath id="clip-path" transform="translate(-180 -221)">
<rect class="cls-1" x="566.47" y="808.47" width="60" height="60"/>
</clipPath>
<clipPath id="clip-path-2" transform="translate(-180 -221)">
<rect class="cls-1" x="566.47" y="808.47" width="60" height="60"/>
</clipPath>
</defs>
<title>Animal</title>
<g class="cls-2">
<g id="Layer_1" data-name="Layer 1">
<g id="Outline">
<g id="Layer_1-2" data-name="Layer 1">
<g id="Outline-2" data-name="Outline">
<g id="Layer_2-2" data-name="Layer 2">
<polygon class="cls-3" points="0.5 0.5 343.5 0.5 343.5 566.5 492.5 566.5 492.5 789.5 343.5 789.5 343.7 657.2 0.5 657.5 0.5 0.5"/>
<rect class="cls-4" x="89.5" y="100.5" width="165" height="482"/>
</g>
<g id="AALIONS" class="cls-5">
<path class="cls-6" d="M476.1,563.3s9.3,3.5,11.5,6.6l2.2,3.1s12.4,5.7,15.4,7.9.9,5.7-.4,6.6c0,0,0,4.8-3.1,7.1,0,0,2.6,7-1.3,9.3s-10.1-.9-10.1-.9-1.8-3.5-5.3-.4.4,7.9-2.6,11a20.05,20.05,0,0,1-7.1,4.4,4.34,4.34,0,0,1-5.3,1.8s-5.3,2.6-8.4,1.8c0,0,0,5.3-1.8,6.2,0,0,0,7.1-4,11.9s-2.6,4-1.3,6.2,5.7,11.5,7.5,15.4,6.6,14.6,8.8,16.8,2.2,3.5,5.3,4.4,5.3-3.1,8.4-.9,4.9,6.2,3.5,8.4c0,0-1.8,4-5.3,4.4s-9.3-2.2-11-1.8-1.8-2.6-4-2.6-4-4-5.7-5.3-6.6-7.1-11-11-19-14.6-22.9-21.2c0,0-4,1.8-7.5-.4a10.85,10.85,0,0,1-4.4-6.2s-7.9,2.6-10.6.4a23.84,23.84,0,0,1-5.3.9,33.51,33.51,0,0,1-6.6-1.3l-8.4-.4a163.66,163.66,0,0,1-9.3,17.2c-5.3,8.4-4.4,15-1.8,17.6s9.3,7.9,7.5,11-6.6,2.6-6.6,2.6-4,2.2-6.6,1.3-6.2-5.3-9.7-7.5-3.5-5.7-2.2-11,0-12.8,0-19.8a60.21,60.21,0,0,1,2.2-14.6l-17.2-7.9a40.71,40.71,0,0,1-2.2,18.1c-3.5,10.1-3.1,16.3,0,20.7s7.5,7.5,9.7,9.3,7.5,5.3,4.9,7.9-6.2.9-6.2.9-3.2,2.2-6.1.4c-1.9-1.1-2.2-6.4-7-9.4-6.3-4-14.5-10.6-14.2-14.5.5-7.5,6.5-2.2-.5-17.5-5-10.9-17.6-22.9-17.6-22.9s-29.1,18.1-37,23.8-11.9,4.9-15,9.3-10.1,6.6-11,8.4-2.6,9.3-.4,10.6,9.3.9,9.3,5.7-4.8,6.2-4.8,6.2-7.5,4.9-9.7,2.2a9.91,9.91,0,0,0-7.1-3.5c-1.8,0-4.4-16.3-.9-23.8s3.5-10.6,4.8-13.2,5.3-.9,9.7-2.6,14.6-34.4,20.3-43.2,8.8-14.6,8.8-14.6-32.6,28.7-44.5,48.9-24.3,33.1-33.1,30.9-11-10.6-8.8-14.6,9.7-5.3,11.5-1.3-2.6,7.9-2.6,7.9,10.4.1,19.4-15.9c13.7-24.3,54.6-67.1,72.8-72.8,18.5-5.7,29.5-6.6,60.4-1.8s41.9.4,41.9.4,23.4-17.6,30.4-18.5,34.4-6.6,44.5-4.8C471.3,552.7,480.5,554,476.1,563.3Z" transform="translate(-180 -221)"/>
</g>
</g>
</g>
</g>
<g id="Text">
<rect class="cls-1" x="75.1" y="158.1" width="199.9" height="128.4"/>
<g class="cls-2">
<text class="cls-7" transform="translate(106.58 185.32)">ANIMAL </text>
<text class="cls-7" transform="translate(124.58 228.52)"><tspan class="cls-8">A</tspan><tspan x="22.25" y="0">TTIC</tspan></text>
</g>
</g>
<rect class="cls-1" x="395" y="702" width="60" height="60"/>
<rect class="cls-1" x="395" y="702" width="60" height="60"/>
</g>
<g id="Icons">
<g id="Stairs">
<rect class="cls-1" x="157.2" y="585.7" width="27.8" height="27.8"/>
<rect x="157.2" y="585.7" width="27.8" height="27.8"/>
<rect class="cls-1" x="157.2" y="585.7" width="27.8" height="27.8"/>
<polygon class="cls-9" points="159.5 606.9 163.7 606.9 163.7 602.6 167.9 602.6 167.9 598.2 172.2 598.2 172.2 593.9 176.5 593.9 176.5 589.7 182.8 589.7 182.8 591.8 178.6 591.8 178.6 596.1 174.4 596.1 174.4 600.4 170.1 600.4 170.1 604.7 165.8 604.7 165.8 609.1 159.5 609.1 159.5 606.9"/>
</g>
<g id="MainLift">
<g class="cls-10">
<rect x="388.13" y="589.13" width="56.68" height="56.68"/>
<g class="cls-11">
<rect class="cls-12" x="388.13" y="589.13" width="56.68" height="56.68"/>
<path d="M576.83,813.36c-3.48,0-5.45,1.8-5.45,5.48v37.94c0,3.45,1.77,5.25,5.25,5.25h38.1c3.49,0,5.25-1.71,5.25-5.25V818.84c0-3.6-1.76-5.48-5.35-5.48,0,0-37.81,0-37.8,0" transform="translate(-180 -221)"/>
<path class="cls-9" d="M583.35,853.82V835.45h0a3.3,3.3,0,0,1,3.34-3.36h18.42a3.33,3.33,0,0,1,3.35,3.36v18.37h0a3.24,3.24,0,0,1-3.32,3.32H586.7a3.33,3.33,0,0,1-3.35-3.33" transform="translate(-180 -221)"/>
<rect x="406.82" y="614.6" width="18.18" height="18.07"/>
<path class="cls-9" d="M600.46,817.86a1.74,1.74,0,1,1,3.47,0l0,7.3,1.87-2.29c1.29-1.42,3.56.56,2.16,2.16l-4.54,5.4a1.57,1.57,0,0,1-2.36,0L596.5,825c-1.4-1.61.89-3.6,2.16-2.17l1.85,2.32Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M587.83,829.17a1.74,1.74,0,1,0,3.48,0l0-7.3,1.86,2.29c1.3,1.42,3.57-.55,2.17-2.15l-4.54-5.41a1.57,1.57,0,0,0-2.36,0L583.88,822c-1.41,1.61.88,3.6,2.15,2.17l1.86-2.32Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M604.14,846a.62.62,0,0,1-.62.62h-4.07a.62.62,0,0,1-.62-.62v-4.42a.84.84,0,0,1,.85-.85h3.61a.84.84,0,0,1,.85.85Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M603.14,846.41H601.6v6a.77.77,0,1,0,1.54,0Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M601.36,846.41h-1.55v6a.78.78,0,1,0,1.55,0Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M601.5,840.32a1.17,1.17,0,1,0-1.16-1.17,1.16,1.16,0,0,0,1.16,1.17" transform="translate(-180 -221)"/>
<path class="cls-9" d="M598.57,846a.61.61,0,0,1-.62.62h-4.06a.62.62,0,0,1-.62-.62v-4.42a.84.84,0,0,1,.85-.85h3.6a.84.84,0,0,1,.85.85Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M597.58,846.41H596v6a.78.78,0,1,0,1.55,0Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M595.8,846.41h-1.55v6a.78.78,0,1,0,1.55,0Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M595.93,840.32a1.17,1.17,0,1,0-1.16-1.17,1.17,1.17,0,0,0,1.16,1.17" transform="translate(-180 -221)"/>
<path class="cls-9" d="M593,846a.61.61,0,0,1-.62.62h-4.07a.62.62,0,0,1-.62-.62v-4.42a.84.84,0,0,1,.85-.85h3.61a.84.84,0,0,1,.85.85Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M592,846.41h-1.54v6a.77.77,0,1,0,1.54,0Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M590.23,846.41h-1.55v6a.78.78,0,1,0,1.55,0Z" transform="translate(-180 -221)"/>
<path class="cls-9" d="M590.37,840.32a1.17,1.17,0,1,0-1.16-1.17,1.16,1.16,0,0,0,1.16,1.17" transform="translate(-180 -221)"/>
</g>
</g>
</g>
<g id="AAStairs">
<image class="cls-13" width="91" height="91" transform="translate(378 688)" xlink:href="data:image/png;base64,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"/>
<g>
<rect class="cls-14" x="386.5" y="696.5" width="60" height="60"/>
<path class="cls-9" d="M623.23,926.21v3.58h-15.3v13H595v14.34H581.64V970H569.46v-3.59h8.6v-12.9h13.38V939.17h12.91v-13Zm-45.47,18.07,9.82-1.29a.31.31,0,0,0,.28-.27.33.33,0,0,0-.19-.34l-3.94-1.71,6.54-6.54a.33.33,0,0,0,0-.45L588,931.41a.33.33,0,0,0-.45,0L581,938,579.3,934a.33.33,0,0,0-.34-.19.38.38,0,0,0-.18.09.34.34,0,0,0-.09.19l-1.29,9.82a.33.33,0,0,0,.36.36Z" transform="translate(-180 -221)"/>
</g>
</g>
<g id="Lions" onclick="popup('lionsModal')">
<image class="cls-13" width="108" height="108" transform="translate(135 267)" xlink:href="data:image/png;base64,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"/>
<g>
<rect class="cls-14" x="143" y="275" width="78" height="78"/>
<path class="cls-9" d="M363.59,527c-2.55,6,10.47,6.51,16.34,9.44s8.55,9.06,9.95,9.06c7.28-9.7-4.08-23-4.08-23s-4.34-1.28-5.24-5.49,3.07-10.46,2.43-7.27,4,4.85,4.47,7a18.24,18.24,0,0,1-.13,5.74s12.38,7.53,4.73,25.27c2.93,11.87-3.57,11.87-3.57,11.87s2.17,4.21-4,4.21H369.34c-5.49,0-1.53-4.59.89-4.59s4.4.08,5.36,0c-.32,0-7.36-.55-5.86-5.28-9,.74-20.68-2.89-20.68-2.89s-5.69,13.63-9.9,13.5-7.61.25-7.3-2c.7-4.53,6.92-.19,7.5-8.81a18.11,18.11,0,0,1,3.19-8.68s-7.79-5.24-5.23-20.29c-.89.07-3.32.5-4.09-1a4.36,4.36,0,0,1,0-3.31s-3.25-4.41-1.85-7,7.16-3.31,9.84-3.57c1.09-10.4,5.69-10.23,12.83-7.16C365.78,501.43,368.81,519.56,363.59,527Z" transform="translate(-180 -221)"/>
</g>
</g>
</g>
</g>
</svg>
<div id="content">
<!-- The Lions Modal -->
<div id="lionsModal" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h4 align="center">ANIMAL ATTIC</h4>
<div class="caption">Roar like a lion and clamber like a monkey in one of our favourite galleries, Animal Attic.
Explore the ways we group animals and learn about the habitats that they call home.
To book or to learn more, contact the Education team.
</div>
<img src="Pictures/lions.jpg" alt="Lions">
<a href="http://otagomuseum.nz/learn/programmes/programme/animals-in-the-attic" itemprop="url"><span itemprop="name">Visit the museum site for more info</span></a>
</div>
</div>
</body>
</html>