@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.
- package/README.md +59 -0
- package/dist/assets/columbia_crown_logo-square-135x135.svg +526 -0
- package/dist/assets/cul-text-logo.svg +490 -0
- package/dist/assets/favicon.ico +0 -0
- package/dist/assets/main.css +5 -0
- package/dist/assets/main.js +5 -0
- package/dist/examples/blogs-index.html +983 -0
- package/dist/examples/index.html +642 -0
- package/dist/examples/lweb-home.html +1664 -0
- package/dist/examples/staffweb-home.html +1060 -0
- package/dist/examples/staffweb-inner-hr-jobs.html +807 -0
- package/dist/examples/staffweb-inner-hr.html +878 -0
- package/dist/index.html +544 -0
- package/dist/js/quicksearch.js +99 -0
- package/dist/js/typeahead-0.11.1.bundle.min.js +8 -0
- package/package.json +29 -0
|
@@ -0,0 +1,642 @@
|
|
|
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 » examples</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
|
+
<script type="module" crossorigin src="../assets/main.js"></script>
|
|
51
|
+
<link rel="stylesheet" crossorigin href="../assets/main.css">
|
|
52
|
+
</head>
|
|
53
|
+
<body>
|
|
54
|
+
<script>0</script>
|
|
55
|
+
<nav id="cultopbar" class="navbar sticky-top navbar-expand bg-body border-bottom">
|
|
56
|
+
<div class="container">
|
|
57
|
+
<div id="CULnavbar" class="flex-grow-1">
|
|
58
|
+
<a href="/" class="navbar-brand">
|
|
59
|
+
<img id="CULbrand" class="img-fluid" src="../assets/cul-text-logo.svg" alt="Columbia University Libraries">
|
|
60
|
+
</a>
|
|
61
|
+
</div>
|
|
62
|
+
<nav id="global-menu" class="navbar d-none d-lg-flex">
|
|
63
|
+
<ul class="navbar-nav">
|
|
64
|
+
<li class="nav-item">
|
|
65
|
+
<a class="nav-link text-secondary" href="https://resolver.library.columbia.edu/lweb0087">My Library Account</a>
|
|
66
|
+
</li>
|
|
67
|
+
<li class="nav-item">
|
|
68
|
+
<a class="nav-link text-secondary" href="https://hours.library.columbia.edu/">Hours</a>
|
|
69
|
+
</li>
|
|
70
|
+
<li class="nav-item">
|
|
71
|
+
<a class="nav-link text-secondary" href="/services/askalibrarian.html">Ask a Librarian</a>
|
|
72
|
+
</li>
|
|
73
|
+
</ul>
|
|
74
|
+
</nav>
|
|
75
|
+
<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>
|
|
76
|
+
</div>
|
|
77
|
+
</nav>
|
|
78
|
+
<nav id="slim-hero" class="navbar navbar-expand-md navbar-light bg-light py-0">
|
|
79
|
+
<div class="container">
|
|
80
|
+
<h1 class="display-4 mb-0 p-0 py-4 w-100 text-center text-md-left"><a rel="home" class="text-white text-decoration-none" href="/" itemprop="url">Columbia University Libraries</a></h1>
|
|
81
|
+
</div>
|
|
82
|
+
</nav>
|
|
83
|
+
<div class="offcanvas offcanvas-end" tabindex="-1" id="CULsidebar" aria-labelledby="CULsidebarLabel">
|
|
84
|
+
<div class="offcanvas-header">
|
|
85
|
+
<img class="me-2" style="max-height:1.3em;" src="../assets/columbia_crown_logo-square-135x135.svg"
|
|
86
|
+
alt="Columbia University Libraries">
|
|
87
|
+
<h5 class="offcanvas-title" id="CULsidebarLabel">Table of Contents</h5>
|
|
88
|
+
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="offcanvas-body">
|
|
91
|
+
<div data-id="hero-search">
|
|
92
|
+
<form data-id="hero-search-form" style="position:relative;" class="d-flex mb-2 justify-content-between"
|
|
93
|
+
role="search" method="get" action="https://clio.columbia.edu/quicksearch">
|
|
94
|
+
<input required class="form-control border-primary tt-input" type="search"
|
|
95
|
+
aria-label="Search CLIO & the Libraries" placeholder="Search CLIO & the Libraries Website" name="q"
|
|
96
|
+
data-id="quicksearch" tabindex="0" autofocus>
|
|
97
|
+
<button style="position:absolute;right:0.3em;" type="reset" title="Clear the query" class="btn btn-link"
|
|
98
|
+
aria-label="Clear the query">
|
|
99
|
+
<i class="fal fa-times"></i>
|
|
100
|
+
</button>
|
|
101
|
+
</form>
|
|
102
|
+
</div>
|
|
103
|
+
<nav>
|
|
104
|
+
<ul class="list-unstyled">
|
|
105
|
+
<li class="">
|
|
106
|
+
<a class="ps-1 btn btn-link text-decoration-none text-secondary"
|
|
107
|
+
href="https://resolver.library.columbia.edu/lweb0087"><span class="far fa-user"></span> My
|
|
108
|
+
Library Account</a>
|
|
109
|
+
</li>
|
|
110
|
+
<li class="">
|
|
111
|
+
<a class="ps-1 btn btn-link text-decoration-none text-secondary"
|
|
112
|
+
href="https://hours.library.columbia.edu/"><span class="far fa-clock"></span> Hours</a>
|
|
113
|
+
</li>
|
|
114
|
+
<li class="">
|
|
115
|
+
<a class="ps-1 btn btn-link text-decoration-none text-secondary"
|
|
116
|
+
href="/services/askalibrarian.html"><span class="far fa-book-reader"></span> Ask a Librarian</a>
|
|
117
|
+
</li>
|
|
118
|
+
</ul>
|
|
119
|
+
</nav>
|
|
120
|
+
|
|
121
|
+
<hr>
|
|
122
|
+
|
|
123
|
+
<nav id="main-menu">
|
|
124
|
+
<ul class="list-unstyled w-100">
|
|
125
|
+
<li class="mb-1">
|
|
126
|
+
<button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#services-&amp;-tools-collapse" data-bs-toggle="collapse" aria-expanded="false">Services & Tools</button>
|
|
127
|
+
<div id="services-&amp;-tools-collapse" class="collapse">
|
|
128
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
129
|
+
<li>
|
|
130
|
+
<a class="d-block" href="https://library.columbia.edu/services.html">Services & Tools</a>
|
|
131
|
+
</li>
|
|
132
|
+
</ul>
|
|
133
|
+
</div>
|
|
134
|
+
<div id="services-&amp;-tools-collapse" class="collapse">
|
|
135
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
136
|
+
<li>
|
|
137
|
+
<a class="d-block" href="https://library.columbia.edu/services/faq.html">FAQ</a>
|
|
138
|
+
</li>
|
|
139
|
+
</ul>
|
|
140
|
+
</div>
|
|
141
|
+
<div id="services-&amp;-tools-collapse" class="collapse">
|
|
142
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
143
|
+
<li>
|
|
144
|
+
<a class="d-block" href="https://library.columbia.edu/using-libraries/alumni.html">For Alumni</a>
|
|
145
|
+
</li>
|
|
146
|
+
</ul>
|
|
147
|
+
</div>
|
|
148
|
+
<div id="services-&amp;-tools-collapse" class="collapse">
|
|
149
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
150
|
+
<li>
|
|
151
|
+
<a class="d-block" href="https://library.columbia.edu/services/faculty.html">For Faculty</a>
|
|
152
|
+
</li>
|
|
153
|
+
</ul>
|
|
154
|
+
</div>
|
|
155
|
+
<div id="services-&amp;-tools-collapse" class="collapse">
|
|
156
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
157
|
+
<li>
|
|
158
|
+
<a class="d-block" href="https://library.columbia.edu/services.html#audience=student">For Students</a>
|
|
159
|
+
</li>
|
|
160
|
+
</ul>
|
|
161
|
+
</div>
|
|
162
|
+
<div id="services-&amp;-tools-collapse" class="collapse">
|
|
163
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
164
|
+
<li>
|
|
165
|
+
<a class="d-block" href="https://library.columbia.edu/using-libraries/visitors.html">For Visitors</a>
|
|
166
|
+
</li>
|
|
167
|
+
</ul>
|
|
168
|
+
</div>
|
|
169
|
+
</li>
|
|
170
|
+
<li class="mb-1">
|
|
171
|
+
<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>
|
|
172
|
+
<div id="libraries-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/libraries.html">Libraries & Affiliates</a>
|
|
176
|
+
</li>
|
|
177
|
+
</ul>
|
|
178
|
+
</div>
|
|
179
|
+
<div id="libraries-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/libraries/avery.html">Avery Architectural & Fine Arts Library</a>
|
|
183
|
+
</li>
|
|
184
|
+
</ul>
|
|
185
|
+
</div>
|
|
186
|
+
<div id="libraries-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/libraries/burke.html">Burke Library at Union Theological Seminary</a>
|
|
190
|
+
</li>
|
|
191
|
+
</ul>
|
|
192
|
+
</div>
|
|
193
|
+
<div id="libraries-collapse" class="collapse">
|
|
194
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
195
|
+
<li>
|
|
196
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/business.html">Business & Economics Library in Uris</a>
|
|
197
|
+
</li>
|
|
198
|
+
</ul>
|
|
199
|
+
</div>
|
|
200
|
+
<div id="libraries-collapse" class="collapse">
|
|
201
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
202
|
+
<li>
|
|
203
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/business-manhattanville.html">Business Library at Manhattanville</a>
|
|
204
|
+
</li>
|
|
205
|
+
</ul>
|
|
206
|
+
</div>
|
|
207
|
+
<div id="libraries-collapse" class="collapse">
|
|
208
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
209
|
+
<li>
|
|
210
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/butler.html">Butler Library</a>
|
|
211
|
+
</li>
|
|
212
|
+
</ul>
|
|
213
|
+
</div>
|
|
214
|
+
<div id="libraries-collapse" class="collapse">
|
|
215
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
216
|
+
<li>
|
|
217
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/eastasian.html">C.V. Starr East Asian Library</a>
|
|
218
|
+
</li>
|
|
219
|
+
</ul>
|
|
220
|
+
</div>
|
|
221
|
+
<div id="libraries-collapse" class="collapse">
|
|
222
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
223
|
+
<li>
|
|
224
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/music.html">Gabe M. Wiener Music & Arts Library</a>
|
|
225
|
+
</li>
|
|
226
|
+
</ul>
|
|
227
|
+
</div>
|
|
228
|
+
<div id="libraries-collapse" class="collapse">
|
|
229
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
230
|
+
<li>
|
|
231
|
+
<a class="d-block" href="https://library.cumc.columbia.edu/">Health Sciences Library</a>
|
|
232
|
+
</li>
|
|
233
|
+
</ul>
|
|
234
|
+
</div>
|
|
235
|
+
<div id="libraries-collapse" class="collapse">
|
|
236
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
237
|
+
<li>
|
|
238
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/journalism.html">Journalism Library</a>
|
|
239
|
+
</li>
|
|
240
|
+
</ul>
|
|
241
|
+
</div>
|
|
242
|
+
<div id="libraries-collapse" class="collapse">
|
|
243
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
244
|
+
<li>
|
|
245
|
+
<a class="d-block" href="http://www.law.columbia.edu/library/">Law Library</a>
|
|
246
|
+
</li>
|
|
247
|
+
</ul>
|
|
248
|
+
</div>
|
|
249
|
+
<div id="libraries-collapse" class="collapse">
|
|
250
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
251
|
+
<li>
|
|
252
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/lehman.html">Lehman Social Sciences Library</a>
|
|
253
|
+
</li>
|
|
254
|
+
</ul>
|
|
255
|
+
</div>
|
|
256
|
+
<div id="libraries-collapse" class="collapse">
|
|
257
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
258
|
+
<li>
|
|
259
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/math.html">Mathematics Library</a>
|
|
260
|
+
</li>
|
|
261
|
+
</ul>
|
|
262
|
+
</div>
|
|
263
|
+
<div id="libraries-collapse" class="collapse">
|
|
264
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
265
|
+
<li>
|
|
266
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/undergraduate.html">Milstein Undergraduate Library</a>
|
|
267
|
+
</li>
|
|
268
|
+
</ul>
|
|
269
|
+
</div>
|
|
270
|
+
<div id="libraries-collapse" class="collapse">
|
|
271
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
272
|
+
<li>
|
|
273
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/rbml.html">Rare Book & Manuscript Library</a>
|
|
274
|
+
</li>
|
|
275
|
+
</ul>
|
|
276
|
+
</div>
|
|
277
|
+
<div id="libraries-collapse" class="collapse">
|
|
278
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
279
|
+
<li>
|
|
280
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/science-engineering.html">Science & Engineering Library</a>
|
|
281
|
+
</li>
|
|
282
|
+
</ul>
|
|
283
|
+
</div>
|
|
284
|
+
<div id="libraries-collapse" class="collapse">
|
|
285
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
286
|
+
<li>
|
|
287
|
+
<a class="d-block" href="https://library.columbia.edu/libraries/social-work.html">Social Work Library</a>
|
|
288
|
+
</li>
|
|
289
|
+
</ul>
|
|
290
|
+
</div>
|
|
291
|
+
</li>
|
|
292
|
+
<li class="mb-1">
|
|
293
|
+
<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>
|
|
294
|
+
<div id="collections-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/collections.html">About Our Collections</a>
|
|
298
|
+
</li>
|
|
299
|
+
</ul>
|
|
300
|
+
</div>
|
|
301
|
+
<div id="collections-collapse" class="collapse">
|
|
302
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
303
|
+
<li>
|
|
304
|
+
<a class="d-block" href="https://academiccommons.columbia.edu/">Academic Commons</a>
|
|
305
|
+
</li>
|
|
306
|
+
</ul>
|
|
307
|
+
</div>
|
|
308
|
+
<div id="collections-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/collections/archives-portal.html">Archival Collections</a>
|
|
312
|
+
</li>
|
|
313
|
+
</ul>
|
|
314
|
+
</div>
|
|
315
|
+
<div id="collections-collapse" class="collapse">
|
|
316
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
317
|
+
<li>
|
|
318
|
+
<a class="d-block" href="https://resolver.library.columbia.edu/clio">CLIO: Columbia Libraries Catalog</a>
|
|
319
|
+
</li>
|
|
320
|
+
</ul>
|
|
321
|
+
</div>
|
|
322
|
+
<div id="collections-collapse" class="collapse">
|
|
323
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
324
|
+
<li>
|
|
325
|
+
<a class="d-block" href="https://library.columbia.edu/about/policies/collection-development.html">Collection Development</a>
|
|
326
|
+
</li>
|
|
327
|
+
</ul>
|
|
328
|
+
</div>
|
|
329
|
+
<div id="collections-collapse" class="collapse">
|
|
330
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
331
|
+
<li>
|
|
332
|
+
<a class="d-block" href="https://library.columbia.edu/collections/digital-collections.html">Digital Collections & Exhibitions</a>
|
|
333
|
+
</li>
|
|
334
|
+
</ul>
|
|
335
|
+
</div>
|
|
336
|
+
<div id="collections-collapse" class="collapse">
|
|
337
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
338
|
+
<li>
|
|
339
|
+
<a class="d-block" href="https://library.columbia.edu/collections/eresources.html">E-Resources</a>
|
|
340
|
+
</li>
|
|
341
|
+
</ul>
|
|
342
|
+
</div>
|
|
343
|
+
<div id="collections-collapse" class="collapse">
|
|
344
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
345
|
+
<li>
|
|
346
|
+
<a class="d-block" href="https://library.columbia.edu/collections/oral-history-portal.html">Oral History Collections</a>
|
|
347
|
+
</li>
|
|
348
|
+
</ul>
|
|
349
|
+
</div>
|
|
350
|
+
<div id="collections-collapse" class="collapse">
|
|
351
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
352
|
+
<li>
|
|
353
|
+
<a class="d-block" href="https://resolver.library.columbia.edu/lweb0004">Recommend a Title for Purchase</a>
|
|
354
|
+
</li>
|
|
355
|
+
</ul>
|
|
356
|
+
</div>
|
|
357
|
+
<div id="collections-collapse" class="collapse">
|
|
358
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
359
|
+
<li>
|
|
360
|
+
<a class="d-block" href="https://library.columbia.edu/about/staff/subject-specialists-by-subject.html">Subject Specialists</a>
|
|
361
|
+
</li>
|
|
362
|
+
</ul>
|
|
363
|
+
</div>
|
|
364
|
+
</li>
|
|
365
|
+
<li class="mb-1">
|
|
366
|
+
<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>
|
|
367
|
+
<div id="using-the-libraries-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/using-libraries.html">Using the Libraries</a>
|
|
371
|
+
</li>
|
|
372
|
+
</ul>
|
|
373
|
+
</div>
|
|
374
|
+
<div id="using-the-libraries-collapse" class="collapse">
|
|
375
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
376
|
+
<li>
|
|
377
|
+
<a class="d-block" href="https://library.columbia.edu/using-libraries/access-privileges.html">Access Privileges</a>
|
|
378
|
+
</li>
|
|
379
|
+
</ul>
|
|
380
|
+
</div>
|
|
381
|
+
<div id="using-the-libraries-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/using-libraries/disability.html">Accessibility</a>
|
|
385
|
+
</li>
|
|
386
|
+
</ul>
|
|
387
|
+
</div>
|
|
388
|
+
<div id="using-the-libraries-collapse" class="collapse">
|
|
389
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
390
|
+
<li>
|
|
391
|
+
<a class="d-block" href="https://library.columbia.edu/using-libraries/borrowing.html">Borrow, Request, Renew</a>
|
|
392
|
+
</li>
|
|
393
|
+
</ul>
|
|
394
|
+
</div>
|
|
395
|
+
<div id="using-the-libraries-collapse" class="collapse">
|
|
396
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
397
|
+
<li>
|
|
398
|
+
<a class="d-block" href="https://library.columbia.edu/services/reserves.html">Course Reserves</a>
|
|
399
|
+
</li>
|
|
400
|
+
</ul>
|
|
401
|
+
</div>
|
|
402
|
+
<div id="using-the-libraries-collapse" class="collapse">
|
|
403
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
404
|
+
<li>
|
|
405
|
+
<a class="d-block" href="https://hours.library.columbia.edu/">Hours</a>
|
|
406
|
+
</li>
|
|
407
|
+
</ul>
|
|
408
|
+
</div>
|
|
409
|
+
<div id="using-the-libraries-collapse" class="collapse">
|
|
410
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
411
|
+
<li>
|
|
412
|
+
<a class="d-block" href="https://library.columbia.edu/using-libraries/printing.html">Print, Scan, Digitize</a>
|
|
413
|
+
</li>
|
|
414
|
+
</ul>
|
|
415
|
+
</div>
|
|
416
|
+
<div id="using-the-libraries-collapse" class="collapse">
|
|
417
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
418
|
+
<li>
|
|
419
|
+
<a class="d-block" href="https://library.columbia.eduusing-libraries/workshops.html">Workshops and Training</a>
|
|
420
|
+
</li>
|
|
421
|
+
</ul>
|
|
422
|
+
</div>
|
|
423
|
+
</li>
|
|
424
|
+
<li class="mb-1">
|
|
425
|
+
<button class="btn btn-toggle ps-0 d-inline-flex w-100 align-items-center rounded border-0 collapsed" data-bs-target="#research-&amp;-teaching-collapse" data-bs-toggle="collapse" aria-expanded="false">Research & Teaching</button>
|
|
426
|
+
<div id="research-&amp;-teaching-collapse" class="collapse">
|
|
427
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
428
|
+
<li>
|
|
429
|
+
<a class="d-block" href="https://library.columbia.edu/research-teaching.html">Research & Teaching</a>
|
|
430
|
+
</li>
|
|
431
|
+
</ul>
|
|
432
|
+
</div>
|
|
433
|
+
<div id="research-&amp;-teaching-collapse" class="collapse">
|
|
434
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
435
|
+
<li>
|
|
436
|
+
<a class="d-block" href="https://copyright.columbia.edu/index.html">Copyright Advisory Services</a>
|
|
437
|
+
</li>
|
|
438
|
+
</ul>
|
|
439
|
+
</div>
|
|
440
|
+
<div id="research-&amp;-teaching-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.edu/services/digital-scholarship.html">Digital Scholarship</a>
|
|
444
|
+
</li>
|
|
445
|
+
</ul>
|
|
446
|
+
</div>
|
|
447
|
+
<div id="research-&amp;-teaching-collapse" class="collapse">
|
|
448
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
449
|
+
<li>
|
|
450
|
+
<a class="d-block" href="https://library.columbia.edu/research-teaching/getting-started.html">Getting Started with the Libraries</a>
|
|
451
|
+
</li>
|
|
452
|
+
</ul>
|
|
453
|
+
</div>
|
|
454
|
+
<div id="research-&amp;-teaching-collapse" class="collapse">
|
|
455
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
456
|
+
<li>
|
|
457
|
+
<a class="d-block" href="https://library.columbia.edu/services/research-data-services.html">Research Data Services</a>
|
|
458
|
+
</li>
|
|
459
|
+
</ul>
|
|
460
|
+
</div>
|
|
461
|
+
<div id="research-&amp;-teaching-collapse" class="collapse">
|
|
462
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
463
|
+
<li>
|
|
464
|
+
<a class="d-block" href="https://library.columbia.edu/services/subject-guides.html">Subject & Course Guides</a>
|
|
465
|
+
</li>
|
|
466
|
+
</ul>
|
|
467
|
+
</div>
|
|
468
|
+
<div id="research-&amp;-teaching-collapse" class="collapse">
|
|
469
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
470
|
+
<li>
|
|
471
|
+
<a class="d-block" href="https://library.columbia.edu/research-teaching/workshops.html">Workshops & Training</a>
|
|
472
|
+
</li>
|
|
473
|
+
</ul>
|
|
474
|
+
</div>
|
|
475
|
+
</li>
|
|
476
|
+
<li class="mb-1">
|
|
477
|
+
<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>
|
|
478
|
+
<div id="about-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/about.html">About the Libraries</a>
|
|
482
|
+
</li>
|
|
483
|
+
</ul>
|
|
484
|
+
</div>
|
|
485
|
+
<div id="about-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/about/jobs-internships.html">Jobs & Internships</a>
|
|
489
|
+
</li>
|
|
490
|
+
</ul>
|
|
491
|
+
</div>
|
|
492
|
+
<div id="about-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/about/news/alert.html">Library Status Updates</a>
|
|
496
|
+
</li>
|
|
497
|
+
</ul>
|
|
498
|
+
</div>
|
|
499
|
+
<div id="about-collapse" class="collapse">
|
|
500
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
501
|
+
<li>
|
|
502
|
+
<a class="d-block" href="https://library.columbia.edu/about/news.html">News</a>
|
|
503
|
+
</li>
|
|
504
|
+
</ul>
|
|
505
|
+
</div>
|
|
506
|
+
<div id="about-collapse" class="collapse">
|
|
507
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
508
|
+
<li>
|
|
509
|
+
<a class="d-block" href="https://library.columbia.edu/about/values.html">Our Values & Commitment in Action</a>
|
|
510
|
+
</li>
|
|
511
|
+
</ul>
|
|
512
|
+
</div>
|
|
513
|
+
<div id="about-collapse" class="collapse">
|
|
514
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
515
|
+
<li>
|
|
516
|
+
<a class="d-block" href="https://library.columbia.edu/about/staff.html">Staff</a>
|
|
517
|
+
</li>
|
|
518
|
+
</ul>
|
|
519
|
+
</div>
|
|
520
|
+
<div id="about-collapse" class="collapse">
|
|
521
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
522
|
+
<li>
|
|
523
|
+
<a class="d-block" href="https://strategicdirections.library.columbia.edu/">Strategic Directions</a>
|
|
524
|
+
</li>
|
|
525
|
+
</ul>
|
|
526
|
+
</div>
|
|
527
|
+
<div id="about-collapse" class="collapse">
|
|
528
|
+
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
529
|
+
<li>
|
|
530
|
+
<a class="d-block" href="https://library.columbia.edu/about/student_advisory_committee.html">Student Library Advisory Committee</a>
|
|
531
|
+
</li>
|
|
532
|
+
</ul>
|
|
533
|
+
</div>
|
|
534
|
+
</li>
|
|
535
|
+
</ul>
|
|
536
|
+
</nav>
|
|
537
|
+
|
|
538
|
+
<p>
|
|
539
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
540
|
+
</p>
|
|
541
|
+
|
|
542
|
+
</div>
|
|
543
|
+
</div>
|
|
544
|
+
<div class="container col-xxl-8 px-4 py-2">
|
|
545
|
+
<div class="row flex-md-row-reverse justify-content-center align-items-center g-5 py-5">
|
|
546
|
+
<div class="col-10 col-sm-8 col-md-5">
|
|
547
|
+
<!--img class="bigcrown d-block mx-lg-auto img-fluid" width="66" height="66" loading="lazy" src="../assets/columbia_crown_logo-square-135x135.svg" alt="Columbia University Libraries"-->
|
|
548
|
+
<h3 class="d-md-none mx-auto w-100 text-center my-0">Examples!</h3>
|
|
549
|
+
<div class="list-group my-4">
|
|
550
|
+
<a href="blogs-index.html" class="list-group-item list-group-item-action d-flex gap-3 py-3"
|
|
551
|
+
aria-current="true">
|
|
552
|
+
<img class="bigcrown rounded-circle flex-shrink-0" width="32" height="32" loading="lazy"
|
|
553
|
+
src="../assets/columbia_crown_logo-square-135x135.svg" alt="Columbia University Libraries">
|
|
554
|
+
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
555
|
+
<div>
|
|
556
|
+
<h6 class="mb-0">CUL Blogs Home</h6>
|
|
557
|
+
<p class="mb-0 opacity-75">Example gallery with new style affect!</p>
|
|
558
|
+
</div>
|
|
559
|
+
<small><i class="fa-duotone fa-solid fa-chevrons-right fa-beat"></i></small>
|
|
560
|
+
</div>
|
|
561
|
+
</a>
|
|
562
|
+
<a href="lweb-home.html" class="list-group-item list-group-item-action d-flex gap-3 py-3"
|
|
563
|
+
aria-current="true">
|
|
564
|
+
<img class="bigcrown rounded-circle flex-shrink-0" width="32" height="32" loading="lazy"
|
|
565
|
+
src="../assets/columbia_crown_logo-square-135x135.svg" alt="Columbia University Libraries">
|
|
566
|
+
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
567
|
+
<div>
|
|
568
|
+
<h6 class="mb-0">Libraries Website Home</h6>
|
|
569
|
+
<p class="mb-0 opacity-75">A blend of old banner & menues with new (sticky top and sidebar)!
|
|
570
|
+
</p>
|
|
571
|
+
</div>
|
|
572
|
+
<small><i class="fa-duotone fa-solid fa-chevrons-right fa-beat"></i></small>
|
|
573
|
+
</div>
|
|
574
|
+
</a>
|
|
575
|
+
<a href="staffweb-home.html" class="list-group-item list-group-item-action d-flex gap-3 py-3"
|
|
576
|
+
aria-current="true">
|
|
577
|
+
<img class="bigcrown rounded-circle flex-shrink-0" width="32" height="32" loading="lazy"
|
|
578
|
+
src="../assets/columbia_crown_logo-square-135x135.svg" alt="Columbia University Libraries">
|
|
579
|
+
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
580
|
+
<div>
|
|
581
|
+
<h6 class="mb-0">StaffWeb Home</h6>
|
|
582
|
+
<p class="mb-0 opacity-75">A new look for StaffWeb!</p>
|
|
583
|
+
</div>
|
|
584
|
+
<small><i class="fa-duotone fa-solid fa-chevrons-right fa-beat"></i></small>
|
|
585
|
+
</div>
|
|
586
|
+
</a>
|
|
587
|
+
<a href="staffweb-inner-hr.html" class="list-group-item list-group-item-action d-flex gap-3 py-3"
|
|
588
|
+
aria-current="true">
|
|
589
|
+
<img class="bigcrown rounded-circle flex-shrink-0" width="32" height="32" loading="lazy"
|
|
590
|
+
src="../assets/columbia_crown_logo-square-135x135.svg" alt="Columbia University Libraries">
|
|
591
|
+
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
592
|
+
<div>
|
|
593
|
+
<h6 class="mb-0">StaffWeb Inner HR Home</h6>
|
|
594
|
+
<p class="mb-0 opacity-75">A new look for a StaffWeb section landing page!</p>
|
|
595
|
+
</div>
|
|
596
|
+
<small><i class="fa-duotone fa-solid fa-chevrons-right fa-beat"></i></small>
|
|
597
|
+
</div>
|
|
598
|
+
</a>
|
|
599
|
+
<a href="staffweb-inner-hr-jobs.html" class="list-group-item list-group-item-action d-flex gap-3 py-3"
|
|
600
|
+
aria-current="true">
|
|
601
|
+
<img class="bigcrown rounded-circle flex-shrink-0" width="32" height="32" loading="lazy"
|
|
602
|
+
src="../assets/columbia_crown_logo-square-135x135.svg" alt="Columbia University Libraries">
|
|
603
|
+
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
604
|
+
<div>
|
|
605
|
+
<h6 class="mb-0">StaffWeb Inner HR Jobs Page</h6>
|
|
606
|
+
<p class="mb-0 opacity-75">A new look for a StaffWeb section interior page!</p>
|
|
607
|
+
</div>
|
|
608
|
+
<small><i class="fa-duotone fa-solid fa-chevrons-right fa-beat"></i></small>
|
|
609
|
+
</div>
|
|
610
|
+
</a>
|
|
611
|
+
</div>
|
|
612
|
+
</div>
|
|
613
|
+
<div class="col-md-7">
|
|
614
|
+
<h1 class="display-6 fw-bold text-body-emphasis lh-1 mb-3">cul-toolkit v5 examples!</h1>
|
|
615
|
+
<p class="lead"><code>cul-toolkit</code> is a CUL-themed customization and extension of the Bootstrap 5
|
|
616
|
+
frontend framework for use with all official CUL web properties.</p>
|
|
617
|
+
<p>Watch this space (and our <a href="https://github.com/cul/cul-toolkit">Github</a> repository for more
|
|
618
|
+
updates, examples, and documentation on implementing <code>cul-toolkit</code>, branding, assets,
|
|
619
|
+
widgets, and <code>quicksearch</code> into your official CUL web project.</p>
|
|
620
|
+
<a href="../index.html" class="btn btn-info text-white btn-sm px-2 me-md-2"><i
|
|
621
|
+
class="fa-solid fa-person-walking-arrow-loop-left"></i> cul-toolkit</a>
|
|
622
|
+
</div>
|
|
623
|
+
</div>
|
|
624
|
+
</div>
|
|
625
|
+
|
|
626
|
+
<script src="../js/typeahead-0.11.1.bundle.min.js"></script>
|
|
627
|
+
<script src="../js/quicksearch.js"></script>
|
|
628
|
+
|
|
629
|
+
<!-- FontAwesome 6 -->
|
|
630
|
+
<script id="fa-script" async src="https://kit.fontawesome.com/b5775b608d.js" crossorigin="anonymous"></script>
|
|
631
|
+
<script>
|
|
632
|
+
document.getElementById('fa-script').onerror = function () {
|
|
633
|
+
var scriptElement=document.createElement('script');
|
|
634
|
+
scriptElement.type = 'text/javascript';
|
|
635
|
+
scriptElement.src = "https://cdn.cul.columbia.edu/fontawesome/pro/v6.x/js/all.js";
|
|
636
|
+
document.body.appendChild(scriptElement);
|
|
637
|
+
}
|
|
638
|
+
</script>
|
|
639
|
+
|
|
640
|
+
</body>
|
|
641
|
+
</html>
|
|
642
|
+
|