@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,878 @@
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 StaffWeb Example Inner HR Home</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
+ #slim-hero {
52
+ &.navbar {
53
+ }
54
+ }
55
+ #sw-hero {
56
+ background-image: url(https://blogs.cul.columbia.edu/wp-content/themes/cul-2019/img/LowFacade.EileenBarroso.jpg);
57
+ background-size: cover;
58
+ background-blend-mode: soft-light;
59
+ background-color: rgb(238, 245, 255) !important;
60
+ background-position: center 70%;
61
+ }
62
+ #search-hero {
63
+ &.navbar {
64
+ background-color: transparent !important;
65
+ background-position: center 70%;
66
+ }
67
+ form {
68
+ position: relative;
69
+ }
70
+ button[type=reset] {
71
+ position:absolute;
72
+ right:0.3em;
73
+ }
74
+ .best-bet-result {
75
+ text-align: left;
76
+ }
77
+ }
78
+ </style>
79
+ <script type="module" crossorigin src="../assets/main.js"></script>
80
+ <link rel="stylesheet" crossorigin href="../assets/main.css">
81
+ </head>
82
+ <body>
83
+ <script>0</script>
84
+ <nav id="cultopbar" class="navbar sticky-top navbar-expand bg-body border-bottom">
85
+ <div class="container">
86
+ <div id="CULnavbar" class="flex-grow-1">
87
+ <a href="/" class="navbar-brand">
88
+ <img id="CULbrand" class="img-fluid" src="../assets/cul-text-logo.svg" alt="Columbia University Libraries">
89
+ </a>
90
+ </div>
91
+ <nav id="global-menu" class="navbar d-none d-lg-flex">
92
+ <ul class="navbar-nav">
93
+ <li class="nav-item">
94
+ <a class="nav-link text-secondary" href="https://resolver.library.columbia.edu/lweb0087">My Library Account</a>
95
+ </li>
96
+ <li class="nav-item">
97
+ <a class="nav-link text-secondary" href="https://hours.library.columbia.edu/">Hours</a>
98
+ </li>
99
+ <li class="nav-item">
100
+ <a class="nav-link text-secondary" href="/services/askalibrarian.html">Ask a Librarian</a>
101
+ </li>
102
+ </ul>
103
+ </nav>
104
+ <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>
105
+ </div>
106
+ </nav>
107
+ <div class="offcanvas offcanvas-end" tabindex="-1" id="CULsidebar" aria-labelledby="CULsidebarLabel">
108
+ <div class="offcanvas-header">
109
+ <img class="me-2" style="max-height:1.3em;" src="../assets/columbia_crown_logo-square-135x135.svg"
110
+ alt="Columbia University Libraries">
111
+ <h5 class="offcanvas-title" id="CULsidebarLabel">Table of Contents</h5>
112
+ <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
113
+ </div>
114
+ <div class="offcanvas-body">
115
+ <div data-id="hero-search">
116
+ <form data-id="hero-search-form" style="position:relative;" class="d-flex mb-2 justify-content-between"
117
+ role="search" method="get" action="https://clio.columbia.edu/quicksearch">
118
+ <input required class="form-control border-primary tt-input" type="search"
119
+ aria-label="Search CLIO & the Libraries" placeholder="Search CLIO & the Libraries Website" name="q"
120
+ data-id="quicksearch" tabindex="0" autofocus>
121
+ <button style="position:absolute;right:0.3em;" type="reset" title="Clear the query" class="btn btn-link"
122
+ aria-label="Clear the query">
123
+ <i class="fal fa-times"></i>
124
+ </button>
125
+ </form>
126
+ </div>
127
+ <nav>
128
+ <ul class="list-unstyled">
129
+ <li class="">
130
+ <a class="ps-1 btn btn-link text-decoration-none text-secondary"
131
+ href="https://resolver.library.columbia.edu/lweb0087"><span class="far fa-user"></span> My
132
+ Library Account</a>
133
+ </li>
134
+ <li class="">
135
+ <a class="ps-1 btn btn-link text-decoration-none text-secondary"
136
+ href="https://hours.library.columbia.edu/"><span class="far fa-clock"></span> Hours</a>
137
+ </li>
138
+ <li class="">
139
+ <a class="ps-1 btn btn-link text-decoration-none text-secondary"
140
+ href="/services/askalibrarian.html"><span class="far fa-book-reader"></span> Ask a Librarian</a>
141
+ </li>
142
+ </ul>
143
+ </nav>
144
+
145
+ <hr>
146
+
147
+ <nav id="main-menu">
148
+ <ul class="list-unstyled w-100">
149
+ <li class="mb-1">
150
+ <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>
151
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
152
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
153
+ <li>
154
+ <a class="d-block" href="https://library.columbia.edu/services.html">Services &amp; Tools</a>
155
+ </li>
156
+ </ul>
157
+ </div>
158
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
159
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
160
+ <li>
161
+ <a class="d-block" href="https://library.columbia.edu/services/faq.html">FAQ</a>
162
+ </li>
163
+ </ul>
164
+ </div>
165
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
166
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
167
+ <li>
168
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/alumni.html">For Alumni</a>
169
+ </li>
170
+ </ul>
171
+ </div>
172
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
173
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
174
+ <li>
175
+ <a class="d-block" href="https://library.columbia.edu/services/faculty.html">For Faculty</a>
176
+ </li>
177
+ </ul>
178
+ </div>
179
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
180
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
181
+ <li>
182
+ <a class="d-block" href="https://library.columbia.edu/services.html#audience&#x3D;student">For Students</a>
183
+ </li>
184
+ </ul>
185
+ </div>
186
+ <div id="services-&amp;amp;-tools-collapse" class="collapse">
187
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
188
+ <li>
189
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/visitors.html">For Visitors</a>
190
+ </li>
191
+ </ul>
192
+ </div>
193
+ </li>
194
+ <li class="mb-1">
195
+ <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>
196
+ <div id="libraries-collapse" class="collapse">
197
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
198
+ <li>
199
+ <a class="d-block" href="https://library.columbia.edu/libraries.html">Libraries &amp; Affiliates</a>
200
+ </li>
201
+ </ul>
202
+ </div>
203
+ <div id="libraries-collapse" class="collapse">
204
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
205
+ <li>
206
+ <a class="d-block" href="https://library.columbia.edu/libraries/avery.html">Avery Architectural &amp; Fine Arts Library</a>
207
+ </li>
208
+ </ul>
209
+ </div>
210
+ <div id="libraries-collapse" class="collapse">
211
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
212
+ <li>
213
+ <a class="d-block" href="https://library.columbia.edu/libraries/burke.html">Burke Library at Union Theological Seminary</a>
214
+ </li>
215
+ </ul>
216
+ </div>
217
+ <div id="libraries-collapse" class="collapse">
218
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
219
+ <li>
220
+ <a class="d-block" href="https://library.columbia.edu/libraries/business.html">Business &amp; Economics Library in Uris</a>
221
+ </li>
222
+ </ul>
223
+ </div>
224
+ <div id="libraries-collapse" class="collapse">
225
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
226
+ <li>
227
+ <a class="d-block" href="https://library.columbia.edu/libraries/business-manhattanville.html">Business Library at Manhattanville</a>
228
+ </li>
229
+ </ul>
230
+ </div>
231
+ <div id="libraries-collapse" class="collapse">
232
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
233
+ <li>
234
+ <a class="d-block" href="https://library.columbia.edu/libraries/butler.html">Butler Library</a>
235
+ </li>
236
+ </ul>
237
+ </div>
238
+ <div id="libraries-collapse" class="collapse">
239
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
240
+ <li>
241
+ <a class="d-block" href="https://library.columbia.edu/libraries/eastasian.html">C.V. Starr East Asian Library</a>
242
+ </li>
243
+ </ul>
244
+ </div>
245
+ <div id="libraries-collapse" class="collapse">
246
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
247
+ <li>
248
+ <a class="d-block" href="https://library.columbia.edu/libraries/music.html">Gabe M. Wiener Music &amp; Arts Library</a>
249
+ </li>
250
+ </ul>
251
+ </div>
252
+ <div id="libraries-collapse" class="collapse">
253
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
254
+ <li>
255
+ <a class="d-block" href="https://library.cumc.columbia.edu/">Health Sciences Library</a>
256
+ </li>
257
+ </ul>
258
+ </div>
259
+ <div id="libraries-collapse" class="collapse">
260
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
261
+ <li>
262
+ <a class="d-block" href="https://library.columbia.edu/libraries/journalism.html">Journalism Library</a>
263
+ </li>
264
+ </ul>
265
+ </div>
266
+ <div id="libraries-collapse" class="collapse">
267
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
268
+ <li>
269
+ <a class="d-block" href="http://www.law.columbia.edu/library/">Law Library</a>
270
+ </li>
271
+ </ul>
272
+ </div>
273
+ <div id="libraries-collapse" class="collapse">
274
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
275
+ <li>
276
+ <a class="d-block" href="https://library.columbia.edu/libraries/lehman.html">Lehman Social Sciences Library</a>
277
+ </li>
278
+ </ul>
279
+ </div>
280
+ <div id="libraries-collapse" class="collapse">
281
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
282
+ <li>
283
+ <a class="d-block" href="https://library.columbia.edu/libraries/math.html">Mathematics Library</a>
284
+ </li>
285
+ </ul>
286
+ </div>
287
+ <div id="libraries-collapse" class="collapse">
288
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
289
+ <li>
290
+ <a class="d-block" href="https://library.columbia.edu/libraries/undergraduate.html">Milstein Undergraduate Library</a>
291
+ </li>
292
+ </ul>
293
+ </div>
294
+ <div id="libraries-collapse" class="collapse">
295
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
296
+ <li>
297
+ <a class="d-block" href="https://library.columbia.edu/libraries/rbml.html">Rare Book &amp; Manuscript Library</a>
298
+ </li>
299
+ </ul>
300
+ </div>
301
+ <div id="libraries-collapse" class="collapse">
302
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
303
+ <li>
304
+ <a class="d-block" href="https://library.columbia.edu/libraries/science-engineering.html">Science &amp; Engineering Library</a>
305
+ </li>
306
+ </ul>
307
+ </div>
308
+ <div id="libraries-collapse" class="collapse">
309
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
310
+ <li>
311
+ <a class="d-block" href="https://library.columbia.edu/libraries/social-work.html">Social Work Library</a>
312
+ </li>
313
+ </ul>
314
+ </div>
315
+ </li>
316
+ <li class="mb-1">
317
+ <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>
318
+ <div id="collections-collapse" class="collapse">
319
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
320
+ <li>
321
+ <a class="d-block" href="https://library.columbia.edu/collections.html">About Our Collections</a>
322
+ </li>
323
+ </ul>
324
+ </div>
325
+ <div id="collections-collapse" class="collapse">
326
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
327
+ <li>
328
+ <a class="d-block" href="https://academiccommons.columbia.edu/">Academic Commons</a>
329
+ </li>
330
+ </ul>
331
+ </div>
332
+ <div id="collections-collapse" class="collapse">
333
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
334
+ <li>
335
+ <a class="d-block" href="https://library.columbia.edu/collections/archives-portal.html">Archival Collections</a>
336
+ </li>
337
+ </ul>
338
+ </div>
339
+ <div id="collections-collapse" class="collapse">
340
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
341
+ <li>
342
+ <a class="d-block" href="https://resolver.library.columbia.edu/clio">CLIO: Columbia Libraries Catalog</a>
343
+ </li>
344
+ </ul>
345
+ </div>
346
+ <div id="collections-collapse" class="collapse">
347
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
348
+ <li>
349
+ <a class="d-block" href="https://library.columbia.edu/about/policies/collection-development.html">Collection Development</a>
350
+ </li>
351
+ </ul>
352
+ </div>
353
+ <div id="collections-collapse" class="collapse">
354
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
355
+ <li>
356
+ <a class="d-block" href="https://library.columbia.edu/collections/digital-collections.html">Digital Collections &amp; Exhibitions</a>
357
+ </li>
358
+ </ul>
359
+ </div>
360
+ <div id="collections-collapse" class="collapse">
361
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
362
+ <li>
363
+ <a class="d-block" href="https://library.columbia.edu/collections/eresources.html">E-Resources</a>
364
+ </li>
365
+ </ul>
366
+ </div>
367
+ <div id="collections-collapse" class="collapse">
368
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
369
+ <li>
370
+ <a class="d-block" href="https://library.columbia.edu/collections/oral-history-portal.html">Oral History Collections</a>
371
+ </li>
372
+ </ul>
373
+ </div>
374
+ <div id="collections-collapse" class="collapse">
375
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
376
+ <li>
377
+ <a class="d-block" href="https://resolver.library.columbia.edu/lweb0004">Recommend a Title for Purchase</a>
378
+ </li>
379
+ </ul>
380
+ </div>
381
+ <div id="collections-collapse" class="collapse">
382
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
383
+ <li>
384
+ <a class="d-block" href="https://library.columbia.edu/about/staff/subject-specialists-by-subject.html">Subject Specialists</a>
385
+ </li>
386
+ </ul>
387
+ </div>
388
+ </li>
389
+ <li class="mb-1">
390
+ <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>
391
+ <div id="using-the-libraries-collapse" class="collapse">
392
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
393
+ <li>
394
+ <a class="d-block" href="https://library.columbia.edu/using-libraries.html">Using the Libraries</a>
395
+ </li>
396
+ </ul>
397
+ </div>
398
+ <div id="using-the-libraries-collapse" class="collapse">
399
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
400
+ <li>
401
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/access-privileges.html">Access Privileges</a>
402
+ </li>
403
+ </ul>
404
+ </div>
405
+ <div id="using-the-libraries-collapse" class="collapse">
406
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
407
+ <li>
408
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/disability.html">Accessibility</a>
409
+ </li>
410
+ </ul>
411
+ </div>
412
+ <div id="using-the-libraries-collapse" class="collapse">
413
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
414
+ <li>
415
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/borrowing.html">Borrow, Request, Renew</a>
416
+ </li>
417
+ </ul>
418
+ </div>
419
+ <div id="using-the-libraries-collapse" class="collapse">
420
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
421
+ <li>
422
+ <a class="d-block" href="https://library.columbia.edu/services/reserves.html">Course Reserves</a>
423
+ </li>
424
+ </ul>
425
+ </div>
426
+ <div id="using-the-libraries-collapse" class="collapse">
427
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
428
+ <li>
429
+ <a class="d-block" href="https://hours.library.columbia.edu/">Hours</a>
430
+ </li>
431
+ </ul>
432
+ </div>
433
+ <div id="using-the-libraries-collapse" class="collapse">
434
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
435
+ <li>
436
+ <a class="d-block" href="https://library.columbia.edu/using-libraries/printing.html">Print, Scan, Digitize</a>
437
+ </li>
438
+ </ul>
439
+ </div>
440
+ <div id="using-the-libraries-collapse" class="collapse">
441
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
442
+ <li>
443
+ <a class="d-block" href="https://library.columbia.eduusing-libraries/workshops.html">Workshops and Training</a>
444
+ </li>
445
+ </ul>
446
+ </div>
447
+ </li>
448
+ <li class="mb-1">
449
+ <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>
450
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
451
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
452
+ <li>
453
+ <a class="d-block" href="https://library.columbia.edu/research-teaching.html">Research &amp; Teaching</a>
454
+ </li>
455
+ </ul>
456
+ </div>
457
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
458
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
459
+ <li>
460
+ <a class="d-block" href="https://copyright.columbia.edu/index.html">Copyright Advisory Services</a>
461
+ </li>
462
+ </ul>
463
+ </div>
464
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
465
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
466
+ <li>
467
+ <a class="d-block" href="https://library.columbia.edu/services/digital-scholarship.html">Digital Scholarship</a>
468
+ </li>
469
+ </ul>
470
+ </div>
471
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
472
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
473
+ <li>
474
+ <a class="d-block" href="https://library.columbia.edu/research-teaching/getting-started.html">Getting Started with the Libraries</a>
475
+ </li>
476
+ </ul>
477
+ </div>
478
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
479
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
480
+ <li>
481
+ <a class="d-block" href="https://library.columbia.edu/services/research-data-services.html">Research Data Services</a>
482
+ </li>
483
+ </ul>
484
+ </div>
485
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
486
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
487
+ <li>
488
+ <a class="d-block" href="https://library.columbia.edu/services/subject-guides.html">Subject &amp; Course Guides</a>
489
+ </li>
490
+ </ul>
491
+ </div>
492
+ <div id="research-&amp;amp;-teaching-collapse" class="collapse">
493
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
494
+ <li>
495
+ <a class="d-block" href="https://library.columbia.edu/research-teaching/workshops.html">Workshops &amp; Training</a>
496
+ </li>
497
+ </ul>
498
+ </div>
499
+ </li>
500
+ <li class="mb-1">
501
+ <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>
502
+ <div id="about-collapse" class="collapse">
503
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
504
+ <li>
505
+ <a class="d-block" href="https://library.columbia.edu/about.html">About the Libraries</a>
506
+ </li>
507
+ </ul>
508
+ </div>
509
+ <div id="about-collapse" class="collapse">
510
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
511
+ <li>
512
+ <a class="d-block" href="https://library.columbia.edu/about/jobs-internships.html">Jobs &amp; Internships</a>
513
+ </li>
514
+ </ul>
515
+ </div>
516
+ <div id="about-collapse" class="collapse">
517
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
518
+ <li>
519
+ <a class="d-block" href="https://library.columbia.edu/about/news/alert.html">Library Status Updates</a>
520
+ </li>
521
+ </ul>
522
+ </div>
523
+ <div id="about-collapse" class="collapse">
524
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
525
+ <li>
526
+ <a class="d-block" href="https://library.columbia.edu/about/news.html">News</a>
527
+ </li>
528
+ </ul>
529
+ </div>
530
+ <div id="about-collapse" class="collapse">
531
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
532
+ <li>
533
+ <a class="d-block" href="https://library.columbia.edu/about/values.html">Our Values &amp; Commitment in Action</a>
534
+ </li>
535
+ </ul>
536
+ </div>
537
+ <div id="about-collapse" class="collapse">
538
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
539
+ <li>
540
+ <a class="d-block" href="https://library.columbia.edu/about/staff.html">Staff</a>
541
+ </li>
542
+ </ul>
543
+ </div>
544
+ <div id="about-collapse" class="collapse">
545
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
546
+ <li>
547
+ <a class="d-block" href="https://strategicdirections.library.columbia.edu/">Strategic Directions</a>
548
+ </li>
549
+ </ul>
550
+ </div>
551
+ <div id="about-collapse" class="collapse">
552
+ <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
553
+ <li>
554
+ <a class="d-block" href="https://library.columbia.edu/about/student_advisory_committee.html">Student Library Advisory Committee</a>
555
+ </li>
556
+ </ul>
557
+ </div>
558
+ </li>
559
+ </ul>
560
+ </nav>
561
+
562
+ <p>
563
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
564
+ </p>
565
+
566
+ </div>
567
+ </div>
568
+ <div id="sw-hero">
569
+ <section class="py-4 container">
570
+ <div class="row align-items-center">
571
+ <h1 class="mb-0 h2 fw-lighter text-center">StaffWeb!</h1>
572
+ <h2 class="pb-0 mb-0 display-5 text-center fw-light">Human Resources</h2>
573
+ </div>
574
+ </section>
575
+
576
+ </div>
577
+
578
+ <div class="container">
579
+
580
+ </div>
581
+
582
+ <div class="py-4 bg-body-tertiary">
583
+ <div class="container">
584
+
585
+ <div class="row mb-2 align-items-center">
586
+ <div class="col-md-7 py-1">
587
+ <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
588
+ <ol class="breadcrumb mb-md-0 justify-content-center justify-content-md-start">
589
+ <li class="breadcrumb-item"><a href="staffweb-home.html">StaffWeb Home</a></li>
590
+ <li class="breadcrumb-item active" aria-current="page">Human Resources</li>
591
+ </ol>
592
+ </nav>
593
+ </div>
594
+ <div class="col">
595
+ <form data-id="staffweb-search-form" style="position:relative;" class="d-flex mb-2 justify-content-between"
596
+ role="search" method="get" action="https://culis.columbia.edu/search.html">
597
+ <input required class="py-2 w-100 form-control border border-info fs-6 rounded-pill "
598
+ type="search" aria-label="Search StaffWeb" placeholder="🔍 Search StaffWeb&hellip;" name="q"
599
+ data-id="staffwebsearch" tabindex="1">
600
+ <button style="position:absolute;right:0.3em;" type="reset" title="Clear the query" class="btn btn-link fs-5"
601
+ aria-label="Clear the query">
602
+ <i class="fal fa-times"></i>
603
+ </button>
604
+ </form> </div>
605
+ </div>
606
+
607
+
608
+ <div class="row">
609
+ <div id="primary" class="col-md-9 order-2 order-md-1">
610
+ <section>
611
+
612
+ <div class="row">
613
+
614
+ <div class="col-md-6 mb-3">
615
+ <div class="card h-100">
616
+ <div class="card-body">
617
+ <h4 class="card-title">Benefits &amp; Staff Resources</h4>
618
+
619
+ <ul>
620
+ <li><span class="cuiconleft"><a href="http://hr.columbia.edu/benefits">Benefits
621
+ Options</a></span></li>
622
+ <li><a href="https://culis.columbia.edu/hr/benefits/tuition.html">Tuition
623
+ Benefits &amp; Taking Classes at Columbia</a></li>
624
+ <li><a href="https://culis.columbia.edu/hr/salaries.html">Salaries &amp;
625
+ Compensation</a></li>
626
+ <li><a href="https://culis.columbia.edu/hr/benefits/newemp.html">Information for
627
+ New Employees</a></li>
628
+ <li><a href="https://culis.columbia.edu/hr/benefits/newemp/cuid.html">Columbia
629
+ ID Cards</a></li>
630
+ <li><a href="https://culis.columbia.edu/hr/training_dev.html">Training &amp;
631
+ Staff Development</a></li>
632
+ <li><a href="https://culis.columbia.edu/hr/benefits/probres.html">Problem
633
+ Resolution</a></li>
634
+ <li><span class="cuiconleft"><a href="http://worklife.columbia.edu/">Work/Life
635
+ Services</a></span></li>
636
+ <li><span class="cuiconleft"><a
637
+ href="http://hr.columbia.edu/links-especially/new-hires/benefits-and-perks/discounts">Employee
638
+ Discounts</a></span></li>
639
+ <li><span class="cuiconleft"><a
640
+ href="http://artsinitiative.columbia.edu/events/discounts">CUARTS</a></span>
641
+ </li>
642
+ <li><strong><a href="https://culis.columbia.edu/hr/benefits.html">more
643
+ resources</a></strong></li>
644
+ </ul>
645
+ </div>
646
+ </div>
647
+ </div>
648
+
649
+
650
+ <div class="col-md-6 mb-3">
651
+ <div class="card h-100">
652
+ <div class="card-body">
653
+ <h4 class="card-title">General Information</h4>
654
+
655
+ <ul>
656
+ <li><a href="https://culis.columbia.edu/forms/hr.html">HR Forms</a></li>
657
+ <li><a href="https://culis.columbia.edu/hr/org-charts.html">Libraries
658
+ Organizational Chart</a>s</li>
659
+ <li><a href="https://culis.columbia.edu/hr/info/contact.html">Contact HR</a>
660
+ </li>
661
+ <li><a href="https://culis.columbia.edu/hr/info.html">more information</a></li>
662
+ </ul>
663
+ </div>
664
+ </div>
665
+ </div>
666
+
667
+
668
+ <div class="col-md-6 mb-3">
669
+ <div class="card h-100">
670
+ <div class="card-body">
671
+ <h4 class="card-title">Policies &amp; Procedures</h4>
672
+
673
+ <ul>
674
+ <li><a
675
+ href="/content/dam/staffweb/hr/forms/Charting%20Career%20Path%20for%20Officers%20of%20Administration_Linked1.pdf">Charting
676
+ Career Growth for&nbsp;Officers of Administration</a></li>
677
+ <li><a href="https://culis.columbia.edu/hr/policies/employment.html">Employment
678
+ Policies &amp; Guidelines</a><br>
679
+ <span class="smalltext">Includes student employment &amp; internships</span>
680
+ </li>
681
+ <li><a href="https://culis.columbia.edu/hr/policies/recruitment.html">Hiring
682
+ &amp; Recruitment</a></li>
683
+ <li><a
684
+ href="https://culis.columbia.edu/hr/policies/position_classification.html">Position
685
+ Classification</a></li>
686
+ <li><a href="https://culis.columbia.edu/hr/policies/spr.html">System of
687
+ Professional Ranks for Librarians</a></li>
688
+ <li><a href="https://culis.columbia.edu/hr/policies/performance.html">Performance
689
+ Evaluations</a></li>
690
+ <li><a href="https://culis.columbia.edu/hr/policies/time.html">Vacation,
691
+ Holidays, &amp; Attendance</a></li>
692
+ <li><a href="https://culis.columbia.edu/hr/policies/safety.html">Workplace
693
+ Safety</a></li>
694
+ <li><a href="https://culis.columbia.edu/hr/policies/union.html">Union
695
+ Information</a></li>
696
+ <li><a href="https://culis.columbia.edu/hr/policies/time/travel.html">Travel
697
+ &amp; Professional Leave</a></li>
698
+ <li><a href="https://culis.columbia.edu/hr/supervisors.html">Information for
699
+ Supervisors</a></li>
700
+ <li><strong><a href="https://culis.columbia.edu/hr/policies.html">more
701
+ policies</a></strong></li>
702
+ </ul>
703
+ </div>
704
+ </div>
705
+ </div>
706
+
707
+
708
+ <div class="col-md-6 mb-3">
709
+ <div class="card h-100">
710
+ <div class="card-body">
711
+ <h4 class="card-title">University COVID-19 Policies</h4>
712
+
713
+ <ul>
714
+ <li><a href="https://covid19.columbia.edu/content/health-guidance">University
715
+ COVID-19 Public Health Protocols &amp; Policy</a></li>
716
+ <li><a href="https://humanresources.columbia.edu/covid-19">University HR
717
+ Information about COVID-19</a></li>
718
+ <li><a href="https://covid19.columbia.edu/vaccine-info">University &amp; New
719
+ York State Vaccine Information</a> <br>
720
+ </li>
721
+ </ul>
722
+ </div>
723
+ </div>
724
+ </div>
725
+
726
+ </section>
727
+ </div>
728
+
729
+ <div id="secondary" class="col order-1 order-md-2 col-md-3 h-100">
730
+ <aside>
731
+ <div class="p-3 sidebar-nav">
732
+ <div class="d-flex justify-content-center justify-content-md-between">
733
+ <h4 class="justify-content-between">QuickLinks</h4>
734
+ <button class="navbar-toggler px-1 d-md-none" type="button" data-bs-toggle="collapse"
735
+ data-bs-target="#quicklinksCollapse" aria-controls="quicklinksCollapse"
736
+ aria-expanded="true" aria-label="Toggle Quicklinks">
737
+ <span class="navbar-toggler-icon"><i class="fa-solid fa-bars"></i></span>
738
+ </button>
739
+ </div>
740
+
741
+ <div class="collapse d-md-block text-center text-md-start" id="quicklinksCollapse">
742
+
743
+ <ul class="list-unstyled">
744
+
745
+ <li class="listclassicdefault">
746
+ <a href="https://culis.columbia.edu/hr/info.html"
747
+ title="General Information">General Information</a>
748
+ </li>
749
+
750
+
751
+ <li class="listclassicdefault">
752
+ <a href="https://culis.columbia.edu/hr/benefits.html" title="Benefits">Benefits</a>
753
+ </li>
754
+
755
+
756
+ <li class="listclassicdefault">
757
+ <a href="https://culis.columbia.edu/hr/policies.html"
758
+ title="Policies &amp; Procedures">Policies &amp;
759
+ Procedures</a>
760
+ </li>
761
+ </ul>
762
+
763
+ <ul class="list-unstyled">
764
+ <li><span class="cuiconleft"><a href="https://my.columbia.edu/">myColumbia</a></span>
765
+ </li>
766
+ <li><span class="cuiconleft"><a
767
+ href="http://hr.columbia.edu/wac/workplace/holidays">University
768
+ Holidays</a></span></li>
769
+ <li><span class="cuiconleft"><a href="http://hr.columbia.edu/">University
770
+ HR</a></span></li>
771
+ <li><a href="https://timecard.cul.columbia.edu/">Timecard</a></li>
772
+ <li><a href="https://culis.columbia.edu/hr/jobs.html">Job Openings</a></li>
773
+ <li><a href="https://culis.columbia.edu/hr/sitemap.html">Find It A-Z</a></li>
774
+ <li><a href="https://culis.columbia.edu/hr/policies/time/travel.html">Travel</a>
775
+ </li>
776
+ <li><a
777
+ href="/content/dam/staffweb/hr/Libraries Travel Policy FAQ February 2020 2.24.20.pdf">Libraries
778
+ Travel Policy FAQ</a><br>
779
+ </li>
780
+ <li><a href="https://culis.columbia.edu/hr/supervisors.html">Info for
781
+ Supervisors</a></li>
782
+ <li><a href="mailto:hr@libraries.cul.columbia.edu">E-mail Human Resources</a></li>
783
+ </ul>
784
+ </div> <!--//collapse-->
785
+
786
+ </div> <!--/sidebar-nav-->
787
+ </aside>
788
+ </div><!--/secondary-->
789
+
790
+ </div>
791
+ </div>
792
+
793
+ </div>
794
+
795
+ <!-- fat-footer -->
796
+ <section id="fat-footer" class="py-5 mb-2 bg-CULDarkBlue text-white">
797
+ <div class="container">
798
+ <div class="row">
799
+ <div class="col">
800
+ <address>
801
+ <strong>Columbia University Libraries</strong><br>
802
+ 535 West 114th St. New York, NY 10027
803
+ </address>
804
+ </div>
805
+ <div class="col">
806
+ <div class="row">
807
+ <div class="col-1 fatf-icon text-light d-none d-sm-block">
808
+ <i class="far fa-mobile-alt"></i>
809
+ </div>
810
+ <div class="col">
811
+ <address>
812
+ <strong>Phone</strong><br>
813
+ <a class="text-light" href="tel:212-854-7309">212-854-7309</a>
814
+ </address>
815
+ </div>
816
+ </div>
817
+ <div class="row">
818
+ <div class="col-1 fatf-icon text-light d-none d-sm-block">
819
+ <i class="fas fa-envelope"></i>
820
+ </div>
821
+ <div class="col">
822
+ <address>
823
+ <strong>Contact Us</strong><br>
824
+ <a class="text-light" href="mailto:lio@columbia.edu">lio@columbia.edu</a>
825
+ </address>
826
+ </div>
827
+ </div>
828
+ <div class="row">
829
+ <div class="col-1 fatf-icon text-light d-none d-sm-block"></div>
830
+ <div class="col">
831
+ <address>
832
+ <strong>Follow Us</strong><br>
833
+ <a class="fatf-icon text-white mr-2" aria-label="CUL on Facebook"
834
+ href="https://facebook.com/culibraries">
835
+ <i class="fab fa-facebook"></i>
836
+ </a>
837
+ </address>
838
+ </div>
839
+ </div>
840
+ </div>
841
+ <div class="col">
842
+ <ul class="list-unstyled">
843
+ <li><a href="/about/policies/gifts-policy.html" class="text-white">Donate Books or Items</a></li>
844
+ <li><a href="https://feedback.cul.columbia.edu/feedback_submission/lweb?submitted_from_page=https%3A%2F%2Flibrary.columbia.edu%2Findex"
845
+ class="text-white" target="_blank">Suggestions &amp; Feedback</a></li>
846
+ <li><a href="https://resolver.library.columbia.edu/lweb0006" class="text-white">Report an E-Resource
847
+ Problem</a></li>
848
+ <li><a href="/about/awards/bancroft.html" class="text-white">The Bancroft Prizes</a></li>
849
+ <li><a href="/about/student_advisory_committee.html" class="text-white">Student Library Advisory
850
+ Committee</a></li>
851
+ <li><a href="/about/jobs-internships.html" class="text-white">Jobs &amp; Internships</a></li>
852
+ <li><a href="/bts.html" class="text-white">Behind the Scenes at Columbia's Libraries</a></li>
853
+ <li><a href="/about/policies.html" class="text-white">Policies</a></li>
854
+ <li><a href="https://www.columbia.edu/content/copyright" class="text-white">Copyright</a></li>
855
+ </ul>
856
+ </div>
857
+ </div>
858
+ </div>
859
+ </section>
860
+ <!-- /fat-footer -->
861
+
862
+ <script src="../js/typeahead-0.11.1.bundle.min.js"></script>
863
+ <script src="../js/quicksearch.js"></script>
864
+
865
+ <!-- FontAwesome 6 -->
866
+ <script id="fa-script" async src="https://kit.fontawesome.com/b5775b608d.js" crossorigin="anonymous"></script>
867
+ <script>
868
+ document.getElementById('fa-script').onerror = function () {
869
+ var scriptElement=document.createElement('script');
870
+ scriptElement.type = 'text/javascript';
871
+ scriptElement.src = "https://cdn.cul.columbia.edu/fontawesome/pro/v6.x/js/all.js";
872
+ document.body.appendChild(scriptElement);
873
+ }
874
+ </script>
875
+
876
+ </body>
877
+ </html>
878
+