@columbia-libraries/cul-toolkit 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,1664 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- BS5 and Vite! -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <title>cul-toolkit &raquo; examples &raquo; CUL LWeb Example Landing Page</title>
8
+ <meta name="Description" content="Columbia University Libraries is a top-tier academic research library, serving one of the world's most important centers of research and learning.">
9
+ <link rel="shortcut icon" href="../assets/favicon.ico">
10
+ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
11
+ <script>
12
+ window.CUL = window.CUL || {};
13
+ </script>
14
+ <style>
15
+ .tt-menu { padding: 1em 0.5em; width:100%; background-color: var(--bs-primary-bg-subtle); word-wrap: break-word; border-bottom: 1px solid #ccc; border-radius: var(--bs-border-radius) !important; }
16
+ .offcanvas .tt-menu { position: static !important; }
17
+ .twitter-typeahead { width: 100%; }
18
+ input[type="search"]::-webkit-search-decoration,
19
+ input[type="search"]::-webkit-search-cancel-button,
20
+ input[type="search"]::-webkit-search-results-button,
21
+ input[type="search"]::-webkit-search-results-decoration {
22
+ -webkit-appearance:none;
23
+ }
24
+ .bigcrown:hover,.list-group-item:hover > .bigcrown {
25
+ animation-name: spin;
26
+ animation-duration: 5000ms;
27
+ animation-iteration-count: infinite;
28
+ animation-timing-function: linear;
29
+ }
30
+ @keyframes spin {
31
+ from {
32
+ transform:rotate(0deg);
33
+ }
34
+ to {
35
+ transform:rotate(360deg);
36
+ }
37
+ }
38
+
39
+ #slim-hero {
40
+ &.navbar {
41
+ min-height: 140px;
42
+ background-image: url(https://blogs.cul.columbia.edu/wp-content/themes/cul-2019/img/LowFacade.EileenBarroso.jpg);
43
+ background-size: cover;
44
+ background-blend-mode: soft-light;
45
+ background-color: rgb(108, 117, 125) !important;
46
+ background-position: center 70%;
47
+ }
48
+ }
49
+ </style>
50
+ <style>
51
+ .cul-icon_links a {
52
+ margin-top: 0;
53
+ }
54
+ .cul-icon_links a:hover {
55
+ text-decoration: none;
56
+ color:var(--primary);
57
+ }
58
+ .cul-icon_links i, .cul-icon_links svg {
59
+ font-size: 4.75rem;
60
+ color:var(--icon-grey-color);
61
+ -moz-transition: -moz-transform .2s;
62
+ -o-transition: -o-transform .2s;
63
+ -webkit-transition: -webkit-transform .2s;
64
+ transition: transform .2s;
65
+ }
66
+ .cul-icon_links a:hover i, .cul-icon_links a:hover svg {
67
+ color:var(--a-link-color);
68
+ -webkit-transform: scale(1.2);
69
+ -moz-transform: scale(1.2);
70
+ -ms-transform: scale(1.2);
71
+ -o-transform: scale(1.2);
72
+ transform: scale(1.2);
73
+ }
74
+
75
+ @media (min-width: 576px) {
76
+ .cul-collections_carousel .carousel-control-next,
77
+ .cul-collections_carousel .carousel-control-prev {
78
+ width: 8%;
79
+ }
80
+ }
81
+
82
+ .cul-collections_carousel .carousel-inner {
83
+ overflow: visible;
84
+ }
85
+
86
+ @media (min-width: 768px) {
87
+ .cul-collections_carousel .carousel-inner {
88
+ overflow: hidden;
89
+ }
90
+ }
91
+
92
+ .cul-collections_carousel .carousel-item,
93
+ .cul-collections_carousel .carousel-item .card {
94
+ height: 400px;
95
+ }
96
+
97
+ .cul-collections_carousel .carousel-item,
98
+ .cul-collections_carousel .carousel-item .card,
99
+ .cul-collections_carousel .carousel-item .card-body {
100
+ background-size: cover;
101
+ background-repeat: no-repeat;
102
+ background-position: center center;
103
+ text-shadow: var(--text-shadow-color);
104
+ }
105
+
106
+ .cul-collections_carousel .card-body a {
107
+ -moz-transition: background-color .2s;
108
+ -o-transition: background-color .2s;
109
+ -webkit-transition: background-color .2s;
110
+ transition: background-color .2s;
111
+ }
112
+
113
+ .cul-collections_carousel .card-body a:hover {
114
+ background-color: rgba(0,0,0,.75);
115
+ text-decoration: none;
116
+ }
117
+
118
+ .cul-collections_carousel .carousel-item .card {
119
+ border-radius:0;
120
+ height: 100%;
121
+ }
122
+
123
+ .cul-collections_carousel .carousel-item .card-title {
124
+ margin-bottom: 0;
125
+ }
126
+
127
+ .cul-collections_carousel .carousel-item .card-body a,
128
+ .cul-collections_carousel .carousel-caption {
129
+ color: white;
130
+ text-shadow: var(--text-shadow-color);
131
+ }
132
+
133
+ .cul-collections_carousel .card-body a:hover .carousel-caption {
134
+ text-decoration: none;
135
+ }
136
+
137
+ .cul-collections_carousel .carousel-item .card-text {
138
+ font-size: .9rem;
139
+ }
140
+
141
+ .cul-collections_carousel .carousel-control-prev,
142
+ .cul-collections_carousel .carousel-control-next {
143
+ top: 45%;
144
+ bottom: unset;
145
+ }
146
+ .nav-link.dropdown-toggle:hover,
147
+ .nav-link.dropdown-toggle.show { color:var(--bs-navbar-hover-color) !important; }
148
+ .cul-cols .dropdown-item:hover { text-decoration: underline; }
149
+
150
+ #search-hero {
151
+ &.navbar {
152
+ min-height: 140px;
153
+ @media (min-width: 992px) {
154
+ height:32vh;
155
+ }
156
+ background-image: url('https://toolkit.library.columbia.edu/v3/img/campus-and-city-image.jpg');
157
+ background-size: cover;
158
+ background-blend-mode: soft-light;
159
+ background-color: rgb(108, 117, 125) !important;
160
+ background-position: center 70%;
161
+ }
162
+ form {
163
+ position: relative;
164
+ }
165
+ button[type=reset] {
166
+ position:absolute;
167
+ right:0.3em;
168
+ }
169
+ }
170
+ </style>
171
+ <script type="module" crossorigin src="../assets/main.js"></script>
172
+ <link rel="stylesheet" crossorigin href="../assets/main.css">
173
+ </head>
174
+ <body>
175
+ <script>0</script>
176
+ <nav id="cultopbar" class="navbar sticky-top navbar-expand bg-body border-bottom">
177
+ <div class="container">
178
+ <div id="CULnavbar" class="flex-grow-1">
179
+ <a href="/" class="navbar-brand">
180
+ <img id="CULbrand" class="img-fluid" src="../assets/cul-text-logo.svg" alt="Columbia University Libraries">
181
+ </a>
182
+ </div>
183
+ <nav id="global-menu" class="navbar d-none d-lg-flex">
184
+ <ul class="navbar-nav">
185
+ <li class="nav-item">
186
+ <a class="nav-link text-secondary" href="https://resolver.library.columbia.edu/lweb0087">My Library Account</a>
187
+ </li>
188
+ <li class="nav-item">
189
+ <a class="nav-link text-secondary" href="https://hours.library.columbia.edu/">Hours</a>
190
+ </li>
191
+ <li class="nav-item">
192
+ <a class="nav-link text-secondary" href="/services/askalibrarian.html">Ask a Librarian</a>
193
+ </li>
194
+ </ul>
195
+ </nav>
196
+ <button type="button" id="culsidebarbtn" class="btn btn-link text-secondary px-1 animate roll" aria-label="Table of Contents Sidebar" data-bs-toggle="offcanvas" data-bs-target="#CULsidebar"><span class="fa-light fa-sidebar-flip"></span></button>
197
+ </div>
198
+ </nav>
199
+ <div class="offcanvas offcanvas-end" tabindex="-1" id="CULsidebar" aria-labelledby="CULsidebarLabel">
200
+ <div class="offcanvas-header">
201
+ <img class="me-2" style="max-height:1.3em;" src="../assets/columbia_crown_logo-square-135x135.svg"
202
+ alt="Columbia University Libraries">
203
+ <h5 class="offcanvas-title" id="CULsidebarLabel">Table of Contents</h5>
204
+ <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
205
+ </div>
206
+ <div class="offcanvas-body">
207
+ <div data-id="hero-search">
208
+ <form data-id="hero-search-form" style="position:relative;" class="d-flex mb-2 justify-content-between"
209
+ role="search" method="get" action="https://clio.columbia.edu/quicksearch">
210
+ <input required class="form-control border-primary tt-input" type="search"
211
+ aria-label="Search CLIO & the Libraries" placeholder="Search CLIO & the Libraries Website" name="q"
212
+ data-id="quicksearch" tabindex="0" autofocus>
213
+ <button style="position:absolute;right:0.3em;" type="reset" title="Clear the query" class="btn btn-link"
214
+ aria-label="Clear the query">
215
+ <i class="fal fa-times"></i>
216
+ </button>
217
+ </form>
218
+ </div>
219
+ <nav>
220
+ <ul class="list-unstyled">
221
+ <li class="">
222
+ <a class="ps-1 btn btn-link text-decoration-none text-secondary"
223
+ href="https://resolver.library.columbia.edu/lweb0087"><span class="far fa-user"></span> My
224
+ Library Account</a>
225
+ </li>
226
+ <li class="">
227
+ <a class="ps-1 btn btn-link text-decoration-none text-secondary"
228
+ href="https://hours.library.columbia.edu/"><span class="far fa-clock"></span> Hours</a>
229
+ </li>
230
+ <li class="">
231
+ <a class="ps-1 btn btn-link text-decoration-none text-secondary"
232
+ href="/services/askalibrarian.html"><span class="far fa-book-reader"></span> Ask a Librarian</a>
233
+ </li>
234
+ </ul>
235
+ </nav>
236
+
237
+ <hr>
238
+
239
+ <nav id="main-menu">
240
+ <ul class="list-unstyled w-100">
241
+ <li class="mb-1">
242
+ <button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#services-&amp;amp;-tools-collapse" data-bs-toggle="collapse" aria-expanded="false">Services &amp; Tools</button>
243
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
244
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
245
+ <li>
246
+ <a class="d-block" href="https://library.columbia.edu/services.html">Services &amp; Tools</a>
247
+ </li>
248
+ </ul>
249
+ </div>
250
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
251
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
252
+ <li>
253
+ <a class="d-block" href="https://library.columbia.edu/services/faq.html">FAQ</a>
254
+ </li>
255
+ </ul>
256
+ </div>
257
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
258
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
259
+ <li>
260
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/alumni.html">For Alumni</a>
261
+ </li>
262
+ </ul>
263
+ </div>
264
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
265
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
266
+ <li>
267
+ <a class="d-block" href="https://library.columbia.edu/services/faculty.html">For Faculty</a>
268
+ </li>
269
+ </ul>
270
+ </div>
271
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
272
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
273
+ <li>
274
+ <a class="d-block" href="https://library.columbia.edu/services.html#audience&#x3D;student">For Students</a>
275
+ </li>
276
+ </ul>
277
+ </div>
278
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
279
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
280
+ <li>
281
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/visitors.html">For Visitors</a>
282
+ </li>
283
+ </ul>
284
+ </div>
285
+ </li>
286
+ <li class="mb-1">
287
+ <button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#libraries-collapse" data-bs-toggle="collapse" aria-expanded="false">Libraries</button>
288
+ <div id="libraries-collapse" class="collapse">
289
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
290
+ <li>
291
+ <a class="d-block" href="https://library.columbia.edu/libraries.html">Libraries &amp; Affiliates</a>
292
+ </li>
293
+ </ul>
294
+ </div>
295
+ <div id="libraries-collapse" class="collapse">
296
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
297
+ <li>
298
+ <a class="d-block" href="https://library.columbia.edu/libraries/avery.html">Avery Architectural &amp; Fine Arts Library</a>
299
+ </li>
300
+ </ul>
301
+ </div>
302
+ <div id="libraries-collapse" class="collapse">
303
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
304
+ <li>
305
+ <a class="d-block" href="https://library.columbia.edu/libraries/burke.html">Burke Library at Union Theological Seminary</a>
306
+ </li>
307
+ </ul>
308
+ </div>
309
+ <div id="libraries-collapse" class="collapse">
310
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
311
+ <li>
312
+ <a class="d-block" href="https://library.columbia.edu/libraries/business.html">Business &amp; Economics Library in Uris</a>
313
+ </li>
314
+ </ul>
315
+ </div>
316
+ <div id="libraries-collapse" class="collapse">
317
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
318
+ <li>
319
+ <a class="d-block" href="https://library.columbia.edu/libraries/business-manhattanville.html">Business Library at Manhattanville</a>
320
+ </li>
321
+ </ul>
322
+ </div>
323
+ <div id="libraries-collapse" class="collapse">
324
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
325
+ <li>
326
+ <a class="d-block" href="https://library.columbia.edu/libraries/butler.html">Butler Library</a>
327
+ </li>
328
+ </ul>
329
+ </div>
330
+ <div id="libraries-collapse" class="collapse">
331
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
332
+ <li>
333
+ <a class="d-block" href="https://library.columbia.edu/libraries/eastasian.html">C.V. Starr East Asian Library</a>
334
+ </li>
335
+ </ul>
336
+ </div>
337
+ <div id="libraries-collapse" class="collapse">
338
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
339
+ <li>
340
+ <a class="d-block" href="https://library.columbia.edu/libraries/music.html">Gabe M. Wiener Music &amp; Arts Library</a>
341
+ </li>
342
+ </ul>
343
+ </div>
344
+ <div id="libraries-collapse" class="collapse">
345
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
346
+ <li>
347
+ <a class="d-block" href="https://library.cumc.columbia.edu/">Health Sciences Library</a>
348
+ </li>
349
+ </ul>
350
+ </div>
351
+ <div id="libraries-collapse" class="collapse">
352
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
353
+ <li>
354
+ <a class="d-block" href="https://library.columbia.edu/libraries/journalism.html">Journalism Library</a>
355
+ </li>
356
+ </ul>
357
+ </div>
358
+ <div id="libraries-collapse" class="collapse">
359
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
360
+ <li>
361
+ <a class="d-block" href="http://www.law.columbia.edu/library/">Law Library</a>
362
+ </li>
363
+ </ul>
364
+ </div>
365
+ <div id="libraries-collapse" class="collapse">
366
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
367
+ <li>
368
+ <a class="d-block" href="https://library.columbia.edu/libraries/lehman.html">Lehman Social Sciences Library</a>
369
+ </li>
370
+ </ul>
371
+ </div>
372
+ <div id="libraries-collapse" class="collapse">
373
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
374
+ <li>
375
+ <a class="d-block" href="https://library.columbia.edu/libraries/math.html">Mathematics Library</a>
376
+ </li>
377
+ </ul>
378
+ </div>
379
+ <div id="libraries-collapse" class="collapse">
380
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
381
+ <li>
382
+ <a class="d-block" href="https://library.columbia.edu/libraries/undergraduate.html">Milstein Undergraduate Library</a>
383
+ </li>
384
+ </ul>
385
+ </div>
386
+ <div id="libraries-collapse" class="collapse">
387
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
388
+ <li>
389
+ <a class="d-block" href="https://library.columbia.edu/libraries/rbml.html">Rare Book &amp; Manuscript Library</a>
390
+ </li>
391
+ </ul>
392
+ </div>
393
+ <div id="libraries-collapse" class="collapse">
394
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
395
+ <li>
396
+ <a class="d-block" href="https://library.columbia.edu/libraries/science-engineering.html">Science &amp; Engineering Library</a>
397
+ </li>
398
+ </ul>
399
+ </div>
400
+ <div id="libraries-collapse" class="collapse">
401
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
402
+ <li>
403
+ <a class="d-block" href="https://library.columbia.edu/libraries/social-work.html">Social Work Library</a>
404
+ </li>
405
+ </ul>
406
+ </div>
407
+ </li>
408
+ <li class="mb-1">
409
+ <button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#collections-collapse" data-bs-toggle="collapse" aria-expanded="false">Collections</button>
410
+ <div id="collections-collapse" class="collapse">
411
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
412
+ <li>
413
+ <a class="d-block" href="https://library.columbia.edu/collections.html">About Our Collections</a>
414
+ </li>
415
+ </ul>
416
+ </div>
417
+ <div id="collections-collapse" class="collapse">
418
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
419
+ <li>
420
+ <a class="d-block" href="https://academiccommons.columbia.edu/">Academic Commons</a>
421
+ </li>
422
+ </ul>
423
+ </div>
424
+ <div id="collections-collapse" class="collapse">
425
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
426
+ <li>
427
+ <a class="d-block" href="https://library.columbia.edu/collections/archives-portal.html">Archival Collections</a>
428
+ </li>
429
+ </ul>
430
+ </div>
431
+ <div id="collections-collapse" class="collapse">
432
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
433
+ <li>
434
+ <a class="d-block" href="https://resolver.library.columbia.edu/clio">CLIO: Columbia Libraries Catalog</a>
435
+ </li>
436
+ </ul>
437
+ </div>
438
+ <div id="collections-collapse" class="collapse">
439
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
440
+ <li>
441
+ <a class="d-block" href="https://library.columbia.edu/about/policies/collection-development.html">Collection Development</a>
442
+ </li>
443
+ </ul>
444
+ </div>
445
+ <div id="collections-collapse" class="collapse">
446
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
447
+ <li>
448
+ <a class="d-block" href="https://library.columbia.edu/collections/digital-collections.html">Digital Collections &amp; Exhibitions</a>
449
+ </li>
450
+ </ul>
451
+ </div>
452
+ <div id="collections-collapse" class="collapse">
453
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
454
+ <li>
455
+ <a class="d-block" href="https://library.columbia.edu/collections/eresources.html">E-Resources</a>
456
+ </li>
457
+ </ul>
458
+ </div>
459
+ <div id="collections-collapse" class="collapse">
460
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
461
+ <li>
462
+ <a class="d-block" href="https://library.columbia.edu/collections/oral-history-portal.html">Oral History Collections</a>
463
+ </li>
464
+ </ul>
465
+ </div>
466
+ <div id="collections-collapse" class="collapse">
467
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
468
+ <li>
469
+ <a class="d-block" href="https://resolver.library.columbia.edu/lweb0004">Recommend a Title for Purchase</a>
470
+ </li>
471
+ </ul>
472
+ </div>
473
+ <div id="collections-collapse" class="collapse">
474
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
475
+ <li>
476
+ <a class="d-block" href="https://library.columbia.edu/about/staff/subject-specialists-by-subject.html">Subject Specialists</a>
477
+ </li>
478
+ </ul>
479
+ </div>
480
+ </li>
481
+ <li class="mb-1">
482
+ <button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#using-the-libraries-collapse" data-bs-toggle="collapse" aria-expanded="false">Using the Libraries</button>
483
+ <div id="using-the-libraries-collapse" class="collapse">
484
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
485
+ <li>
486
+ <a class="d-block" href="https://library.columbia.edu/using-libraries.html">Using the Libraries</a>
487
+ </li>
488
+ </ul>
489
+ </div>
490
+ <div id="using-the-libraries-collapse" class="collapse">
491
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
492
+ <li>
493
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/access-privileges.html">Access Privileges</a>
494
+ </li>
495
+ </ul>
496
+ </div>
497
+ <div id="using-the-libraries-collapse" class="collapse">
498
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
499
+ <li>
500
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/disability.html">Accessibility</a>
501
+ </li>
502
+ </ul>
503
+ </div>
504
+ <div id="using-the-libraries-collapse" class="collapse">
505
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
506
+ <li>
507
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/borrowing.html">Borrow, Request, Renew</a>
508
+ </li>
509
+ </ul>
510
+ </div>
511
+ <div id="using-the-libraries-collapse" class="collapse">
512
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
513
+ <li>
514
+ <a class="d-block" href="https://library.columbia.edu/services/reserves.html">Course Reserves</a>
515
+ </li>
516
+ </ul>
517
+ </div>
518
+ <div id="using-the-libraries-collapse" class="collapse">
519
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
520
+ <li>
521
+ <a class="d-block" href="https://hours.library.columbia.edu/">Hours</a>
522
+ </li>
523
+ </ul>
524
+ </div>
525
+ <div id="using-the-libraries-collapse" class="collapse">
526
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
527
+ <li>
528
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/printing.html">Print, Scan, Digitize</a>
529
+ </li>
530
+ </ul>
531
+ </div>
532
+ <div id="using-the-libraries-collapse" class="collapse">
533
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
534
+ <li>
535
+ <a class="d-block" href="https://library.columbia.eduusing-libraries/workshops.html">Workshops and Training</a>
536
+ </li>
537
+ </ul>
538
+ </div>
539
+ </li>
540
+ <li class="mb-1">
541
+ <button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#research-&amp;amp;-teaching-collapse" data-bs-toggle="collapse" aria-expanded="false">Research &amp; Teaching</button>
542
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
543
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
544
+ <li>
545
+ <a class="d-block" href="https://library.columbia.edu/research-teaching.html">Research &amp; Teaching</a>
546
+ </li>
547
+ </ul>
548
+ </div>
549
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
550
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
551
+ <li>
552
+ <a class="d-block" href="https://copyright.columbia.edu/index.html">Copyright Advisory Services</a>
553
+ </li>
554
+ </ul>
555
+ </div>
556
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
557
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
558
+ <li>
559
+ <a class="d-block" href="https://library.columbia.edu/services/digital-scholarship.html">Digital Scholarship</a>
560
+ </li>
561
+ </ul>
562
+ </div>
563
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
564
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
565
+ <li>
566
+ <a class="d-block" href="https://library.columbia.edu/research-teaching/getting-started.html">Getting Started with the Libraries</a>
567
+ </li>
568
+ </ul>
569
+ </div>
570
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
571
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
572
+ <li>
573
+ <a class="d-block" href="https://library.columbia.edu/services/research-data-services.html">Research Data Services</a>
574
+ </li>
575
+ </ul>
576
+ </div>
577
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
578
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
579
+ <li>
580
+ <a class="d-block" href="https://library.columbia.edu/services/subject-guides.html">Subject &amp; Course Guides</a>
581
+ </li>
582
+ </ul>
583
+ </div>
584
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
585
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
586
+ <li>
587
+ <a class="d-block" href="https://library.columbia.edu/research-teaching/workshops.html">Workshops &amp; Training</a>
588
+ </li>
589
+ </ul>
590
+ </div>
591
+ </li>
592
+ <li class="mb-1">
593
+ <button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#about-collapse" data-bs-toggle="collapse" aria-expanded="false">About</button>
594
+ <div id="about-collapse" class="collapse">
595
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
596
+ <li>
597
+ <a class="d-block" href="https://library.columbia.edu/about.html">About the Libraries</a>
598
+ </li>
599
+ </ul>
600
+ </div>
601
+ <div id="about-collapse" class="collapse">
602
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
603
+ <li>
604
+ <a class="d-block" href="https://library.columbia.edu/about/jobs-internships.html">Jobs &amp; Internships</a>
605
+ </li>
606
+ </ul>
607
+ </div>
608
+ <div id="about-collapse" class="collapse">
609
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
610
+ <li>
611
+ <a class="d-block" href="https://library.columbia.edu/about/news/alert.html">Library Status Updates</a>
612
+ </li>
613
+ </ul>
614
+ </div>
615
+ <div id="about-collapse" class="collapse">
616
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
617
+ <li>
618
+ <a class="d-block" href="https://library.columbia.edu/about/news.html">News</a>
619
+ </li>
620
+ </ul>
621
+ </div>
622
+ <div id="about-collapse" class="collapse">
623
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
624
+ <li>
625
+ <a class="d-block" href="https://library.columbia.edu/about/values.html">Our Values &amp; Commitment in Action</a>
626
+ </li>
627
+ </ul>
628
+ </div>
629
+ <div id="about-collapse" class="collapse">
630
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
631
+ <li>
632
+ <a class="d-block" href="https://library.columbia.edu/about/staff.html">Staff</a>
633
+ </li>
634
+ </ul>
635
+ </div>
636
+ <div id="about-collapse" class="collapse">
637
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
638
+ <li>
639
+ <a class="d-block" href="https://strategicdirections.library.columbia.edu/">Strategic Directions</a>
640
+ </li>
641
+ </ul>
642
+ </div>
643
+ <div id="about-collapse" class="collapse">
644
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
645
+ <li>
646
+ <a class="d-block" href="https://library.columbia.edu/about/student_advisory_committee.html">Student Library Advisory Committee</a>
647
+ </li>
648
+ </ul>
649
+ </div>
650
+ </li>
651
+ </ul>
652
+ </nav>
653
+
654
+ <p>
655
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
656
+ </p>
657
+
658
+ </div>
659
+ </div>
660
+ <section id="branding" class="d-none d-lg-flex">
661
+ <div id="site-name" class="container">
662
+ <img class="img-fluid" src="https://toolkit.library.columbia.edu/v3/img/cul-text-logo.svg" alt="Columbia University Libraries">
663
+ </div>
664
+ <h1 class="sr-only">Columbia University Libraries</h1>
665
+ </section>
666
+
667
+ <nav id="main-menu" class="d-none d-lg-flex navbar navbar-expand-lg">
668
+ <div class="container d-flex d-lg-none justify-content-between">
669
+ <a class="navbar-brand" href="#">Menu</a>
670
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
671
+ <span class="navbar-toggler-icon"></span>
672
+ </button>
673
+ </div>
674
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
675
+ <div class="container">
676
+ <ul class="list-unstyled flex-row w-100 mb-0">
677
+ <li class="nav-item dropdown position-static d-inline-flex">
678
+ <a href="#" class="nav-link dropdown-toggle my-2 me-3" data-bs-target="#services-&amp;amp;-tools-dropdown" data-bs-toggle="dropdown" aria-expanded="false">Services &amp; Tools</a>
679
+ <div id="services-&amp;amp;-tools-dropdown" class="dropdown-menu w-100 border-top-0 border-left-0 border-right-0 rounded-0 py-0 my-0">
680
+ <div class="py-3 bg-secondary text-white">
681
+ <div class="container cul-cols">
682
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services.html">Services &amp; Tools</a>
683
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services/faq.html">FAQ</a>
684
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/using-libraries/alumni.html">For Alumni</a>
685
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services/faculty.html">For Faculty</a>
686
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services.html#audience&#x3D;student">For Students</a>
687
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/using-libraries/visitors.html">For Visitors</a>
688
+ </div>
689
+ </div>
690
+ </div>
691
+ </li>
692
+ <li class="nav-item dropdown position-static d-inline-flex">
693
+ <a href="#" class="nav-link dropdown-toggle my-2 me-3" data-bs-target="#libraries-dropdown" data-bs-toggle="dropdown" aria-expanded="false">Libraries</a>
694
+ <div id="libraries-dropdown" class="dropdown-menu w-100 border-top-0 border-left-0 border-right-0 rounded-0 py-0 my-0">
695
+ <div class="py-3 bg-secondary text-white">
696
+ <div class="container cul-cols">
697
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries.html">Libraries &amp; Affiliates</a>
698
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/avery.html">Avery Architectural &amp; Fine Arts Library</a>
699
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/burke.html">Burke Library at Union Theological Seminary</a>
700
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/business.html">Business &amp; Economics Library in Uris</a>
701
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/business-manhattanville.html">Business Library at Manhattanville</a>
702
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/butler.html">Butler Library</a>
703
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/eastasian.html">C.V. Starr East Asian Library</a>
704
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/music.html">Gabe M. Wiener Music &amp; Arts Library</a>
705
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.cumc.columbia.edu/">Health Sciences Library</a>
706
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/journalism.html">Journalism Library</a>
707
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="http://www.law.columbia.edu/library/">Law Library</a>
708
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/lehman.html">Lehman Social Sciences Library</a>
709
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/math.html">Mathematics Library</a>
710
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/undergraduate.html">Milstein Undergraduate Library</a>
711
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/rbml.html">Rare Book &amp; Manuscript Library</a>
712
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/science-engineering.html">Science &amp; Engineering Library</a>
713
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/libraries/social-work.html">Social Work Library</a>
714
+ </div>
715
+ </div>
716
+ </div>
717
+ </li>
718
+ <li class="nav-item dropdown position-static d-inline-flex">
719
+ <a href="#" class="nav-link dropdown-toggle my-2 me-3" data-bs-target="#collections-dropdown" data-bs-toggle="dropdown" aria-expanded="false">Collections</a>
720
+ <div id="collections-dropdown" class="dropdown-menu w-100 border-top-0 border-left-0 border-right-0 rounded-0 py-0 my-0">
721
+ <div class="py-3 bg-secondary text-white">
722
+ <div class="container cul-cols">
723
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/collections.html">About Our Collections</a>
724
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://academiccommons.columbia.edu/">Academic Commons</a>
725
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/collections/archives-portal.html">Archival Collections</a>
726
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://resolver.library.columbia.edu/clio">CLIO: Columbia Libraries Catalog</a>
727
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/policies/collection-development.html">Collection Development</a>
728
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/collections/digital-collections.html">Digital Collections &amp; Exhibitions</a>
729
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/collections/eresources.html">E-Resources</a>
730
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/collections/oral-history-portal.html">Oral History Collections</a>
731
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://resolver.library.columbia.edu/lweb0004">Recommend a Title for Purchase</a>
732
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/staff/subject-specialists-by-subject.html">Subject Specialists</a>
733
+ </div>
734
+ </div>
735
+ </div>
736
+ </li>
737
+ <li class="nav-item dropdown position-static d-inline-flex">
738
+ <a href="#" class="nav-link dropdown-toggle my-2 me-3" data-bs-target="#using-the-libraries-dropdown" data-bs-toggle="dropdown" aria-expanded="false">Using the Libraries</a>
739
+ <div id="using-the-libraries-dropdown" class="dropdown-menu w-100 border-top-0 border-left-0 border-right-0 rounded-0 py-0 my-0">
740
+ <div class="py-3 bg-secondary text-white">
741
+ <div class="container cul-cols">
742
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/using-libraries.html">Using the Libraries</a>
743
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/using-libraries/access-privileges.html">Access Privileges</a>
744
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/using-libraries/disability.html">Accessibility</a>
745
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/using-libraries/borrowing.html">Borrow, Request, Renew</a>
746
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services/reserves.html">Course Reserves</a>
747
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://hours.library.columbia.edu/">Hours</a>
748
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/using-libraries/printing.html">Print, Scan, Digitize</a>
749
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.eduusing-libraries/workshops.html">Workshops and Training</a>
750
+ </div>
751
+ </div>
752
+ </div>
753
+ </li>
754
+ <li class="nav-item dropdown position-static d-inline-flex">
755
+ <a href="#" class="nav-link dropdown-toggle my-2 me-3" data-bs-target="#research-&amp;amp;-teaching-dropdown" data-bs-toggle="dropdown" aria-expanded="false">Research &amp; Teaching</a>
756
+ <div id="research-&amp;amp;-teaching-dropdown" class="dropdown-menu w-100 border-top-0 border-left-0 border-right-0 rounded-0 py-0 my-0">
757
+ <div class="py-3 bg-secondary text-white">
758
+ <div class="container cul-cols">
759
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/research-teaching.html">Research &amp; Teaching</a>
760
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://copyright.columbia.edu/index.html">Copyright Advisory Services</a>
761
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services/digital-scholarship.html">Digital Scholarship</a>
762
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/research-teaching/getting-started.html">Getting Started with the Libraries</a>
763
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services/research-data-services.html">Research Data Services</a>
764
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/services/subject-guides.html">Subject &amp; Course Guides</a>
765
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/research-teaching/workshops.html">Workshops &amp; Training</a>
766
+ </div>
767
+ </div>
768
+ </div>
769
+ </li>
770
+ <li class="nav-item dropdown position-static d-inline-flex">
771
+ <a href="#" class="nav-link dropdown-toggle my-2 me-3" data-bs-target="#about-dropdown" data-bs-toggle="dropdown" aria-expanded="false">About</a>
772
+ <div id="about-dropdown" class="dropdown-menu w-100 border-top-0 border-left-0 border-right-0 rounded-0 py-0 my-0">
773
+ <div class="py-3 bg-secondary text-white">
774
+ <div class="container cul-cols">
775
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about.html">About the Libraries</a>
776
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/jobs-internships.html">Jobs &amp; Internships</a>
777
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/news/alert.html">Library Status Updates</a>
778
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/news.html">News</a>
779
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/values.html">Our Values &amp; Commitment in Action</a>
780
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/staff.html">Staff</a>
781
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://strategicdirections.library.columbia.edu/">Strategic Directions</a>
782
+ <a class="d-block py-1 text-white dropdown-item bg-secondary" href="https://library.columbia.edu/about/student_advisory_committee.html">Student Library Advisory Committee</a>
783
+ </div>
784
+ </div>
785
+ </div>
786
+ </li>
787
+ </ul>
788
+ </div>
789
+ </div>
790
+ </nav>
791
+ <nav id="search-hero" class="navbar navbar-expand-md navbar-light bg-light py-0">
792
+ <div class="container">
793
+ <div data-id="hero-search" class="mx-auto col-8 col-md-6">
794
+ <form data-id="hero-search-form" class="d-flex mb-2 justify-content-between" role="search" method="get" action="https://clio.columbia.edu/quicksearch">
795
+ <input required class="py-2 w-100 form-control border-primary fs-5 tt-input " type="search" aria-label="Search CLIO & the Libraries" placeholder="&#x1F50D; Search CLIO & the Libraries&hellip;" name="q" data-id="quicksearch" tabindex="0" autofocus>
796
+ <button type="reset" title="Clear the query" class="btn btn-link fs-5" aria-label="Clear the query">
797
+ <i class="fal fa-times"></i>
798
+ </button>
799
+ </form>
800
+ </div>
801
+ </div>
802
+ </nav>
803
+
804
+ <div class="wrapper " id="full-width-page-wrapper">
805
+
806
+ <div class="container-fluid" id="content">
807
+
808
+ <div class="row">
809
+
810
+ <div class="col-md-12 content-area" id="primary">
811
+
812
+ <main role="main">
813
+
814
+
815
+ <div class="icon_links">
816
+
817
+ <!-- Icon Links -->
818
+ <section id="icon_links" class="cul-icon_links bg-light pt-5 mb-3">
819
+ <div class="container text-center">
820
+ <h2 class="h4 text-uppercase mb-3">I Want To</h2>
821
+ <div class="row justify-content-center">
822
+ <div class="col-6 col-md-3 col-lg-2">
823
+ <a class="btn btn-link" href="https://hours.library.columbia.edu" role="button">
824
+ <i class="fal fa-clock"></i>
825
+ <div class="mt-1">Find Libraries Open Now</div> </a></div><!-- /.col-lg-2 -->
826
+ <div class="col-6 col-md-3 col-lg-2">
827
+ <a class="btn btn-link" href="/using-libraries.html" role="button">
828
+ <i class="fal fa-laptop"></i>
829
+ <div class="mt-1">Use the Libraries</div> </a></div><!-- /.col-lg-2 -->
830
+ <div class="col-6 col-md-3 col-lg-2">
831
+ <a class="btn btn-link" href="/using-libraries/borrowing.html" role="button">
832
+ <i class="fal fa-book"></i>
833
+ <div class="mt-1">Borrow, Request, Renew</div> </a></div><!-- /.col-lg-2 -->
834
+ <div class="col-6 col-md-3 col-lg-2">
835
+ <a class="btn btn-link" href="/services/askalibrarian.html" role="button">
836
+ <i class="fal fa-question-circle"></i>
837
+ <div class="mt-1">Ask A Librarian</div> </a></div><!-- /.col-lg-2 -->
838
+ <div class="col-6 col-md-3 col-lg-2">
839
+ <a class="btn btn-link" href="/using-libraries/alumni.html" role="button">
840
+ <i class="fal fa-graduation-cap"></i>
841
+ <div class="mt-1">Access Alumni Resources</div> </a></div><!-- /.col-lg-2 -->
842
+ <div class="col-6 col-md-3 col-lg-2">
843
+ <a class="btn btn-link" href="https://library.givenow.columbia.edu/?ac=HTNV" role="button">
844
+ <i class="fal fa-gift"></i>
845
+ <div class="mt-1">Make A Gift</div> </a></div><!-- /.col-lg-2 -->
846
+ </div>
847
+ </div>
848
+ </section><!-- /Icon Links -->
849
+
850
+ </div>
851
+
852
+ <h2 class="h4 text-center text-uppercase mt-5 mb-4">Events &amp; Training</h2>
853
+ <div class="calendar_listing">
854
+
855
+
856
+
857
+
858
+ <section id="calendar_listing" class="cul-calendar_listing mb-3" data-format="grid" data-items-per-grid-row="3" data-return-to="/content/libraryweb/index.html" data-default-active-tab="workshops" data-max-description-length="300" data-show-bottom-links="true" data-initialized="true">
859
+
860
+ <div>
861
+ <ul class="nav nav-tabs justify-content-center ">
862
+ <li class="nav-item">
863
+ <button class="nav-link" id="calendar_listing-programs-tab" data-bs-toggle="tab" data-bs-target="#calendar_listing-programs" type="button" role="tab" aria-controls="calendar_listing-programs" aria-selected="false">Public Programs</button></li><li class="nav-item">
864
+ <button class="nav-link " id="calendar_listing-exhibitions-tab" data-bs-toggle="tab" data-bs-target="#calendar_listing-exhibitions" type="button" role="tab" aria-controls="calendar_listing-exhibitions" aria-selected="false">Exhibitions</button></li><li class="nav-item">
865
+ <button class="nav-link active" id="calendar_listing-workshops-tab" data-bs-toggle="tab" data-bs-target="#calendar_listing-workshops" type="button" role="tab" aria-controls="calendar_listing-workshops" aria-selected="true">Workshops</button></li><li class="nav-item">
866
+ <button class="nav-link " id="calendar_listing-dropin-tab" data-bs-toggle="tab" data-bs-target="#calendar_listing-dropin" type="button" role="tab" aria-controls="calendar_listing-dropin" aria-selected="false">Drop-In Help</a></li>
867
+ </ul>
868
+
869
+
870
+
871
+ <div class="tab-content py-3 bg-light">
872
+ <div class="tab-pane fade" id="calendar_listing-programs" role="tabpanel" aria-labelledby="calendar_listing-programs-tab" data-cul-event-type="publicPrograms" data-calendars="org/cu_libraries,org/burke,org/via,org/humanitieslibrary,org/rbml,org/lib_globalstudies" data-start-date="" data-end-date="" data-max-events="3" data-link-label="View All Public Programs" data-link-url="/content/libraryweb/about/events.html"><div class="container"><div class="row mb-md-3">
873
+ <div class="col-lg-4 px-md-0">
874
+ <div class="card mb-4 bg-transparent border-0">
875
+ <article class="card-body">
876
+ <div class="d-flex">
877
+ <div class="border-0 text-center mr-3">
878
+ <div class="date-range-wrapper">
879
+ <div class="date">
880
+ <div class="month text-uppercase">Oct</div>
881
+ <div class="day">9</div>
882
+ <span class="badge badge-secondary">
883
+ <abbr title="Wed" class="weekday text-decoration-none">Wed</abbr>
884
+ </span>
885
+ </div>
886
+ </div>
887
+ </div>
888
+ <div class="d-flex flex-column">
889
+ <h3 class="card-title h5">
890
+ <a href="#guid=CAL-00bbdb7c-91d5d923-0191-d6e248a4-000021c4events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-91d5d923-0191-d6e248a4-000021c4events%40columbia.edu" data-recurrenceid="">Sarah Gronningsater Book Talk</a>
891
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
892
+ </h3>
893
+ <p class="card-text">Join the Lehman Center for American History and the Columbia University and Slavery Project for a Book Talk and Discussion with Sarah Gronningsater,&nbsp;Assistant Professor of History at the University of Pennsylvania.
894
+
895
+ Gronningsater's&nbsp;exhaustive archival research reveals the far-reaching impacts of&nbsp;the...</p>
896
+ </div>
897
+ </div>
898
+ </article>
899
+ </div>
900
+ </div>
901
+
902
+ <div class="col-lg-4 px-md-0">
903
+ <div class="card mb-4 bg-transparent border-0">
904
+ <article class="card-body">
905
+ <div class="d-flex">
906
+ <div class="border-0 text-center mr-3">
907
+ <div class="date-range-wrapper">
908
+ <div class="date">
909
+ <div class="month text-uppercase">Oct</div>
910
+ <div class="day">23</div>
911
+ <span class="badge badge-secondary">
912
+ <abbr title="Wed" class="weekday text-decoration-none">Wed</abbr>
913
+ </span>
914
+ </div>
915
+ </div>
916
+ </div>
917
+ <div class="d-flex flex-column">
918
+ <h3 class="card-title h5">
919
+ <a href="#guid=CAL-00bbdb7c-91e025ac-0191-e1a1c88d-00003ef1events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-91e025ac-0191-e1a1c88d-00003ef1events%40columbia.edu" data-recurrenceid="">Corky Lee’s Asian America: Fifty Years of Photographic Justice</a>
920
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
921
+ </h3>
922
+ <p class="card-text">Columbia University Libraries and the&nbsp;Center for the Study of Ethnicity &amp; Race&nbsp;invite you to&nbsp;a conversation about Corky Lee’s Asian America,&nbsp;a stunning retrospective of the photographer's&nbsp;life’s work—a selection of the best photographs from his vast collection, from his start in New York’s Chinatown...</p>
923
+ </div>
924
+ </div>
925
+ </article>
926
+ </div>
927
+ </div>
928
+
929
+ <div class="col-lg-4 px-md-0">
930
+ <div class="card mb-4 bg-transparent border-0">
931
+ <article class="card-body">
932
+ <div class="d-flex">
933
+ <div class="border-0 text-center mr-3">
934
+ <div class="date-range-wrapper">
935
+ <div class="date">
936
+ <div class="month text-uppercase">Oct</div>
937
+ <div class="day">24</div>
938
+ <span class="badge badge-secondary">
939
+ <abbr title="Thu" class="weekday text-decoration-none">Thu</abbr>
940
+ </span>
941
+ </div>
942
+ </div>
943
+ </div>
944
+ <div class="d-flex flex-column">
945
+ <h3 class="card-title h5">
946
+ <a href="#guid=CAL-00bbdb7c-92231863-0192-24b017e7-000044f2events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-92231863-0192-24b017e7-000044f2events%40columbia.edu" data-recurrenceid="">"Christian Imperial Feminism" Discussion with Prof. Gale Kenny</a>
947
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
948
+ </h3>
949
+ <p class="card-text">Join author and Barnard College Professor Gale L. Kenny in a discussion of Christian Imperial Feminism: White Protestant Women and the Consecration of Empire and the exhibit based on her research. Prof. Kenny will discuss the challenges and opportunities of archives related to Protestant women and g...</p>
950
+ </div>
951
+ </div>
952
+ </article>
953
+ </div>
954
+ </div>
955
+ </div><p class="text-center small mb-0"><a href="/content/libraryweb/about/events.html" class="text-primary" x-cq-linkchecker="skip">View All Public Programs</a></p></div></div><div class="tab-pane fade " id="calendar_listing-exhibitions" role="tabpanel" aria-labelledby="calendar_listing-exhibitions-tab" data-cul-event-type="exhibitions" data-calendars="org/cu_libraries,org/musartlib,org/rbml,org/via" data-start-date="" data-end-date="" data-max-events="3" data-link-label="View All Exhibitions" data-link-url="/content/libraryweb/about/events.html#calendar=exhibitions"><div class="container"><div class="row mb-md-3">
956
+ <div class="col-lg-4 px-md-0">
957
+ <div class="card mb-4 bg-transparent border-0">
958
+ <article class="card-body">
959
+ <div class="d-flex">
960
+ <div class="border-0 text-center mr-3">
961
+ <div class="date-range-wrapper">
962
+ <div class="date">
963
+ <div class="month text-uppercase">Sep</div>
964
+ <div class="day">1</div>
965
+ <span class="badge badge-secondary">
966
+ <abbr title="Sun" class="weekday text-decoration-none">Sun</abbr>
967
+ </span>
968
+ </div>
969
+
970
+ <p class="mt-3">
971
+ To
972
+ </p>
973
+ <div class="date">
974
+ <div class="month text-uppercase">Dec</div>
975
+ <div class="day">31</div>
976
+ <span class="badge badge-secondary">
977
+ <abbr title="Sun" class="weekday text-decoration-none">Tue</abbr>
978
+ </span>
979
+ </div>
980
+ </div>
981
+ </div>
982
+ <div class="d-flex flex-column">
983
+ <h3 class="card-title h5">
984
+ <a href="#guid=CAL-00bbdb7c-91e025ac-0191-e1f9bdc0-00004e89events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-91e025ac-0191-e1f9bdc0-00004e89events%40columbia.edu" data-recurrenceid="">Disasters: The Stories We Share</a>
985
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
986
+ </h3>
987
+ <p class="card-text">We invite you to view the exhibit Disasters: The Stories We Share, located near the Lehman Social Sciences Library entrance. Explore how we discuss, learn from, and address the lasting impacts of disasters on communities.
988
+ Disasters can mean a lot of things to a lot of people. Documenting disasters m...</p>
989
+ </div>
990
+ </div>
991
+ </article>
992
+ </div>
993
+ </div>
994
+ </div><p class="text-center small mb-0"><a href="/content/libraryweb/about/events.html#calendar=exhibitions" class="text-primary" x-cq-linkchecker="skip">View All Exhibitions</a></p></div></div><div class="tab-pane fade active show" id="calendar_listing-workshops" role="tabpanel" aria-labelledby="calendar_listing-workshops-tab" data-cul-event-type="workshops" data-calendars="org/burke,org/avery,org/lib_digitalresearch,org/eastasian,org/lib_globalstudies,org/humanitieslibrary,org/cu_libraries,org/rbml,org/lib_scienceengineering,org/lib_social_sciences" data-start-date="" data-end-date="" data-max-events="3" data-link-label="View All Workshops" data-link-url="/content/libraryweb/using-libraries/workshops.html"><div class="container"><div class="row mb-md-3">
995
+ <div class="col-lg-4 px-md-0">
996
+ <div class="card mb-4 bg-transparent border-0">
997
+ <article class="card-body">
998
+ <div class="d-flex">
999
+ <div class="border-0 text-center mr-3">
1000
+ <div class="date-range-wrapper">
1001
+ <div class="date">
1002
+ <div class="month text-uppercase">Oct</div>
1003
+ <div class="day">2</div>
1004
+ <span class="badge badge-secondary">
1005
+ <abbr title="Wed" class="weekday text-decoration-none">Wed</abbr>
1006
+ </span>
1007
+ </div>
1008
+ </div>
1009
+ </div>
1010
+ <div class="d-flex flex-column">
1011
+ <h3 class="card-title h5">
1012
+ <a href="#guid=CAL-00bbdb7c-908c4223-0190-8e9ccd1a-00003253events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-908c4223-0190-8e9ccd1a-00003253events%40columbia.edu" data-recurrenceid="">R 101 for Social Scientists</a>
1013
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
1014
+ </h3>
1015
+ <p class="card-text">R is the most widely used programming language for statistical computing and graphics. It is free and open source. This introduction to R is designed for participants with no programming experience. The workshop starts with the building blocks of using RStudio to develop and explore the data structu...</p>
1016
+ </div>
1017
+ </div>
1018
+ </article>
1019
+ </div>
1020
+ </div>
1021
+
1022
+ <div class="col-lg-4 px-md-0">
1023
+ <div class="card mb-4 bg-transparent border-0">
1024
+ <article class="card-body">
1025
+ <div class="d-flex">
1026
+ <div class="border-0 text-center mr-3">
1027
+ <div class="date-range-wrapper">
1028
+ <div class="date">
1029
+ <div class="month text-uppercase">Oct</div>
1030
+ <div class="day">3</div>
1031
+ <span class="badge badge-secondary">
1032
+ <abbr title="Thu" class="weekday text-decoration-none">Thu</abbr>
1033
+ </span>
1034
+ </div>
1035
+ </div>
1036
+ </div>
1037
+ <div class="d-flex flex-column">
1038
+ <h3 class="card-title h5">
1039
+ <a href="#guid=CAL-00bbdb7c-9169b36a-0191-6b895005-000037daevents%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-9169b36a-0191-6b895005-000037daevents%40columbia.edu" data-recurrenceid="">Introduction to the Bloomberg</a>
1040
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
1041
+ </h3>
1042
+ <p class="card-text">Introduction to the navigation and functionally of the Bloomberg Terminal with an emphasis on popular shortcuts. Some of the topics covered are company and industry research, commodities and Bloomberg law. This workshop is mainly focused on Bloomberg News and Bloomberg Finance.
1043
+ &nbsp;...</p>
1044
+ </div>
1045
+ </div>
1046
+ </article>
1047
+ </div>
1048
+ </div>
1049
+
1050
+ <div class="col-lg-4 px-md-0">
1051
+ <div class="card mb-4 bg-transparent border-0">
1052
+ <article class="card-body">
1053
+ <div class="d-flex">
1054
+ <div class="border-0 text-center mr-3">
1055
+ <div class="date-range-wrapper">
1056
+ <div class="date">
1057
+ <div class="month text-uppercase">Oct</div>
1058
+ <div class="day">3</div>
1059
+ <span class="badge badge-secondary">
1060
+ <abbr title="Thu" class="weekday text-decoration-none">Thu</abbr>
1061
+ </span>
1062
+ </div>
1063
+ </div>
1064
+ </div>
1065
+ <div class="d-flex flex-column">
1066
+ <h3 class="card-title h5">
1067
+ <a href="#guid=CAL-00bbdb70-915a3693-0191-5c7607cd-00004ca6events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb70-915a3693-0191-5c7607cd-00004ca6events%40columbia.edu" data-recurrenceid="">Citation Management with Zotero (Beginner)</a>
1068
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
1069
+ </h3>
1070
+ <p class="card-text">Creating citations and bibliographies can be difficult, and so can keeping track of all of the reading that you’ll do over the course of a class, semester, and your academic career. Zotero is a free, open-source bibliographic management program that allows you to collect, organize, cite, and share y...</p>
1071
+ </div>
1072
+ </div>
1073
+ </article>
1074
+ </div>
1075
+ </div>
1076
+ </div><p class="text-center small mb-0"><a href="/content/libraryweb/using-libraries/workshops.html" class="text-primary" x-cq-linkchecker="skip">View All Workshops</a></p></div></div><div class="tab-pane fade " id="calendar_listing-dropin" role="tabpanel" aria-labelledby="calendar_listing-dropin-tab" data-cul-event-type="dropInHelp" data-calendars="org/avery,org/lib_digitalresearch,org/eastasian,org/lib_globalstudies,org/humanitieslibrary,org/rbml,org/lib_scienceengineering,org/lib_social_sciences,org/burke" data-start-date="" data-end-date="" data-max-events="3" data-link-label="View All Drop-In Help" data-link-url="/content/libraryweb/using-libraries/drop-in-help.html"><div class="container"><div class="row mb-md-3">
1077
+ <div class="col-lg-4 px-md-0">
1078
+ <div class="card mb-4 bg-transparent border-0">
1079
+ <article class="card-body">
1080
+ <div class="d-flex">
1081
+ <div class="border-0 text-center mr-3">
1082
+ <div class="date-range-wrapper">
1083
+ <div class="date">
1084
+ <div class="month text-uppercase">Oct</div>
1085
+ <div class="day">2</div>
1086
+ <span class="badge badge-secondary">
1087
+ <abbr title="Wed" class="weekday text-decoration-none">Wed</abbr>
1088
+ </span>
1089
+ </div>
1090
+ </div>
1091
+ </div>
1092
+ <div class="d-flex flex-column">
1093
+ <h3 class="card-title h5">
1094
+ <a href="#guid=CAL-00bbdb7c-8a834fa2-018a-857007cf-00004572events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-8a834fa2-018a-857007cf-00004572events%40columbia.edu" data-recurrenceid="20241002T170000Z">Ask a Librarian – Drop-In Help (Butler Library)</a>
1095
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
1096
+ </h3>
1097
+ <p class="card-text">Stop by the Butler Library 3rd-floor lobby with questions about research, citation management, and related topics to discuss with the Libraries' expert staff: Monday–Thursday, 1–8pm; Friday, 1–5pm; Sunday, 4–8pm....</p>
1098
+ </div>
1099
+ </div>
1100
+ </article>
1101
+ </div>
1102
+ </div>
1103
+
1104
+ <div class="col-lg-4 px-md-0">
1105
+ <div class="card mb-4 bg-transparent border-0">
1106
+ <article class="card-body">
1107
+ <div class="d-flex">
1108
+ <div class="border-0 text-center mr-3">
1109
+ <div class="date-range-wrapper">
1110
+ <div class="date">
1111
+ <div class="month text-uppercase">Oct</div>
1112
+ <div class="day">3</div>
1113
+ <span class="badge badge-secondary">
1114
+ <abbr title="Thu" class="weekday text-decoration-none">Thu</abbr>
1115
+ </span>
1116
+ </div>
1117
+ </div>
1118
+ </div>
1119
+ <div class="d-flex flex-column">
1120
+ <h3 class="card-title h5">
1121
+ <a href="#guid=CAL-00bbdb7c-8a834fa2-018a-857007cf-00004572events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-8a834fa2-018a-857007cf-00004572events%40columbia.edu" data-recurrenceid="20241003T170000Z">Ask a Librarian – Drop-In Help (Butler Library)</a>
1122
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
1123
+ </h3>
1124
+ <p class="card-text">Stop by the Butler Library 3rd-floor lobby with questions about research, citation management, and related topics to discuss with the Libraries' expert staff: Monday–Thursday, 1–8pm; Friday, 1–5pm; Sunday, 4–8pm....</p>
1125
+ </div>
1126
+ </div>
1127
+ </article>
1128
+ </div>
1129
+ </div>
1130
+
1131
+ <div class="col-lg-4 px-md-0">
1132
+ <div class="card mb-4 bg-transparent border-0">
1133
+ <article class="card-body">
1134
+ <div class="d-flex">
1135
+ <div class="border-0 text-center mr-3">
1136
+ <div class="date-range-wrapper">
1137
+ <div class="date">
1138
+ <div class="month text-uppercase">Oct</div>
1139
+ <div class="day">4</div>
1140
+ <span class="badge badge-secondary">
1141
+ <abbr title="Fri" class="weekday text-decoration-none">Fri</abbr>
1142
+ </span>
1143
+ </div>
1144
+ </div>
1145
+ </div>
1146
+ <div class="d-flex flex-column">
1147
+ <h3 class="card-title h5">
1148
+ <a href="#guid=CAL-00bbdb7c-8a834fa2-018a-85764ff1-00004666events%40columbia.edu" data-toggle="modal" data-target="#divEventModal" data-guid="CAL-00bbdb7c-8a834fa2-018a-85764ff1-00004666events%40columbia.edu" data-recurrenceid="20241004T170000Z">Ask a Librarian – Drop-In Help (Butler Library)</a>
1149
+ <!-- <sup class="text-muted"><i class="fas fa-external-link-alt"></i></sup> -->
1150
+ </h3>
1151
+ <p class="card-text">Stop by the Butler Library 3rd-floor lobby with questions about research, citation management, and related topics to discuss with the Libraries' expert staff: Monday–Thursday, 1–8pm; Friday, 1–5pm; Sunday, 4–8pm....</p>
1152
+ </div>
1153
+ </div>
1154
+ </article>
1155
+ </div>
1156
+ </div>
1157
+ </div><p class="text-center small mb-0"><a href="/content/libraryweb/using-libraries/drop-in-help.html" class="text-primary" x-cq-linkchecker="skip">View All Drop-In Help</a></p></div></div>
1158
+ </div>
1159
+
1160
+ <!-- Event Details Modal -->
1161
+ <div class="modal fade" id="divEventModal" tabindex="-1" role="dialog" aria-labelledby="hEventModalTitle" aria-hidden="true">
1162
+ <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
1163
+ <div class="modal-content">
1164
+ <div class="modal-header">
1165
+ <h3 class="modal-title text-uppercase" id="hEventModalTitle">Event Details</h3>
1166
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1167
+ <span aria-hidden="true">×</span>
1168
+ </button>
1169
+ </div>
1170
+ <div class="modal-body m-2">
1171
+ <div class="d-flex justify-content-center">
1172
+ <div class="spinner-grow text-primary" role="status">
1173
+ <span class="sr-only">Loading...</span>
1174
+ </div>
1175
+ <div class="spinner-grow text-primary" role="status">
1176
+ <span class="sr-only">Loading...</span>
1177
+ </div>
1178
+ <div class="spinner-grow text-primary" role="status">
1179
+ <span class="sr-only">Loading...</span>
1180
+ </div>
1181
+ </div>
1182
+ </div>
1183
+ <div class="modal-footer">
1184
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
1185
+ </div>
1186
+ </div>
1187
+ </div>
1188
+ </div>
1189
+ </div>
1190
+ </section>
1191
+
1192
+ <script>
1193
+ // If the document ready event has already fired, then we want to initialize this component here and now.
1194
+ // Otherwise we'll just allow the document ready handler to set it up once the page loads.
1195
+ if(typeof($) !== 'undefined' && $.isReady) {
1196
+ CUL.CalendarListing.initCalendarListingComponents();
1197
+ }
1198
+ </script></div>
1199
+
1200
+ <h2 class="h4 text-center text-uppercase mt-5 mb-4">New &amp; Notable Collections</h2>
1201
+ <div class="collections_carousel">
1202
+
1203
+
1204
+
1205
+ <section class="cul-collections_carousel mb-3">
1206
+ <div class="container-fluid p-md-0">
1207
+
1208
+ <div class="bg-light">
1209
+ <div id="collections_carousel" class="carousel slide" data-ride="false">
1210
+ <ol class="carousel-indicators invisible">
1211
+ <li data-bs-target="#collections_carousel" data-bs-slide-to="0" class="active"></li><li data-bs-target="#collections_carousel" data-bs-slide-to="1" class=""></li>
1212
+ </ol>
1213
+ <div class="carousel-inner text-white">
1214
+
1215
+
1216
+ <div class="carousel-item active">
1217
+ <div class="row h-100">
1218
+
1219
+ <div class="col-sm-2 px-sm-0">
1220
+ <div class="card bg-dark border-0">
1221
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/summer-2024/Parallèles%20des%20édifices.png);">
1222
+ <a href="https://clio.columbia.edu/catalog/17164239" class="d-flex w-100 p-2 px-sm-4">
1223
+ <div class="d-flex align-content-end flex-wrap">
1224
+ <h3 class="card-title h5 w-100">
1225
+ Parallèles des édifices anciens et modernes du continent africain
1226
+ </h3>
1227
+ <p class="card-text d-none d-md-block"></p>
1228
+ </div>
1229
+ </a>
1230
+ </article>
1231
+ </div>
1232
+ </div>
1233
+ <div class="col-sm-4 px-sm-0 d-flex flex-column">
1234
+ <div class="d-flex flex-md-wrap h-100">
1235
+ <div class="card bg-dark w-50 border-0">
1236
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/spring-2024/Haile%20Selassie.jpg);">
1237
+ <a href="https://clio.columbia.edu/catalog/18337344" class="d-flex w-100 p-2">
1238
+ <div class="d-flex align-content-end flex-wrap">
1239
+ <h3 class="card-title h5 w-100">
1240
+ Rastafari ephemeral publications from the Written Rastafari Archives Project
1241
+ </h3>
1242
+ <p class="card-text d-none d-md-block"></p>
1243
+ </div>
1244
+ </a>
1245
+ </article>
1246
+ </div>
1247
+ <div class="card bg-dark w-50 border-0">
1248
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/summer-2024/La%20gran%20defensa.png);">
1249
+ <a href="https://clio.columbia.edu/catalog/16743627" class="d-flex w-100 p-2">
1250
+ <div class="d-flex align-content-end flex-wrap">
1251
+ <h3 class="card-title h5 w-100">
1252
+ La gran defensa : nuevo methodo de fortificacion
1253
+ </h3>
1254
+ <p class="card-text d-none d-md-block"></p>
1255
+ </div>
1256
+ </a>
1257
+ </article>
1258
+ </div>
1259
+ </div>
1260
+ <div class="d-flex flex-wrap h-100">
1261
+ <div class="card bg-dark w-50 border-0">
1262
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/spring-2024/Quaerimonia%20Terrarum%20Pocuciae%20Podoliaeque-Georgius%20Ticinus.jpg);">
1263
+ <a href="https://clio.columbia.edu/catalog/17314436" class="d-flex w-100 p-2">
1264
+ <div class="d-flex align-content-end flex-wrap">
1265
+ <h3 class="card-title h5 w-100">
1266
+ Quaerimonia
1267
+ </h3>
1268
+ <p class="card-text d-none d-md-block"></p>
1269
+ </div>
1270
+ </a>
1271
+ </article>
1272
+ </div>
1273
+ <div class="card bg-dark w-50 border-0">
1274
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/spring-2024/PEN-Faulkner%20Reading%20Series.png);">
1275
+ <a href="https://findingaids.library.columbia.edu/ead/nnc-rb/ldpd_17229256" class="d-flex w-100 p-2">
1276
+ <div class="d-flex align-content-end flex-wrap">
1277
+ <h3 class="card-title h5 w-100">
1278
+ PEN/Faulkner Foundation Records
1279
+ </h3>
1280
+ <p class="card-text d-none d-md-block"></p>
1281
+ </div>
1282
+ </a>
1283
+ </article>
1284
+ </div>
1285
+ </div>
1286
+ </div>
1287
+ <div class="col-sm-6 px-sm-0">
1288
+ <div class="card bg-dark border-0">
1289
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/summer-2024/Katie%20G.%20Cannon%20papers.png);">
1290
+ <a href="https://clio.columbia.edu/catalog/15153874" class="d-flex w-100 p-2">
1291
+ <div class="d-flex align-content-end flex-wrap">
1292
+ <h3 class="card-title h5 w-100">
1293
+ Katie G. Cannon papers, 1955 -- 2018
1294
+ </h3>
1295
+ <p class="card-text d-none d-md-block"></p>
1296
+ </div>
1297
+ </a>
1298
+ </article>
1299
+ </div>
1300
+ </div>
1301
+
1302
+ </div>
1303
+ </div>
1304
+
1305
+ <div class="carousel-item ">
1306
+ <div class="row h-100">
1307
+
1308
+ <div class="col-sm-6 px-sm-0 d-flex flex-column">
1309
+ <div class="d-flex flex-wrap h-100">
1310
+ <div class="card bg-dark w-100 border-0">
1311
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/summer-2024/Spider%20lilies.png);">
1312
+ <a href="http://www.columbia.edu/cgi-bin/cul/resolve?clio17070614" class="d-flex w-100 p-2">
1313
+ <div class="d-flex align-content-end flex-wrap px-md-3">
1314
+ <h3 class="card-title h5 w-100">
1315
+ LBGT Films by Chinese and Taiwanese Queer Filmmakers
1316
+ </h3>
1317
+ <p class="card-text d-none d-md-block"></p>
1318
+ </div>
1319
+ </a>
1320
+ </article>
1321
+ </div>
1322
+ </div>
1323
+ <div class="d-flex flex-wrap h-100">
1324
+ <div class="card bg-dark w-100 border-0">
1325
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/summer-2024/David%20Wise.png);">
1326
+ <a href="https://findingaids.library.columbia.edu/ead/nnc-rb/ldpd_17381671" class="d-flex w-100 p-2">
1327
+ <div class="d-flex align-content-end flex-wrap px-md-3">
1328
+ <h3 class="card-title h5 w-100">
1329
+ David Wise papers, 1950s-2000s
1330
+ </h3>
1331
+ <p class="card-text d-none d-md-block"></p>
1332
+ </div>
1333
+ </a>
1334
+ </article>
1335
+ </div>
1336
+ </div>
1337
+ </div>
1338
+ <div class="col-sm-6 px-sm-0">
1339
+ <div class="card bg-dark border-0">
1340
+ <article class="card-body d-flex p-0" style="background-color:#; background-image:url(https://library.columbia.edu/content/dam/libraryweb/homepage/carousel/summer-2024/Elizabeth%20A.%20Clark-cropped.jpg);">
1341
+ <a href="https://clio.columbia.edu/archives/17010040" class="d-flex w-100 p-2">
1342
+ <div class="d-flex align-content-end flex-wrap">
1343
+ <h3 class="card-title h5 w-100">
1344
+ Elizabeth A. Clark collection of research materials, circa 2000 -- 2020
1345
+ </h3>
1346
+ <p class="card-text d-none d-md-block"></p>
1347
+ </div>
1348
+ </a>
1349
+ </article>
1350
+ </div>
1351
+ </div>
1352
+
1353
+ </div>
1354
+ </div>
1355
+
1356
+ </div>
1357
+
1358
+ <button class="carousel-control-prev text-light h1" data-bs-target="#collections_carousel" role="button" data-bs-slide="prev">
1359
+ <i class="fas fa-chevron-circle-left" aria-hidden="true"></i>
1360
+ <span class="sr-only">Previous</span>
1361
+ </button>
1362
+ <button class="carousel-control-next text-light h1" data-bs-target="#collections_carousel" role="button" data-bs-slide="next">
1363
+ <i class="fas fa-chevron-circle-right" aria-hidden="true"></i>
1364
+ <span class="sr-only">Next</span>
1365
+ </button>
1366
+
1367
+ </div>
1368
+ </div>
1369
+ </div>
1370
+
1371
+ <p class="text-center small mt-3 mb-0"><a href="https://library.columbia.edu/collections/digital-collections.html" class="text-primary">View All Collections</a></p>
1372
+
1373
+ </section></div>
1374
+
1375
+ <h2 class="h4 text-center text-uppercase mt-5 mb-4">News</h2>
1376
+ <div class="px-3">
1377
+ <div class="news_carousel">
1378
+
1379
+
1380
+ <section id="news_carousel" class="cul-news_carousel mb-3">
1381
+ <div class="container-fluid px-0">
1382
+
1383
+ <div class="pb-3 bg-white">
1384
+ <div id="news_carousel-carousel" class="carousel slide" data-ride="false">
1385
+ <ol class="carousel-indicators invisible">
1386
+ <li data-bs-target="#news_carousel-carousel" data-bs-slide-to="0" class="bg-secondary active"></li>
1387
+ <li data-bs-target="#news_carousel-carousel" data-bs-slide-to="1" class="bg-secondary"></li>
1388
+ </ol>
1389
+ <div class="carousel-content">
1390
+ <div class="carousel-inner text-white">
1391
+
1392
+
1393
+
1394
+ <div class="carousel-item active">
1395
+ <div class="row h-100">
1396
+
1397
+
1398
+ <div class="col-12 col-md-6 col-lg-3">
1399
+ <div class="card bg-white border-0 h-100">
1400
+ <a href="https://blogs.cul.columbia.edu/rbml/2024/09/17/nypl-library-school-records-a-student-project/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/NYPL-Library-School-Records.png" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1401
+ <article class="card-body d-flex p-0 py-sm-3">
1402
+ <a href="https://blogs.cul.columbia.edu/rbml/2024/09/17/nypl-library-school-records-a-student-project/" class="d-flex">
1403
+ <div class="d-flex align-content-start flex-wrap">
1404
+
1405
+ <p class="card-text">Students in the Rare Book &amp; Manuscript Library, Itzel Franco ('26CC) and Sarah Noon ('24GS), helped University archivists to improve the condition and description of a brittle but valuable collection of records from the New York Public Library (NYPL) Library School.</p>
1406
+ </div>
1407
+ </a>
1408
+ </article>
1409
+ </div>
1410
+ </div>
1411
+
1412
+
1413
+
1414
+ <div class="col-12 col-md-6 col-lg-3">
1415
+ <div class="card bg-white border-0 h-100">
1416
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/09/17/now-on-view-student-research-mentorship-program-displays/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/StudentResearchMentorshipProgram_Image_Lehman.jpg" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1417
+ <article class="card-body d-flex p-0 py-sm-3">
1418
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/09/17/now-on-view-student-research-mentorship-program-displays/" class="d-flex">
1419
+ <div class="d-flex align-content-start flex-wrap">
1420
+
1421
+ <p class="card-text">Now on display in Lehman Social Sciences Library: Highlights from the Student Research Mentorship Program, which paired five first-generation, low-income students and students of color with librarian mentors on research projects that leveraged the Libraries' collections and services.</p>
1422
+ </div>
1423
+ </a>
1424
+ </article>
1425
+ </div>
1426
+ </div>
1427
+
1428
+
1429
+
1430
+ <div class="col-12 col-md-6 col-lg-3">
1431
+ <div class="card bg-white border-0 h-100">
1432
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/09/12/fall-2024-ask-a-librarian-interns/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/Ask-Librarian-Interns-F24.png" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1433
+ <article class="card-body d-flex p-0 py-sm-3">
1434
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/09/12/fall-2024-ask-a-librarian-interns/" class="d-flex">
1435
+ <div class="d-flex align-content-start flex-wrap">
1436
+
1437
+ <p class="card-text">The Ask A Librarian Internship Program, which provides currently-enrolled library and information science students with paid, hands-on experience in academic librarianship, announces the Fall 2024 interns: Federica Alesiani, Willy Anthony Diaz Tapia, and Jasmine Zacate.</p>
1438
+ </div>
1439
+ </a>
1440
+ </article>
1441
+ </div>
1442
+ </div>
1443
+
1444
+
1445
+
1446
+ <div class="col-12 col-md-6 col-lg-3">
1447
+ <div class="card bg-white border-0 h-100">
1448
+ <a href="https://blogs.cul.columbia.edu/the-tinker/2024/09/05/peer-review-week-at-the-columbia-libraries/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/Peer-Review-Week-2024.png" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1449
+ <article class="card-body d-flex p-0 py-sm-3">
1450
+ <a href="https://blogs.cul.columbia.edu/the-tinker/2024/09/05/peer-review-week-at-the-columbia-libraries/" class="d-flex">
1451
+ <div class="d-flex align-content-start flex-wrap">
1452
+
1453
+ <p class="card-text">The Libraries recognizes Peer Review Week (September 23-27), which serves as a crucial platform to facilitate discussions among researchers, publishers, and others about the peer review process, through workshops on scholarly publishing.</p>
1454
+ </div>
1455
+ </a>
1456
+ </article>
1457
+ </div>
1458
+ </div>
1459
+
1460
+ </div>
1461
+ </div>
1462
+
1463
+
1464
+
1465
+ <div class="carousel-item">
1466
+ <div class="row h-100">
1467
+
1468
+
1469
+ <div class="col-12 col-md-6 col-lg-3">
1470
+ <div class="card bg-white border-0 h-100">
1471
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/09/03/mathematics-library-reopens-to-columbia-students/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/Math-Library-Reopening.jpg" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1472
+ <article class="card-body d-flex p-0 py-sm-3">
1473
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/09/03/mathematics-library-reopens-to-columbia-students/" class="d-flex">
1474
+ <div class="d-flex align-content-start flex-wrap">
1475
+
1476
+ <p class="card-text">After undergoing renovations this summer, the Mathematics Library has officially reopened to Columbia students and affiliates. Updates to the space include a new collaborative study area and a printing/computer station with high-top seating.</p>
1477
+ </div>
1478
+ </a>
1479
+ </article>
1480
+ </div>
1481
+ </div>
1482
+
1483
+
1484
+
1485
+ <div class="col-12 col-md-6 col-lg-3">
1486
+ <div class="card bg-white border-0 h-100">
1487
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/08/30/ideas-anthropocene-web-archive/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/Anthropocene-Web-Archive.png" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1488
+ <article class="card-body d-flex p-0 py-sm-3">
1489
+ <a href="https://blogs.cul.columbia.edu/spotlights/2024/08/30/ideas-anthropocene-web-archive/" class="d-flex">
1490
+ <div class="d-flex align-content-start flex-wrap">
1491
+
1492
+ <p class="card-text">The Ideas of the Anthropocene Web Archive brings together an interdisciplinary sample of websites that document concepts and critiques of the "Anthropocene," from sites in the earth sciences to the environmental arts and humanities.</p>
1493
+ </div>
1494
+ </a>
1495
+ </article>
1496
+ </div>
1497
+ </div>
1498
+
1499
+
1500
+
1501
+ <div class="col-12 col-md-6 col-lg-3">
1502
+ <div class="card bg-white border-0 h-100">
1503
+ <a href="https://blogs.cul.columbia.edu/rbml/2024/08/28/an-a-to-z-of-oral-history-g-is-for-40-oral-history-collection-on-gun-violence-in-america-2017-2020/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/Gun-Violence-Oral-History-Collection.png" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1504
+ <article class="card-body d-flex p-0 py-sm-3">
1505
+ <a href="https://blogs.cul.columbia.edu/rbml/2024/08/28/an-a-to-z-of-oral-history-g-is-for-40-oral-history-collection-on-gun-violence-in-america-2017-2020/" class="d-flex">
1506
+ <div class="d-flex align-content-start flex-wrap">
1507
+
1508
+ <p class="card-text">An A-to-Z guide to the Libraries' Oral History Archives: 'G' is for gun violence in America, addressed in the Forty Percent oral history collection which "gives a powerful voice to survivors of gun violence" in the U.S. from 2017 through 2020.</p>
1509
+ </div>
1510
+ </a>
1511
+ </article>
1512
+ </div>
1513
+ </div>
1514
+
1515
+
1516
+
1517
+ <div class="col-12 col-md-6 col-lg-3">
1518
+ <div class="card bg-white border-0 h-100">
1519
+ <a href="https://blogs.cul.columbia.edu/jewishstudiesatcul/2024/08/26/jews-at-columbia-the-first-hundred-years-1754-1854/"><img src="https://library.columbia.edu/content/dam/libraryweb/news/2024-Library-News/Jews-Columbia-1754-1854.png" class="card-img-top pb-3 pb-sm-0" alt="..."></a>
1520
+ <article class="card-body d-flex p-0 py-sm-3">
1521
+ <a href="https://blogs.cul.columbia.edu/jewishstudiesatcul/2024/08/26/jews-at-columbia-the-first-hundred-years-1754-1854/" class="d-flex">
1522
+ <div class="d-flex align-content-start flex-wrap">
1523
+
1524
+ <p class="card-text">The first installment in a series of blog posts about the history of Jews at Columbia by Librarian for Jewish Studies Michelle Margolis centers on the first 100 years of the University, then known as King's College, from 1754-1854. </p>
1525
+ </div>
1526
+ </a>
1527
+ </article>
1528
+ </div>
1529
+ </div>
1530
+
1531
+ </div>
1532
+ </div>
1533
+
1534
+
1535
+ </div>
1536
+ </div>
1537
+ <button class="carousel-control-prev text-secondary h1" data-bs-target="#news_carousel-carousel" role="button" data-bs-slide="prev">
1538
+ <i class="fas fa-chevron-circle-left" aria-hidden="true"></i>
1539
+ <span class="sr-only">Previous</span>
1540
+ </button>
1541
+ <button class="carousel-control-next text-secondary h1" data-bs-target="#news_carousel-carousel" role="button" data-bs-slide="next">
1542
+ <i class="fas fa-chevron-circle-right" aria-hidden="true"></i>
1543
+ <span class="sr-only">Next</span>
1544
+ </button>
1545
+ </div>
1546
+
1547
+ <p class="text-center small mt-2 mb-0"><a href="/about/news.html" class="text-primary">View All News</a></p>
1548
+
1549
+ </div>
1550
+ </div>
1551
+ </section></div>
1552
+
1553
+ </div>
1554
+
1555
+ <!-- fat-footer -->
1556
+ <section id="fat-footer" class="py-5 mb-2 bg-CULDarkBlue text-white">
1557
+ <div class="container">
1558
+ <div class="row">
1559
+ <div class="col">
1560
+ <address>
1561
+ <strong>Columbia University Libraries</strong><br>
1562
+ 535 West 114th St. New York, NY 10027
1563
+ </address>
1564
+ </div>
1565
+ <div class="col">
1566
+ <div class="row">
1567
+ <div class="col-1 fatf-icon text-light d-none d-sm-block">
1568
+ <i class="far fa-mobile-alt"></i>
1569
+ </div>
1570
+ <div class="col">
1571
+ <address>
1572
+ <strong>Phone</strong><br>
1573
+ <a class="text-light" href="tel:212-854-7309">212-854-7309</a>
1574
+ </address>
1575
+ </div>
1576
+ </div>
1577
+ <div class="row">
1578
+ <div class="col-1 fatf-icon text-light d-none d-sm-block">
1579
+ <i class="fas fa-envelope"></i>
1580
+ </div>
1581
+ <div class="col">
1582
+ <address>
1583
+ <strong>Contact Us</strong><br>
1584
+ <a class="text-light" href="mailto:lio@columbia.edu">lio@columbia.edu</a>
1585
+ </address>
1586
+ </div>
1587
+ </div>
1588
+ <div class="row">
1589
+ <div class="col-1 fatf-icon text-light d-none d-sm-block"></div>
1590
+ <div class="col">
1591
+ <address>
1592
+ <strong>Follow Us</strong><br>
1593
+ <a class="fatf-icon text-white mr-2" aria-label="CUL on Facebook" href="https://facebook.com/culibraries">
1594
+ <i class="fab fa-facebook"></i>
1595
+ </a>
1596
+ </address>
1597
+ </div>
1598
+ </div>
1599
+ </div>
1600
+ <div class="col">
1601
+ <ul class="list-unstyled">
1602
+ <li><a href="/about/policies/gifts-policy.html" class="text-white">Donate Books or Items</a></li>
1603
+ <li><a href="https://feedback.cul.columbia.edu/feedback_submission/lweb?submitted_from_page=https%3A%2F%2Flibrary.columbia.edu%2Findex" class="text-white" target="_blank">Suggestions &amp; Feedback</a></li>
1604
+ <li><a href="https://resolver.library.columbia.edu/lweb0006" class="text-white">Report an E-Resource Problem</a></li>
1605
+ <li><a href="/about/awards/bancroft.html" class="text-white">The Bancroft Prizes</a></li>
1606
+ <li><a href="/about/student_advisory_committee.html" class="text-white">Student Library Advisory Committee</a></li>
1607
+ <li><a href="/about/jobs-internships.html" class="text-white">Jobs &amp; Internships</a></li>
1608
+ <li><a href="/bts.html" class="text-white">Behind the Scenes at Columbia's Libraries</a></li>
1609
+ <li><a href="/about/policies.html" class="text-white">Policies</a></li>
1610
+ <li><a href="https://www.columbia.edu/content/copyright" class="text-white">Copyright</a></li>
1611
+ </ul>
1612
+ </div>
1613
+ </div>
1614
+ </div>
1615
+ </section>
1616
+ <!-- /fat-footer -->
1617
+
1618
+ </main>
1619
+
1620
+
1621
+ </div><!-- #primary -->
1622
+
1623
+ </div><!-- .row end -->
1624
+
1625
+ </div><!-- #content -->
1626
+
1627
+ </div>
1628
+
1629
+ <script>
1630
+ function cultopFun() {
1631
+ if ($(document).scrollTop() > 90 || window.matchMedia('(max-width: 991px)').matches) {
1632
+ $('#CULbrand,#culsidebarbtn').addClass('d-inline').removeClass('d-none');
1633
+ $('#cultopbar').addClass('border-bottom');
1634
+ } else {
1635
+ $('#CULbrand,#culsidebarbtn').removeClass('d-inline').addClass('d-none');
1636
+ $('#cultopbar').removeClass('border-bottom');
1637
+ }
1638
+ return this;
1639
+ };
1640
+
1641
+ $(document).ready(function() {
1642
+ cultopFun();
1643
+ });
1644
+ $(window).on('resize scroll', function() {
1645
+ cultopFun();
1646
+ });
1647
+ </script>
1648
+ <script src="../js/typeahead-0.11.1.bundle.min.js"></script>
1649
+ <script src="../js/quicksearch.js"></script>
1650
+
1651
+ <!-- FontAwesome 6 -->
1652
+ <script id="fa-script" async src="https://kit.fontawesome.com/b5775b608d.js" crossorigin="anonymous"></script>
1653
+ <script>
1654
+ document.getElementById('fa-script').onerror = function () {
1655
+ var scriptElement=document.createElement('script');
1656
+ scriptElement.type = 'text/javascript';
1657
+ scriptElement.src = "https://cdn.cul.columbia.edu/fontawesome/pro/v6.x/js/all.js";
1658
+ document.body.appendChild(scriptElement);
1659
+ }
1660
+ </script>
1661
+
1662
+ </body>
1663
+ </html>
1664
+