-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·402 lines (329 loc) · 17.4 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
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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" lang="en-US">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<title>Richter Library 50th Anniversary | Information about the 50th Anniversary of the Richter Library.</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!--responsive classes-->
<link type="text/css" media="screen" rel="stylesheet" href="assets/umiami/css/pure-min.css">
<link type="text/css" media="screen" rel="stylesheet" href="assets/umiami/css/grids-responsive-min.css">
<link rel="stylesheet" type="text/css" media="all" href="assets/um-50/style.css" />
<link type="text/css" media="print" rel="stylesheet" href="assets/umiami/print.css" />
</head>
<body class="home page-template page-template-splashy page-template-splashy-php page page-id-7 single-author singular two-column right-sidebar">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GG3W2LFPG1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GG3W2LFPG1');
</script>
<div id="wrapper">
<div id="supernav">
<!--SECTION 1: logo-->
<div id="superzone">
<div class="pure-g">
<div id="logo" class="pure-u-1">
<a href="https://www.library.miami.edu/"><img src="assets/um-50/images/logo.png" alt="UM Libraries 50th Anniversary" border="0" /></a>
<span id="menu_button"><a class="pure-button button-menu" href="#">Menu</a></span>
</div>
</div>
</div> <!-- end superzone-->
</div> <!--end supernav-->
<!--SECTION 2: Main NAV-->
<div id="header" class="pure-g">
<div id="nav" class="pure-u-1">
<ul id="nav_menu">
<li class="mega"><a href="index.html">HOME</a></li>
<li class="mega"><a href="event-schedule/index.html">EVENT SCHEDULE</a></li>
<li class="mega"><a href="images/index.html">IMAGES</a></li>
<!--<li class="mega"><a href="video/index.html">VIDEO</a></li>-->
<li class="mega"><a href="press/index.html">PRESS</a></li>
<li class="mega"><a href="https://www.library.miami.edu/about/support-the-libraries.html">MAKE A GIFT</a></li>
</ul>
</div> <!-- end #nav -->
</div> <!--end #header-->
<!--MAIN CONTENT-->
<div id="main">
<div class="pure-g">
<div class="pure-u-1">
<!--Timeline slider -->
<div id="indexbody" class="pure-u-1">
<img src="assets/um-50/images/background/background.jpg" class="timeline-bkg" />
<div id="timeline_zone">
<div id="line-1">
<div class="featurespace"><img src="assets/um-50/images/1920a.gif" />
<div class="deets_box" style=""><a href="images/index.html#1926">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1926</h3>
<p>George Merrick and more than 5000 guests attended the University of Miami’s dedication on the Coral Gables campus on February 4, 1926.</p>
</div>
<div class="timeline_controls">
<span class="right"><a href="" id="show-2"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-2">
<div class="featurespace"><img src="assets/um-50/images/1920b.gif" />
<div class="deets_box" style=""><a href="images/index.html#1926"> about these images</a></div>
</div>
<div class="blurbspace">
<h3>1926</h3>
<p style="font-size: smaller;">The University of Miami opened at the Anastasia Hotel in Coral Gables. Classes began on October 18, 1926 at the Anastasia Hotel in Coral Gables,
which was considered a temporary campus due to time and budget constraints. There was a library in the building.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-1"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-3"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-3">
<div class="featurespace"><img src="assets/um-50/images/1940s.gif" />
<div class="deets_box" style=""><a href="images/index.html#1940s">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1940s</h3>
<p style="">The move to the main campus started in 1946. In December 1949 the first central library was created.
William G. Harkins was the first library director from 1946 to 1951.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-2"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-4"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-4">
<div class="featurespace"><img src="assets/um-50/images/1950s.gif" />
<div class="deets_box" style=""><a href="images/index.html#1950s">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1950s</h3>
<p style="font-size: smaller;">Various departments of the library were housed in separate buildings around the campus until the construction of the Richter Library.
Construction was done in two phases with a two-story building from Dec. 1959 to July 1960 and a the final portion from April 1961 to April 1962s</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="page3" id="show-3"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="page5" id="show-5"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-5">
<div class="featurespace"><img src="assets/um-50/images/1959.gif" />
<div class="deets_box" style=""><a href="images/index.html#1959">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1959</h3>
<p style="">The new library was named after Otto G. Richter, 1892 - 1959, an accountant from Pittsburgh. He was one of the biggest
benefactors of the university in the 1950s.</p>
<p>Groundbreaking was in 1959.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-4"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-6"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-6">
<div class="featurespace"><img src="assets/um-50/images/1961.gif" />
<div class="deets_box" style=""><a href="images/index.html#1961)">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1961</h3>
<p style="">The Richter Library under construction.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-5"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-7"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-7">
<div class="featurespace"><img src="assets/um-50/images/1962a.gif" />
<div class="deets_box" style=""><a href="images/index.html#1962 (part I)">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1962</h3>
<p style="">Guests pose at Richter's dedication ceremony on June 10, 1962 with Otto G. Richter’s portrait.</p>
<p>Library Director Archie McNeal at the dedication.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-6"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-8"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-8">
<div class="featurespace"><img src="assets/um-50/images/1962b.gif" />
<div class="deets_box" style=""><a href="images/index.html#1962 (part II)">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1962</h3>
<p style="">The Library featured this grand staircase in the lobby. The Library also had an escalator, a very modern feature at that time.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-7"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-9"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-9">
<div class="featurespace"><img src="assets/um-50/images/1985.jpg" />
<div class="deets_box" style=""><a href="images/index.html#1980s">about these images</a></div>
</div>
<div class="blurbspace">
<h3>1985</h3>
<p style="">The exterior of the stack towers were originally covered in blue tiles. In earlier years, the Library had closed stacks.
Graduate students were the only students allowed access to the closed stacks.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-8"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-10"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div id="line-10">
<div class="featurespace"><img src="assets/um-50/images/2000s.gif" />
<div class="deets_box" style=""><a href="images/index.html#2000s">about these images</a></div>
</div>
<div class="blurbspace">
<h3>2000s</h3>
<p style="">The Library's major renovation saw the addition of the Dauer Clock Tower, the Roberto C. Goizueta Pavilion for the Cuban Heritage Collection, and a major renovation of the first floor and lobby.</p>
</div>
<div class="timeline_controls">
<span class="left"><a href="" id="show-9"><img src="assets/um-50/images/backward_button.png" /></a></span>
<span class="right"><a href="" id="show-1"><img src="assets/um-50/images/forward_button.png" /></a></span>
</div>
</div>
<div class="timeline">
<ul id="eras">
<li><a id="show-1" href="images/index.html#1926">1920s</a></li>
<li><a id="show-3" href="images/index.html#1940s">1940s</a></li>
<li><a id="show-4" href="images/index.html#1950s">1950s</a></li>
<li><a id="show-6" href="images/index.html#1961">1960s</a></li>
<li><a id="show-9" href="images/index.html#1980s">1980s</a></li>
<li><a id="show-10" href="images/index.html#2000s">2000s</a></li>
</ul>
</div>
</div>
</div>
<!--content and news -->
<div id="listland" class="pure-u-1">
<div class="pure-g">
<div id="quicko" class="pure-u-1 pure-u-md-1-2">
<h3>Welcome</h3>
<p>Opened in 1962, the Otto G. Richter Library at the University of Miami celebrates
50 years of supporting scholarship, research, and discovery this fall. Today,
the Library offers students and researchers one of the most comprehensive information
resources in the Southeast and continues to build its print, multimedia, and networked
information resources at a robust pace. Also, the Library promotes the humanities with
year-round exhibitions in which exceptional and unique items are displayed and provides
noteworthy cultural programming that includes prominent guest speakers from around the world. </p>
<p><a href="press/index.html" style="text-decoration: underline;">Find out more about the Library and its history</a></p>
</div>
<div id="feedo" class="pure-u-1 pure-u-md-1-2">
<h3>News & Events</h3>
<p><strong>In the News</strong></p>
<p><a href="http://www.themiamihurricane.com/2012/10/28/richter-library-celebrates-50-years-with-laughs-rare-artifacts/">Richter Library celebrates 50 years with laughs, rare artifacts<br />
</a>The Miami Hurricane</p>
<p><a href="http://www.themiamihurricane.com/2012/10/25/richter-library-to-celebrate-50th-anniversary-throughout-fall/">Richter Library to celebrate 50th anniversary throughout fall<br />
</a>The Miami Hurricane</p>
<p><a title="Permanent Link to Five Decades in the Stacks: Richter Library Celebrates 50th Anniversary" href="http://everitas.univmiami.net/2012/08/23/five-decades-in-the-stacks-richter-library-celebrates-50th-anniversary/" rel="bookmark">Five Decades in the Stacks: Richter Library Celebrates 50th Anniversary<br />
</a>eVeritas, University of Miami</p>
<p><!--<a href="http://everitas.univmiami.net/2012/09/13/intelligence-analyst-to-launch-um-libraries-new-speaker-series-on-global-perspectives/">-->Global Perspectives Speaker Series: Robert Tomes<br />
eVeritas, University of Miami - Not available online</p>
<p> </p>
</div>
</div>
</div> <!--end #listland -->
</div> <!--end .pure-u-1-->
</div> <!--end .pure-g -->
</div><!-- #main -->
</div><!-- #wrapper -->
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>
<script type='text/javascript' src='assets/umiami/js/hoverIntent.minified-ver=1.5.1.js'></script>
<!--FOOTER area-->
<div class="footer-container">
<div id="wide_footer">
<div id="footer_wrapper" class="pure-g">
<div class="pure-u-1 pure-u-md-1-5 footer-adj">
<a href="http://www.miami.edu/"><img src="assets/umiami/images/umiami_logo.png" alt="University of Miami" border="0" id="umiami_logo" /></a> </div>
<div class="pure-u-1 pure-u-md-3-5 footer-adj">
<p><strong>UM Libraries</strong>1300 Memorial Drive<br /> Coral Gables, Florida 33124-0320<br />
(305) 284-3233<br />
© 2018 |
<a href="https://www.library.miami.edu/about/privacy-policy.html">Privacy</a> |
<a href="mailto:webmaster.lib@miami.edu">Report Site Issue</a> |
<a href="https://www.library.miami.edu/about/support-the-libraries.html">Make a Gift</a>
</p>
</div>
<div class="pure-u-1 pure-u-md-1-5 footer-adj">
<p id="social_icons_small">
<a href="http://www.facebook.com/pages/University-of-Miami-Libraries/16409329419"><img src="assets/umiami/images/facebook.png" alt="Find Us on Facebook" title="Find Us on Facebook" /></a>
<a href="http://www.flickr.com/photos/umdigital/" border="0"><img src="assets/umiami/images/flickr.png" alt="Find us on Flickr" title="Find Us on Flickr" /></a>
<a href="https://sp.library.miami.edu/subjects/video.php"><img src="assets/umiami/images/youtube.png" alt="View Library Produced Videos" title="View Library Produced Videos" /></a>
</p> </div>
</div> <!--end #footer_wrapper-->
</div> <!--end #wide_footer-->
</div> <!--end .footer-container-->
</body>
</html>
<script type="text/javascript" language="javascript">
jQuery(document).ready(function($){
$("#menu_button").click(function() {
$("#nav").toggle();
});
var $window = $(window);
function checkWidth() {
windowsize = $window.width();
if (windowsize >= 767) {
$("#nav").show();
}
if (windowsize <= 700) {
$("#nav").hide();
}
if (windowsize <= 960){
$(".nobkg").addClass("nobkg-img");
}
if (windowsize >= 1024){
$(".nobkg").removeClass("nobkg-img");
}
}
$(window).resize(checkWidth).resize();
//Slider on homepage
var slide = $('div[id*=line-]');
//display first slide
$('div[id=line-1]').addClass('active');
$('#timeline_zone').fadeIn(1600);
// On click, show the desired screen
$('a[id*=show-]').click(function() {
var timeline_id = $(this).attr("id").split("-");
var desired_id = timeline_id[1];
var previous_id = desired_id - 1;
slide.removeClass('active');
$('#line-' + previous_id).fadeOut("slow");
$('#timeline_zone').hide().fadeIn(1600);
$('#line-' + desired_id).addClass('active');
return false;
});
// Add/remove more info box when someone hovers over the image info area
function showBox(){
$(".deets_box").fadeIn("medium");
}
function hideBox(){
$(".deets_box").fadeOut("medium");
}
var deetboxConfig = {
interval: 50,
sensitivity: 4,
over: showBox,
timeout: 100,
out: hideBox
};
$(".featurespace").hoverIntent(deetboxConfig);
});
</script>