CUL Toolkit

Include the following in your page to enable toolkit styles and features:

<!-- Toolkit Styles (including Bootstrap 4 CSS) -->
<link rel="stylesheet" type="text/css" href="https://toolkit.library.columbia.edu/v3/css/cul-toolkit.css" />

<!-- jQuery (must be included before tookit js!) -->
<!-- Note: jQuery 3.6.0 is used as an example below, but other versions in the 3.x line should also work. -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Toolkit JavaScript (including Bootstrap 4 JS) -->
<script src="https://toolkit.library.columbia.edu/v3/js/cul-toolkit.js"></script>

FontAwesome

We've started using FontAwesome here at CUL. If your CUL site needs FontAwesome, you'll have to include it yourself. You can get it from one of the following locations, depending on your needs:

<!-- Using the FontAwesome Free CDN -->
<script defer src="https://use.fontawesome.com/releases/v5.8.2/js/all.js" integrity="sha384-DJ25uNYET2XCl5ZF++U8eNxPWqcKohUUBUpKGlNLMchM7q4Wjg2CUpjHLaL8yYPH" crossorigin="anonymous"></script>

<!-- Using the FontAwesome Pro CDN (assuming you have a Pro license)-->
<script defer src="https://pro.fontawesome.com/releases/v5.8.2/js/all.js" integrity="sha384-RLPiEwcAdrH2NjFcwJipJtlFoIN1xvqPYeeDX5yYtSNu+HTIkQCDvPQ9thsUnPUS" crossorigin="anonymous"></script>

<!-- Using the CUL CDN for FontAwesome PRO (assuming you have a Pro license)-->
<script defer src="https://cdn.cul.columbia.edu/fontawesome/pro/v5.x/js/all.js" integrity="sha384-RLPiEwcAdrH2NjFcwJipJtlFoIN1xvqPYeeDX5yYtSNu+HTIkQCDvPQ9thsUnPUS" crossorigin="anonymous"></script>

Example Pages

Below you'll find some examples pages that show the toolkit in action!