CINXE.COM
Library
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta charset="utf-8"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta content="width=device-width, initial-scale=1" name="viewport"> <title> Library </title> <link href="https://www.ualberta.ca/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"> <link color="#275d38" href="https://www.ualberta.ca/safari-pinned-tab.svg" rel="mask-icon"> <link href="https://www.ualberta.ca/favicon.svg" rel="icon"> <link href="https://www.ualberta.ca/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"> <link href="https://www.ualberta.ca/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"> <script crossorigin="anonymous" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/5abf36224f.js" crossorigin="anonymous"></script> <link href="https://www.ualberta.ca/_assets/css/framework-v2.css" media="screen" rel="stylesheet"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MX43PRW2');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="/cms-css/1/english-main.css" /> <script src="/cms-js/1/english-main.js"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MX43PRW2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header> <div class="wca"> <div class="blade-wrapper standard"> <div class="blade navbar"> <div class="skip-to-div"> <a class="skip-to-main btn btn-light" href="#main">Skip to main content</a> </div> <div class="container-fluid container-fluid-nav"> <a aria-label="University of Alberta" class="navbar-brand en-logo" href="https://www.ualberta.ca/index.html"></a> <div class="site-title"> <a href="/">Library</a> </div> <div class="nav-right-buttons language-width"> <div class="language-selector notranslate"> <a id="dark-mode-toggle" data-toggle-second="tooltip" data-bs-placement="left" title="dark mode" tabindex="0" aria-label="dark mode" data-original-title="Dark/Light Mode" type="button"><span aria-hidden="true" class="fa-solid fa-moon" id="mode"></span></a> <span class="d-block d-lg-none"><a aria-label="Language Selector" class="btn nav-language-btn language-toggle notranslate" data-language="fr-CA" href="/francais" type="button">FR</a></span> <span class="d-none d-lg-block"><a aria-label="Language Selector" class="btn nav-language-btn d-none d-lg-block language-toggle notranslate" data-language="fr-CA" href="/francais" type="button">Fran莽ais</a></span> <a aria-label="Site Search" class="nav-search-btn btn" data-bs-target="#navSearchBanner" data-toggle-second="tooltip" data-bs-placement="right" title="site search" id="navSearchButton" type="button" href="/site-search"> <span aria-hidden="true" class="m-search fa fa-search"></span> </a> </div> </div> <div class="standard-nav nav-order nav-width"> <nav> <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle Menu" class="navbar-toggler nav-menu-btn btn" data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse" title="Menu" type="button"> <span aria-hidden="true" aria-label="Toggle Menu" class="fa fa-bars" id="navbar-hamburger"></span> <span aria-hidden="true" aria-label="Toggle Close Menu" class="fa fa-times d-none" id="navbar-close"></span> </button> <div class="navbar navbar-expand-lg navbar-ua navbar-access navbar-position"> <div class="container-fluid container-fluid-nav"> <div class="collapse navbar-collapse nav-menu-items" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 "> <li class="nav-item"> <a class="nav-link standard-nav toggle-link d-none d-lg-block nav-button" href="/services" role="button">Library Services</a> <a class="nav-link d-block d-lg-none" href="/services">Library Services</a> </li> <li class="nav-item"> <a class="nav-link d-block d-lg-none" href="/subject-guides">Subject Guides</a> <a class="nav-link standard-nav toggle-link d-none d-lg-block nav-button" href="/subject-guides" role="button">Subject Guides</a> </li> <li class="nav-item"> <a class="nav-link d-block d-lg-none" href="/hours-locations">Hours + Locations</a> <a class="nav-link standard-nav toggle-link d-none d-lg-block nav-button" href="/hours-locations" role="button">Hours + Locations</a> </li> <li class="nav-item"> <a class="nav-link d-block d-lg-none" href="/my-account">My Account</a> <a class="nav-link standard-nav toggle-link d-none d-lg-block nav-button" href="/my-account" role="button">My Account</a> </li> <li class="nav-item"> <a class="nav-link d-block d-lg-none" href="/ask-us">Ask Us</a> <a class="nav-link standard-nav toggle-link d-none d-lg-block nav-button" href="/ask-us" role="button">Ask Us</a> </li> </ul> </div> </div> </div> </nav> </div> <span class="nav-menu-spacer d-none"></span> </div> </div> </div> </div> </header> <main class="main-content container-fluid"> <a name="main"></a> <style> /* Carousel Styles */ #carousel-UAlberta { padding-top: 42px; padding-bottom: 30px; background-color: var(--bs-ua-teal); line-height: 1; } #carousel-UAlberta .carousel-indicators { margin-left: 0; margin-right: 0; margin-bottom: -39px; bottom: 0 !important; background-color: var(--bs-ua-teal); } #carousel-UAlberta button{ margin-bottom: 20px; } #carousel-UAlberta .carousel-item { text-align: center; padding-bottom: 1rem; } #carousel-UAlberta .carousel-inner { font-size: 2.5rem; font-weight: 200; letter-spacing: -2px; padding-left: 1.5rem; padding-right: 1.5rem; } .carousel-feature { font-size: 6rem; font-weight: 400; } .long-feature { font-size: 2rem; } .carousel-indicators [data-bs-target] { width: 12px; height: 11px; margin-right: 6px; margin-left:6px; } .carousel .carousel-indicators .active { opacity: 1; background-color: #2b292a; } .carousel .carousel-indicators button { opacity: .25; background-color: #2b292a; } .quick-facts-background-row { background-color: var(--bs-ua-teal); } @media only screen and (min-width: 768px) { .carousel-inner { font-size: 3rem; } .long-feature { font-size: 3rem; } } .carousel-control-prev, .carousel-control-next { height: 100%; padding-top: 42px; color: rgb(255, 255, 255, 0.5); transition: 0.3s; } /* End Carousel Styles */ </style> <!--<div class="alert alert-warning alert-dismissible fade show mt-3 mx-3 m-auto" role="alert"> <i class="fa-solid fa-triangle-exclamation"></i> Due to the Canada Post strike, there will be delays in filling Interlibrary Loan requests for books and other physical items. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"><i class="fa-solid fa-square-x"></i></button> </div> </div> This is a placeholder for OUTAGE messages <div class="alert alert-warning alert-dismissible fade show mt-3 mx-3 m-auto" role="alert"> <i class="fa-solid fa-triangle-exclamation"></i> <strong>Outage</strong> January 30, 2025: <a href="https://www.taylorfrancis.com/">Taylor and Francis</a> ebooks are currently inaccessible due to technical issues. The library team is working with the publisher to restore access as soon as possible. Thank you for your patience. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"><i class="fa-solid fa-square-x"></i></button> </div> <div class="alert alert-warning alert-dismissible fade show mt-3 mx-3 m-auto" role="alert"> <i class="fa-solid fa-triangle-exclamation"></i> CLOSURE NOTICE: Due to building maintenance and scheduled water shutdown in ECHA, Sperber Library will be closed Saturday, December 7, 2024. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"><i class="fa-solid fa-square-x"></i></button> </div> --> <div class="row row-full-width bg-grey"> <div class="col-4 d-none d-lg-block"> <div class="card rounded-0 border-0 bg-transparent h-100 d-flex flex-column justify-content-center align-items-center"><img alt="" class="card-img rounded-0" src="https://sites.library.ualberta.ca/wp-content/uploads/2024/06/UA_057_RGB.png"></div> </div> <div class="col-md col-12"> <div class="h-100 d-flex flex-column justify-content-center"> <div class="py-5"> <div class="d-flex flex-column flex-sm-row justify-content-between align-items-sm-center"> <h2 class="text-uppercase">Search the Library</h2> </div> <!-- EBSCO Search Box Begins --> <form action="https://searchbox.ebsco.com/search/" class="ebsco-single-search"> <input name="schemaId" value="search" type="hidden" /> <input name="custid" value="s5940188" type="hidden" /> <input name="groupid" value="main" type="hidden" /> <input name="profid" value="eds" type="hidden" /> <input name="authtype" value="ip" type="hidden" /> <input name="proxy" value="https://login.ezproxy.library.ualberta.ca/login?url={targetURL}" type="hidden" /> <input name="scope" value="site" type="hidden" /> <input name="site" value="eds-live" type="hidden" /> <input name="direct" value="true" type="hidden" /> <label class="mb-1" for="catalogOnly"> <input class="eb-search__input" id="catalogOnly" name="limiter-fc" value="Y" type="checkbox" /> <span class="eb-search__span small"> Limit search to library catalogue</span> </label> <div class="search-box"> <div class="input-wrapper"> <input id="eb-sbb-search-input" name="bquery" type="text" placeholder="Search articles, books, journals and media" aria-label="Search articles, books, journals and media" /> </div> <button class="submit-button" type="submit" aria-label="Search"><i class="fa-solid fa-magnifying-glass"></i> </button> </div> <div class="mt-1"> <a class="small" href="https://searchbox.ebsco.com/search/?authtype=ip&schemaId=search&custid=s5940188 &groupid=main&profid=eds&proxy=https%3A%2F%2Flogin.ezproxy.library.ualberta.ca%2Flogin%3Furl%3D%7BtargetURL%7D&setup=1&scope=site&site=eds-live&direct=true">Advanced Search</a> | <a class="small" href="/guest">Guest Catalogue</a> | <a href="https://guides.library.ualberta.ca/UALibrariesSearching" class="small">Search Guide</a> </div> </form> <!-- EBSCO Search Box Ends --> </div> <div> <p>More Research Tools: </p> <div class="mt-1"> <a class="btn btn-green btn-outline" href="https://guides.library.ualberta.ca/az/databases">Databases</a> <a class="btn btn-green btn-outline" href="https://resolver.library.ualberta.ca/resolver/journalsearch">eJournals</a> <a class="btn btn-green btn-outline" href="/google-scholar">Google Scholar</a> <a class="btn btn-green btn-outline" href="/subject-guides">Subject Guides</a> </div> </div> </div> </div> </div> <div class="row py-4"> <div class="col"> <h2 class="text-uppercase"> Featured Services </h2> <div class="mt-4"> <a class="btn btn-green btn-square" href="/how-to-use-the-library">How to Use the Library</a> <a class="btn btn-green btn-square" href="https://guides.library.ualberta.ca/citing">Citation Help</a> <a class="btn btn-green btn-square" href="/services/book-study-spaces">Book a Study Room</a> <a class="btn btn-green btn-square" href="/course-materials">Course Materials + Reading Lists</a> <a class="btn btn-green btn-outline" href="/services">All Library Services</a> </div> </div> </div> <!-- Banner <div class="row"> <div class="col-12 col-sm mb-5"> <div class="impact-feature card rounded-0 border-dark"> <div class="py-5 px-5 text-center"> <p class="serif-font mb-1 fs-5 ">Apply to join the</p> <h2 class="text-dark mb-3"><span class="thin-text bg-secondary px-2">2024/25</span> STUDENT LIBRARY ADVISORY COMMITTEE</h2> <a class="btn btn-dark rounded-0 text-uppercase" href="/SLAC">Learn More</a></div> </div> <style> .object-fit-cover { object-fit: cover; } .object-center-center { object-position: center center; } .impact-feature { background-image: none; background-size: cover; background-color:#6bbbae; } @media (min-width: 991px) { .impact-feature { background-image: url('https://news.library.ualberta.ca/wp-content/uploads/2024/09/SLAC-banner-4-scaled.jpg'); } } </style> </div> </div> END Banner --> <div class="row row-full-width bg-ua-gold"> <div class="col-md col-12"> <div class="h-100 d-flex flex-column justify-content-center"> <div class="py-5"> <h2 class="text-uppercase" id="ual-title-coll">Our Collections</h2> <p>Explore the wealth of knowledge at the University of Alberta Library. Serving the University community and the general public, our vast collections include over 7 million titles and more than 10 million volumes in both print and electronic formats. Our resources support regional, national, and international scholarly needs. With thousands of scholarly journals, comprehensive reference resources and unique special collections focused on the Canadian prairies and beyond, we are committed to providing materials that meet both current and future research and teaching needs at the University of Alberta. <a href="/about/collection" class="bg-transparent">Learn more about our collections</a></p> <div class="mt-4"> <a class="btn btn-green btn-outline" href="/digital-initiatives/digital-collections">Digitized Collections</a> <a class="btn btn-green btn-outline" href="/archives">Archives</a> <a class="btn btn-green btn-outline" href="https://bpsc.library.ualberta.ca">Bruce Peel Special Collections</a> </div> </div> </div> </div> <div class="col-12 col-md-4 d-block mb-5 mb-md-0"> <div class="card rounded-0 border-0 bg-transparent h-100 d-flex flex-column justify-content-center align-items-center"><img alt="" class="card-img rounded-0" src="https://sites.library.ualberta.ca/wp-content/uploads/2024/06/671_06309-1.jpg"></div> </div> </div> <div class="row mt-0 mb-5 "> <div class="col-12 col-sm"> <div class="row" id="homepage-our-campus"> <div class="col"> <p class="fs-4"><span class="display-2 text-primary">Our Library Locations</span> Find your perfect study space, use our state-of-the-art media facilities, or talk to our expert staff members. Our libraries are here to help you succeed in your academic endeavours. </p> <a class="PLACE-HOLDER-LINK-STYLE fw-bold" href="/hours-locations">Hours + Locations</a></div> </div> <div class="row row-cols-3 row-cols-md-6 justify-content-end g-2 g-md-4"> <div class="col"><a href="/locations/sperber"><img alt="Sperber" height="900" src="https://sites.library.ualberta.ca/wp-content/uploads/2024/06/sperber.jpg" width="900"></a></div> <div class="col"><a href="/locations/rutherford"><img alt="Rutherford South" height="900" src="https://sites.library.ualberta.ca/wp-content/uploads/2024/06/hall.jpg" width="900"></a></div> <div class="col"><a href="/locations/dsc"><img alt="DSC" height="900" src="https://sites.library.ualberta.ca/wp-content/uploads/2024/06/dsc.jpg" width="900"></a></div> </div> </div> </div> <div class="row mt-0 mb-5 row-full-width-no-padding"> <div class="col-12 col-sm"> <div class="carousel slide mb-0 mt-0" data-bs-ride="carousel" id="carousel-UAlberta"> <div class="carousel-indicators"><button aria-label="Slide 1" class="active" data-bs-slide-to="0" data-bs-target="#carousel-UAlberta" type="button"></button> <button aria-label="Slide 2" data-bs-slide-to="1" data-bs-target="#carousel-UAlberta" type="button" aria-current="true"></button> <button aria-label="Slide 3" data-bs-slide-to="2" data-bs-target="#carousel-UAlberta" type="button"></button> <button aria-label="Slide 4" data-bs-slide-to="3" data-bs-target="#carousel-UAlberta" type="button"></button> <button aria-label="Slide 5" data-bs-slide-to="4" data-bs-target="#carousel-UAlberta" type="button"></button> <button aria-label="Slide 6" data-bs-slide-to="5" data-bs-target="#carousel-UAlberta" type="button"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"><span class="carousel-feature">5.8 million +</span> <br> <span class="long-feature">print + electronic titles</span></div> <div class="carousel-item"><span class="carousel-feature">2.2 million +</span> <br><span class="long-feature">ebooks</span></div> <div class="carousel-item"><span class="carousel-feature">565,000+</span> <br> annual visitors</div> <div class="carousel-item"><span class="carousel-feature">1,400+</span> <br> <span class="long-feature">online databases</span></div> <div class="carousel-item"><span class="carousel-feature">66</span> <br> <span class="long-feature">bookable spaces</span></div> <div class="carousel-item"><span class="carousel-feature">8</span> <br> library locations</div> <button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#carousel-UAlberta" type="button"> <span aria-hidden="true" class="carousel-control-prev-icon fas fa-chevron-left"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" data-bs-slide="next" data-bs-target="#carousel-UAlberta" type="button"> <span aria-hidden="true" class="carousel-control-next-icon fas fa-chevron-right"></span> <span class="visually-hidden">Next</span> </button></div> </div> </div> </div> <div class="row"> <div class="col-md-6 mt-5"> <h2 class="text-uppercase" id="ual-title-news">News, Events & Workshops</h2> </div><div class="col-md-6 mt-3"> <div class="row white ms-4"> <div class="col-md-8"> <p class="p-2 pe-0 mb-0"><span class="fw-bold">Library Services Platform Migration</span> The Library will introduce a new way to search in July 2025!</p> </div> <div class="col-md-4 pt-2"><a href="/about/projects/lsp" class="btn btn-green btn-square w-100 m-0">about the migration project</a> </div> </div></div> </div> <div class="row news-events g-2"> <div class="col-md-6 mb-4"> <div class="row" id="latest-posts"> <!-- NEWS ITEMS are pulled into this div --> </div> </div> <div class="col-md-6 mb-4"> <div class="row h-100"> <div class="col-md-12 ms-4"> <div class="card h-97 bg-grey"> <div class="py-3 px-2"> <span class="card-title h3">Upcoming Events & Workshops</span> <div id="api_upc_cid_iid3750"></div><script src="https://ualberta.libcal.com/api_events.php?m=upc&cid=&audience=&c=&d=&l=4&tar=0&simple=ul_date&context=object&format=js"> </script> </div> </div> </div> </div> </div> <div class="row mt-0"> <div class="col-md-6"> <a class="btn btn-green btn-outline" href="https://news.library.ualberta.ca/">All News</a> </div> <div class="col-md-6 ps-2"> <a class="btn btn-green btn-outline ms-5" href="https://ualberta.libcal.com/calendar/events-exhibits/?cid=-1&t=d&d=0000-00-00&cal=-1&inc=0">All Events & Workshops</a> </div> </div> </div> </main> <div id="libchat_baadd67c0b9382719dabca82069083e2e6b6d873103a32cc235ec09ad41f22a5"></div> <footer> <div class="ack"> <div class="main"> <span class="lead">Territorial Acknowledgement</span> <p>The University of Alberta, its buildings, labs and research stations are primarily located on the territory of the N茅hiyaw (Cree), Niitsitapi (Blackfoot), M茅tis, Nakoda (Stoney), Dene, Haudenosaunee (Iroquois) and Anishinaabe (Ojibway/Saulteaux), lands that are now known as part of Treaties 6, 7 and 8 and homeland of the M茅tis. The University of Alberta respects the sovereignty, lands, histories, languages, knowledge systems and cultures of all First Nations, M茅tis and Inuit nations.</p> </div> </div> <div class="links"> <div class="link-group pe-5"> <div class="link-group-header">About the Library</div> <ul> <li> <a href="/about/collection">Our Collection</a> </li> <li> <a href="/about/people">People</a> </li> <li><a href="/about/partners">Partners</a> </li> <li> <a href="/about/vision">Vision, Mission + Priorities</a> </li> <li> <a href="/about/projects">Projects</a> </li> <li> <a href="https://news.library.ualberta.ca/">News Blog</a> </li> <li> <a href="https://ualberta.libcal.com/calendar/events-exhibits/?cid=-1&t=d&d=0000-00-00&cal=-1&inc=0">Events + Workshops</a> </li> <li> <a href="/about/employment">Careers + Employment</a> </li> </ul> </div> <div class="link-group pe-5"> <div class="link-group-header">Visit Us</div> <ul> <li> <a href="/hours-locations">Hours + Locations</a> </li> <li> <a href="/services/book-study-spaces">Book Study Space</a> </li> <li> <a href="/services/accessibility-services">Accessibility</a> </li> <li> <a href="/about/policies/study-and-work-space">Study Areas + Noise Zones</a> </li> <li> <a href="/services/technology/printing-scanning">Printing + Scanning</a> </li> <li> <a href="/ask-us"> Ask Us</a> </li> </ul> </div> <div class="link-group pe-5"> <div class="link-group-header">Tools + Apps</div> <ul> <li> <a href="/my-account">My Account</a> </li> <li> <a href="https://www.beartracks.ualberta.ca/">Bear Tracks</a> </li> <li> <a href="https://apps.ualberta.ca/">Email + Apps</a> </li> <li> <a href="https://eclass.srv.ualberta.ca/">eClass</a> </li> <li> <a href="https://apps.ualberta.ca/directory">U of A Find a Person</a> </li> <li> <a href="https://guides.library.ualberta.ca/az/library-staff-directory">Library Staff Directory</a> </li> <li> <a href="https://www.ualberta.ca/onecard/index.html">ONEcard</a> </li> <li> <a href="https://canvas.ualberta.ca">Canvas</a> </li> <li> </ul> </div> <div class="link-group pe-5"> <div class="link-group-header">Administration</div> <ul> <li> <a href="/about/people">Leadership</a> </li> <li> <a href="/about/policies">Policies</a> </li> <li> <a href="/privacy">Privacy Statement</a> <li> <a href="https://www.ualberta.ca/en/faculty-and-staff/copyright/index.html">Copyright Office</a> </li> <li> <a href="/harmful-language-statement">Harmful Language in Records + Descriptions</a></li> </ul> </div> <div class="link-group"> <div class="link-group-header">Get Involved</div> <ul> <li> <a href="/support">Support the Library</a> </li> <li> <a href="/about/partners">Partnerships + Collaborations</a> </li> <li><a href="/about/liseg">Library Indigenous Student Engagement Group (LISEG)</a></li> <li><a href="/slac">Student Library Advisory Committee (SLAC)</a></li> <li><a href="/ask-us/email-us">Share your Feedback</a></li> </ul> </div> </div> <div class="final"> <div class="social-links"> <a href="https://www.instagram.com/uofalibrary" title="UAlberta Library Instagram"> <i aria-hidden="true" class="fab fa-instagram"></i> </a> <a href="https://www.youtube.com/channel/UCtrypim7fRY5dOOa1G9FW5Q" title="UAlberta Library YouTube"> <i aria-hidden="true" class="fab fa-youtube"></i> </a> </div> <div class="logo en-logo"> <a aria-label="University of Alberta" href="https://www.ualberta.ca/index.html"></a> </div> <div class="right-group small text-end me-3"> This site is licensed under a <br/><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" class="text-white">Creative Commons License</a> <br/><a href="/about/policies/privacy-policy" class="text-white">Website Privacy Policy</a> </div> </div> </footer> <script src="https://ualberta.libanswers.com/load_chat.php?hash=baadd67c0b9382719dabca82069083e2e6b6d873103a32cc235ec09ad41f22a5"></script> <script> $(function() { $('#navbarSupportedContent') .on('shown.bs.collapse', function() { $('#navbar-hamburger').addClass('d-none'); $('#navSearchButton').addClass('d-none'); $('#navbar-close').removeClass('d-none'); document.body.classList.add('no-scroll'); }) .on('hidden.bs.collapse', function() { $('#navbar-hamburger').removeClass('d-none'); $('#navSearchButton').removeClass('d-none'); $('#navbar-close').addClass('d-none'); document.body.classList.remove('no-scroll'); }); }); /** * Checks and sets the root variable for scrollbar width */ function setScrollbarCssVariable(){ let currentScrollbarSize = window.innerWidth - document.documentElement.clientWidth; if(currentScrollbarSize < 0){ currentScrollbarSize = 0; } document.documentElement.style.setProperty('--scrollbar-width', `${currentScrollbarSize}px`); } window.addEventListener('load', () => { setScrollbarCssVariable(); }); window.addEventListener('resize', () => { setScrollbarCssVariable(); }); $(function() { $('[data-toggle-second="tooltip"]').tooltip(); $('[data-toggle-second="tooltip"]').on('click', function () { $(this).tooltip('hide') }) const body = $('body'); const darkModeToggle = $('#dark-mode-toggle'); const modeIcon = $('#mode'); // Function to check if dark mode is enabled in localStorage function isDarkModeEnabled() { return localStorage.getItem('darkMode') === 'enabled'; } // Function to toggle dark mode function toggleDarkMode() { body.toggleClass('dark-mode'); darkModeToggle.toggleClass('dark-mode'); // Toggle icon and title if (body.hasClass('dark-mode')) { modeIcon.removeClass('fa-moon').addClass('fa-sun-bright'); darkModeToggle.attr('data-bs-original-title', 'light mode'); localStorage.setItem('darkMode', 'enabled'); } else { modeIcon.removeClass('fa-sun-bright').addClass('fa-moon'); darkModeToggle.attr('data-bs-original-title', 'dark mode'); localStorage.setItem('darkMode', 'disabled'); } } // Check localStorage when the page loads if (isDarkModeEnabled()) { body.addClass('dark-mode'); darkModeToggle.addClass('dark-mode'); modeIcon.removeClass('fa-moon').addClass('fa-sun-bright'); darkModeToggle.attr('data-bs-original-title', 'light mode'); } // Toggle dark mode, icon, and title when the toggle button is clicked darkModeToggle.on('click', toggleDarkMode); var currentPath = window.location.pathname; // Get current path, e.g., '/about' // Loop through each list item in the navigation $('.left-nav li').each(function() { var $link = $(this).find('a'); // Find the link within the current list item var linkPath = $link.attr('href'); // Get the href attribute value of the link // Check if the current path starts with the link path if (currentPath.startsWith(linkPath)) { $(this).addClass('active'); // Add 'active' class to the list item } }); }); </script> </body> </html>