CINXE.COM
The Wikipedia Library
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta property="og:title" content="The Wikipedia Library" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia_library_logo.png" /> <meta property="og:image:width" content="200" /> <meta property="og:image:height" content="200" /> <meta property="og:url" content="https://wikipedialibrary.wmflabs.org/" /> <meta property="og:description" content=" More than 100 of the world's top subscription-only databases, with content in 34 languages, free for Wikipedians of all backgrounds" /> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:image" content="https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia_library_logo.png" /> <meta property="twitter:site" content="@WikiLibrary" /> <meta property="og:locale" content="en" /> <meta property="og:locale:alternate" content=af /> <meta property="og:locale:alternate" content=ar /> <meta property="og:locale:alternate" content=bg /> <meta property="og:locale:alternate" content=bs /> <meta property="og:locale:alternate" content=cs /> <meta property="og:locale:alternate" content=da /> <meta property="og:locale:alternate" content=de /> <meta property="og:locale:alternate" content=el /> <meta property="og:locale:alternate" content=es /> <meta property="og:locale:alternate" content=fa /> <meta property="og:locale:alternate" content=fi /> <meta property="og:locale:alternate" content=fr /> <meta property="og:locale:alternate" content=he /> <meta property="og:locale:alternate" content=hi /> <meta property="og:locale:alternate" content=hr /> <meta property="og:locale:alternate" content=hu /> <meta property="og:locale:alternate" content=it /> <meta property="og:locale:alternate" content=ja /> <meta property="og:locale:alternate" content=kn /> <meta property="og:locale:alternate" content=lt /> <meta property="og:locale:alternate" content=mr /> <meta property="og:locale:alternate" content=nl /> <meta property="og:locale:alternate" content=pl /> <meta property="og:locale:alternate" content=pt /> <meta property="og:locale:alternate" content=ro /> <meta property="og:locale:alternate" content=ru /> <meta property="og:locale:alternate" content=sk /> <meta property="og:locale:alternate" content=sr /> <meta property="og:locale:alternate" content=sr-latn /> <meta property="og:locale:alternate" content=ta /> <meta property="og:locale:alternate" content=te /> <meta property="og:locale:alternate" content=tr /> <meta property="og:locale:alternate" content=zh-hans /> <meta property="og:locale:alternate" content=zh-hant /> <title> The Wikipedia Library </title> <link rel="shortcut icon" href="/static/img/favicon.80485b8db3c2.png"/> <!-- Custom CSS --> <!-- LTR Bootstrap CSS --> <link href="/static/css/bootstrap-4.6.min.d6228f0d6604.css" rel="stylesheet"> <!-- LTR Custom CSS --> <link href="/static/css/startbootstrap/sb-admin-2.b7436423c43f.css" rel="stylesheet"> <link href="/static/css/startbootstrap/timeline.7ccadf9941de.css" rel="stylesheet"> <!-- LTR Custom Fonts --> <link href="/static/css/font-awesome.min.c3225736002e.css" rel="stylesheet" type="text/css"> <link href="/static/css/new-local.447266485409.css" rel="stylesheet" type="text/css"> <link href="/static/css/glide.core.min.63b96d6f2161.css" rel="stylesheet" type="text/css"> <link href="/static/css/glide.theme.min.c59fdeea91b4.css" rel="stylesheet" type="text/css"> <script type="text/javascript" language="javascript" src="/static/js/jquery-3.6.0.min.8fb8fee4fcc3.js"></script> <script type="text/javascript" language="javascript" src="/static/js/popper.min.5189b855cd23.js"></script> <script type="text/javascript" language="javascript" src="/static/js/bootstrap-4.6.min.b300715507ee.js"></script> <script type="text/javascript" language="javascript" src="/static/js/fuse.20d3b3c1e16e.js"></script> <!-- access cookies in JS --> <script type="text/javascript"> function getCookie(name) { let cookieValue = null; if (document.cookie && document.cookie !== '') { const cookies = document.cookie.split(';'); for (let i = 0; i < cookies.length; i++) { const cookie = cookies[i].trim(); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) === (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } </script> </head> <body> <div class="overflow-hidden"> <div class="login-section"> <div class="row col-12 nav-bar-header"> <span class="nav-bar-header-logo"> <!-- logo --> <img class="logo" src="/static/img/Wikipedia_Library_owl.3cbe0f5353bc.svg" class="img-responsive logo" alt=" The Wikipedia Library "> <!-- site name --> <p class="homepage-title">The Wikipedia Library</p> </span> <form class="form-inline homepage-title" action="/i18n/setlang/?next=/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="R6Px5pkT8bIOad4BE2Y8e0SvFsObHozFb7Jud3vQRyE0Kh9a9H6hr2xxgSUZ8jwS"> <div class="dropdown"> <button class="btn dropdown-toggle language-select" type="button" id="language-dropdown-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> English </button> <div class="dropdown-menu" aria-labelledby="language-dropdown-1"> <button name="language" class="dropdown-item language-select-menu" value=ar type="submit">العربية</button> <button name="language" class="dropdown-item language-select-menu" value=as type="submit">অসমীয়া</button> <button name="language" class="dropdown-item language-select-menu" value=bcl type="submit">Bikol Central</button> <button name="language" class="dropdown-item language-select-menu" value=bn type="submit">বাংলা</button> <button name="language" class="dropdown-item language-select-menu" value=br type="submit">brezhoneg</button> <button name="language" class="dropdown-item language-select-menu" value=ca type="submit">català</button> <button name="language" class="dropdown-item language-select-menu" value=ce type="submit">нохчийн</button> <button name="language" class="dropdown-item language-select-menu" value=cy type="submit">Cymraeg</button> <button name="language" class="dropdown-item language-select-menu" value=da type="submit">dansk</button> <button name="language" class="dropdown-item language-select-menu" value=dag type="submit">dagbanli</button> <button name="language" class="dropdown-item language-select-menu" value=de type="submit">Deutsch</button> <button name="language" class="dropdown-item language-select-menu" value=diq type="submit">Zazaki</button> <button name="language" class="dropdown-item language-select-menu" value=en type="submit">English</button> <button name="language" class="dropdown-item language-select-menu" value=en-gb type="submit">British English</button> <button name="language" class="dropdown-item language-select-menu" value=eo type="submit">Esperanto</button> <button name="language" class="dropdown-item language-select-menu" value=es type="submit">español</button> <button name="language" class="dropdown-item language-select-menu" value=fa type="submit">فارسی</button> <button name="language" class="dropdown-item language-select-menu" value=fi type="submit">suomi</button> <button name="language" class="dropdown-item language-select-menu" value=fr type="submit">français</button> <button name="language" class="dropdown-item language-select-menu" value=gcf type="submit">Guadeloupean Creole French</button> <button name="language" class="dropdown-item language-select-menu" value=gu type="submit">ગુજરાતી</button> <button name="language" class="dropdown-item language-select-menu" value=guw type="submit">gungbe</button> <button name="language" class="dropdown-item language-select-menu" value=he type="submit">עברית</button> <button name="language" class="dropdown-item language-select-menu" value=hi type="submit">हिन्दी</button> <button name="language" class="dropdown-item language-select-menu" value=hy type="submit">հայերեն</button> <button name="language" class="dropdown-item language-select-menu" value=ia type="submit">interlingua</button> <button name="language" class="dropdown-item language-select-menu" value=id type="submit">Bahasa Indonesia</button> <button name="language" class="dropdown-item language-select-menu" value=io type="submit">Ido</button> <button name="language" class="dropdown-item language-select-menu" value=it type="submit">italiano</button> <button name="language" class="dropdown-item language-select-menu" value=ja type="submit">日本語</button> <button name="language" class="dropdown-item language-select-menu" value=ko type="submit">한국어</button> <button name="language" class="dropdown-item language-select-menu" value=ks-arab type="submit">کٲشُر</button> <button name="language" class="dropdown-item language-select-menu" value=lb type="submit">Lëtzebuergesch</button> <button name="language" class="dropdown-item language-select-menu" value=lt type="submit">lietuvių</button> <button name="language" class="dropdown-item language-select-menu" value=lv type="submit">latviešu</button> <button name="language" class="dropdown-item language-select-menu" value=mk type="submit">македонски</button> <button name="language" class="dropdown-item language-select-menu" value=mni type="submit">ꯃꯤꯇꯩ ꯂꯣꯟ</button> <button name="language" class="dropdown-item language-select-menu" value=mnw type="submit">ဘာသာ မန်</button> <button name="language" class="dropdown-item language-select-menu" value=mr type="submit">मराठी</button> <button name="language" class="dropdown-item language-select-menu" value=ms type="submit">Bahasa Melayu</button> <button name="language" class="dropdown-item language-select-menu" value=my type="submit">မြန်မာဘာသာ</button> <button name="language" class="dropdown-item language-select-menu" value=nan type="submit">Bân-lâm-gú</button> <button name="language" class="dropdown-item language-select-menu" value=nl type="submit">Nederlands</button> <button name="language" class="dropdown-item language-select-menu" value=pa type="submit">pa-guru</button> <button name="language" class="dropdown-item language-select-menu" value=pl type="submit">polski</button> <button name="language" class="dropdown-item language-select-menu" value=pnb type="submit">پنجابی</button> <button name="language" class="dropdown-item language-select-menu" value=pt type="submit">português</button> <button name="language" class="dropdown-item language-select-menu" value=pt-br type="submit">português do Brasil</button> <button name="language" class="dropdown-item language-select-menu" value=ro type="submit">română</button> <button name="language" class="dropdown-item language-select-menu" value=ru type="submit">русский</button> <button name="language" class="dropdown-item language-select-menu" value=scn type="submit">sicilianu</button> <button name="language" class="dropdown-item language-select-menu" value=sk type="submit">slovenčina</button> <button name="language" class="dropdown-item language-select-menu" value=skr-arab type="submit">سرائیکی</button> <button name="language" class="dropdown-item language-select-menu" value=sl type="submit">slovenščina</button> <button name="language" class="dropdown-item language-select-menu" value=sr-ec type="submit">sr-cyrl</button> <button name="language" class="dropdown-item language-select-menu" value=sv type="submit">svenska</button> <button name="language" class="dropdown-item language-select-menu" value=ta type="submit">தமிழ்</button> <button name="language" class="dropdown-item language-select-menu" value=tr type="submit">Türkçe</button> <button name="language" class="dropdown-item language-select-menu" value=uk type="submit">українська</button> <button name="language" class="dropdown-item language-select-menu" value=vi type="submit">Tiếng Việt</button> <button name="language" class="dropdown-item language-select-menu" value=yi type="submit">ייִדיש</button> <button name="language" class="dropdown-item language-select-menu" value=zh-hans type="submit">中文(简体)</button> <button name="language" class="dropdown-item language-select-menu" value=zh-hant type="submit">中文(繁體)</button> </div> </div> </form> </div> <div class="row"> <div class="col-lg-6 col-md-12 col-sm-12 homepage-description"> <p> More than 100 of the world's top subscription-only databases, with content in 34 languages, free for Wikipedians of all backgrounds </p> </div> <div class="col-lg-6 col-md-12 col-sm-12 homepage-criteria"> <p class="criteria-info"> Meet these criteria for automatic access <i class="fa fa-info-circle" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" data-html="true" title="These criteria grant you access to certain collections but not all. Some collections are accessible on a per application basis only."> </i> </p> <ul class="criteria-list"> <li> <p class="criteria-item"> <i class="fa fa-check criteria-checkmark" aria-hidden="true"></i> 500+ edits </p> </li> <li> <p class="criteria-item"> <i class="fa fa-check criteria-checkmark" aria-hidden="true"></i> 6+ months editing </p> </li> <li> <p class="criteria-item"> <i class="fa fa-check criteria-checkmark" aria-hidden="true"></i> 10+ edits in the last 30 days </p> </li> <li> <p class="criteria-item"> <i class="fa fa-check criteria-checkmark" aria-hidden="true"></i> No active blocks </p> </li> </ul> </div> </div> <div class="row"> <div class="col-lg-6 col-md-12 col-sm-12 homepage-login"> <a class="btn btn-lg btn-light homepage-login-button" href="/oauth/login/?next=/search/?q="Textblock"&from_homepage=true"> Login via Wikipedia </a> </div> </div> </div> <div class="carousel-section"> <div class="row tag-filters"> <div class="col-12"> <ul class="nav justify-content-center"> <li class="nav-item"> <a class="nav-link more-item active" href="/?tags="> Featured </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=art_tag"> Art </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=business-and-economics_tag"> Business and Economics </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=culture_tag"> Culture </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=earth-sciences_tag"> Earth Sciences </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=education_tag"> Education </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=health-sciences_tag"> Health Sciences </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=history_tag"> History </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=languages-and-literature_tag"> Languages and Literature </a> </li> <li class="nav-item"> <a class="nav-link more-item" href="/?tags=law_tag"> Law </a> </li> <li class="nav-item dropdown more-option"> <a class="nav-link dropdown-toggle more-item" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> <strong> More </strong> </a> <div class="dropdown-menu"> <a class="dropdown-item more-item" href="/?tags=multidisciplinary_tag"> Multidisciplinary </a> <a class="dropdown-item more-item" href="/?tags=music_tag"> Music </a> <a class="dropdown-item more-item" href="/?tags=philosophy-and-religion_tag"> Philosophy and Religion </a> <a class="dropdown-item more-item" href="/?tags=physical-sciences_tag"> Physical Sciences </a> <a class="dropdown-item more-item" href="/?tags=social-sciences_tag"> Social Sciences </a> <a class="dropdown-item more-item" href="/?tags=technology_tag"> Technology </a> </div> </li> </ul> </div> </div> <div class="row"> <div class="glide"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides"> <li> <div id="partner-156" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-156" src="/media/Logo-L_informe.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="L'Informé logo" loading="lazy" /> </div> <p id="partner-description-156" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>L'Informé</strong> is a French economic investigation website, covering a wide range of topics regarding the country: the economy, defence, energy, consumer affairs, medias, luxury goods, etc. </p> </div> <button id="partner-button-156" type="button" class="btn partner-glider-button" onclick="toggleDescription(156)"> More info </button> </li> <li> <div id="partner-155" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-155" src="/media/screenshot_638.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="British Online Archives logo" loading="lazy" /> </div> <p id="partner-description-155" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>British Online Archives</strong> offers access to a unique collection of primary source documents in humanities and social sciences. </p> </div> <button id="partner-button-155" type="button" class="btn partner-glider-button" onclick="toggleDescription(155)"> More info </button> </li> <li> <div id="partner-26" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-26" src="/media/26_3OFwRYn.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="Newspapers.com logo" loading="lazy" /> </div> <p id="partner-description-26" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>Newspapers.com</strong> includes more than 800 million pages from 20,000+ newspapers. The collection includes some major newspapers for limited periods (e.g., 50 years of the New York Times), but mostly consists of US regional papers from the 1700s to the late 1980s. Free accounts through the Wikipedia Library include access to Newspapers.com Publisher Extra content. </p> </div> <button id="partner-button-26" type="button" class="btn partner-glider-button" onclick="toggleDescription(26)"> More info </button> </li> <li> <div id="partner-31" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-31" src="/media/31_jUYmHSD.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="BMJ logo" loading="lazy" /> </div> <p id="partner-description-31" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>BMJ</strong> (originally the British Medical Journal) is a peer-reviewed medical journal. </p> </div> <button id="partner-button-31" type="button" class="btn partner-glider-button" onclick="toggleDescription(31)"> More info </button> </li> <li> <div id="partner-27" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-27" src="/media/27_pQrwa6x.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="NewspaperARCHIVE.com logo" loading="lazy" /> </div> <p id="partner-description-27" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>NewspaperARCHIVE.com</strong> is an online database of digitized newspapers, with over 2 billion news articles; coverage extends from 1607 to the present from US, Canada, the UK, and 20 other countries. </p> </div> <button id="partner-button-27" type="button" class="btn partner-glider-button" onclick="toggleDescription(27)"> More info </button> </li> <li> <div id="partner-102" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-102" src="/media/ancestry-logo2-2_2Sw7y39.jpg" class="mx-auto d-block partner-glider-image fade-in-transition" alt="Ancestry logo" loading="lazy" /> </div> <p id="partner-description-102" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>Ancestry.com</strong> comprises a collection of genealogical, historical, and genetic records. This partnership gives access to the World Explorer membership, which includes all US and international records. </p> </div> <button id="partner-button-102" type="button" class="btn partner-glider-button" onclick="toggleDescription(102)"> More info </button> </li> <li> <div id="partner-124" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-124" src="/media/springerlink.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="SpringerLink logo" loading="lazy" /> </div> <p id="partner-description-124" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>SpringerLink</strong> includes over 26,000 ebooks and 2000 scholarly journals in the sciences, business and economics, engineering, humanities, social sciences, law, and mathematics. </p> </div> <button id="partner-button-124" type="button" class="btn partner-glider-button" onclick="toggleDescription(124)"> More info </button> </li> <li> <div id="partner-148" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-148" src="/media/Screenshot_2023-12-08_at_10.53.31.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="American Medical Association Journals logo" loading="lazy" /> </div> <p id="partner-description-148" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>The Journal of the American Medical Association</strong> is a peer-reviewed medical journal published 48 times a year by the American Medical Association. It publishes original research, reviews, and editorials covering all aspects of biomedicine. </p> </div> <button id="partner-button-148" type="button" class="btn partner-glider-button" onclick="toggleDescription(148)"> More info </button> </li> <li> <div id="partner-128" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-128" src="/media/Wiley_Wordmark_black.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="Wiley logo" loading="lazy" /> </div> <p id="partner-description-128" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>Wiley</strong> offers collections of online journals, books, and research resources, covering life, health, social, and physical sciences. </p> </div> <button id="partner-button-128" type="button" class="btn partner-glider-button" onclick="toggleDescription(128)"> More info </button> </li> <li> <div id="partner-132" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-132" src="/media/sage_journals_logo_c0_m91_y76_k0_300ppi.jpeg" class="mx-auto d-block partner-glider-image fade-in-transition" alt="SAGE Journals logo" loading="lazy" /> </div> <p id="partner-description-132" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>SAGE Journals</strong> SAGE is an American independent publisher with more than 1,000 journals, from a wide range of disciplines. </p> </div> <button id="partner-button-132" type="button" class="btn partner-glider-button" onclick="toggleDescription(132)"> More info </button> </li> <li> <div id="partner-144" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-144" src="/media/logo.webp" class="mx-auto d-block partner-glider-image fade-in-transition" alt="Perlego logo" loading="lazy" /> </div> <p id="partner-description-144" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>Perlego</strong> is a digital online library focusing on the delivery of academic, professional and non-fiction eBooks. </p> </div> <button id="partner-button-144" type="button" class="btn partner-glider-button" onclick="toggleDescription(144)"> More info </button> </li> <li> <div id="partner-82" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-82" src="/media/img-pqlogo.webp" class="mx-auto d-block partner-glider-image fade-in-transition" alt="ProQuest logo" loading="lazy" /> </div> <p id="partner-description-82" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>ProQuest</strong> is a multidisciplinary research provider. This access includes ProQuest Central, which includes a large collection of journals and newspapers, Literature Online, the HNP Chinese Newspaper Collections, and the Historical New York Times. </p> </div> <button id="partner-button-82" type="button" class="btn partner-glider-button" onclick="toggleDescription(82)"> More info </button> </li> <li> <div id="partner-54" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-54" src="/media/54_GmtVVXp.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="JSTOR logo" loading="lazy" /> </div> <p id="partner-description-54" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>JSTOR</strong> is one of the largest and most reputable journal archives in the world. The content set currently available to the Wikipedia editors includes many of JSTOR's archival journal collections and the 19th Century British Pamphlets collection. </p> </div> <button id="partner-button-54" type="button" class="btn partner-glider-button" onclick="toggleDescription(54)"> More info </button> </li> <li> <div id="partner-123" class="partner-image-description-container"> <div class="partner-image-container"> <img id="partner-image-123" src="/media/springernature.png" class="mx-auto d-block partner-glider-image fade-in-transition" alt="Nature (Springer) logo" loading="lazy" /> </div> <p id="partner-description-123" class="text-justify mx-auto d-block partner-glider-description truncate-overflow invisible"> <strong>Nature</strong> is an international weekly scientific journal. </p> </div> <button id="partner-button-123" type="button" class="btn partner-glider-button" onclick="toggleDescription(123)"> More info </button> </li> </ul> </div> <div class="glide__arrows" data-glide-el="controls"> <button class="glide__arrow--left partner-arrow" data-glide-dir="<"> <i class="fa fa-arrow-left" aria-hidden="true"></i> </button> <button class="glide__arrow--right partner-arrow" data-glide-dir=">"> <i class="fa fa-arrow-right" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <footer id="footer"> <div class="row footer-content"> <ul class="list-inline"> <li class="list-inline-item"> <a class="footer-element" href="/about/"> About </a> </li> <li class="list-inline-item"> <a class="footer-element" href="/terms/"> Terms of use and privacy policy </a> </li> <li class="list-inline-item"> <a class="footer-element" href="https://translatewiki.net/wiki/Translating:Wikipedia_Library_Card_Platform"> Translate the Library </a> </li> <li class="list-inline-item"> <a class="footer-element" href="https://phabricator.wikimedia.org/project/view/2765/">Phabricator</a> </li> <li class="list-inline-item"> <a class="footer-element" href="https://github.com/wikipedialibrary/twlight">GitHub</a> </li> <li class="list-inline-item"> <a class="footer-element" href="/contact/"> Contact us </a> </li> </ul> </div> </footer> <script type="text/javascript" language="javascript" src="/static/js/glide.min.8adeb654f20f.js"></script> <script type="text/javascript"> // Code obtained from https://github.com/glidejs/glide/issues/307#issuecomment-502729940 const classes = { "controls": "glide__arrows", "backArrow": "glide__arrow--left", "nextArrow": "glide__arrow--right", }; function ArrowDisabler (Glide, Components) { return { mount() { // Only in effect when rewinding is disabled if (Glide.settings.rewind) { return } Glide.on(['mount.after', 'run'], () => { // Filter out arrows_control for (let controlItem of Components.Controls.items) { if (controlItem.className !== classes.controls) { continue } // Set left arrow state var left = controlItem.querySelector('.' + classes.backArrow) if (left) { if (Glide.index === 0) { left.setAttribute('disabled', '') // Disable on first slide } else { left.removeAttribute('disabled') // Enable on other slides } } // Set right arrow state var right = controlItem.querySelector('.' + classes.nextArrow) if (right) { // Glide.index is based on the active slide // For bound: true, there will be no empty space & the last slide will never become active // Hence add perView to correctly calculate the last slide const lastSlideIndex = Glide.settings.bound ? Math.floor(Glide.index + (Glide.settings.perView - 1)) : Math.floor(Glide.index); if (lastSlideIndex === Components.Sizes.length - 1 || lastSlideIndex > Components.Sizes.length -1) { right.setAttribute('disabled', '') // Disable on last slide } else { right.removeAttribute('disabled') // Disable on other slides } } } }) Glide.on(['resize', 'run'], () => { // Filter out arrows_control for (let controlItem of Components.Controls.items) { if (controlItem.className !== classes.controls) { continue } // Set left arrow state var left = controlItem.querySelector('.' + classes.backArrow) if (left) { if (Glide.index === 0) { left.setAttribute('disabled', '') // Disable on first slide } else { left.removeAttribute('disabled') // Enable on other slides } } // Set right arrow state var right = controlItem.querySelector('.' + classes.nextArrow) if (right) { // Glide.index is based on the active slide // For bound: true, there will be no empty space & the last slide will never become active // Hence add perView to correctly calculate the last slide const lastSlideIndex = Glide.settings.bound ? Math.floor(Glide.index + (Glide.settings.perView - 1)) : Math.floor(Glide.index); if (lastSlideIndex === Components.Sizes.length - 1 || lastSlideIndex > Components.Sizes.length -1) { right.setAttribute('disabled', '') // Disable on last slide } else { right.removeAttribute('disabled') // Disable on other slides } } } }) } } } var glide = new Glide(".glide", { type: "slider", startAt: 0, perView: 3, direction: "ltr", rewind: false, bound: true, gap: 10, peek: { before: 50, after: 10 }, breakpoints: { 1440: { perView: 2.5, peek: { before: 50, after: 10 }, }, 1280: { perView: 2, peek: { before: 50, after: 10 }, }, 1024: { perView: 2, peek: { before: 50, after: 10 }, }, 1023: { perView: 1.5, peek: { before: 50, after: 10 }, }, 480: { perView: 1, peek: { before: 40, after: 10 }, }, 320: { perView: 1, peek: { before: 35, after: 10 }, } } }); glide.mount({ ArrowDisabler }); </script> <script type="text/javascript"> $(function () { $('[data-toggle="tooltip"]').tooltip() }); function toggleDescription(partnerId) { // Before toggling the description, search if there are any descriptions // already toggled and flip them to the image var toggledPartners = document.getElementsByClassName("partner-description-toggled"); for (var i = 0; i < toggledPartners.length; i++) { var toggledPartnerId = toggledPartners[i].id.split("-")[1]; //This should only be toggled if partnerId is different from the current toggled partner if (toggledPartnerId != partnerId){ toggleElement("partner-image-" + toggledPartnerId); toggleElement("partner-description-" + toggledPartnerId); togglePartnerButton(toggledPartnerId); // Add a class that indicates that the partner's description has been toggled var partnerContainer = document.getElementById("partner-" + toggledPartnerId); partnerContainer.classList.toggle("partner-description-toggled"); } } toggleElement("partner-image-" + partnerId); toggleElement("partner-description-" + partnerId); togglePartnerButton(partnerId); // Add a class that indicates that the partner's description has been toggled var partnerContainer = document.getElementById("partner-" + partnerId); partnerContainer.classList.toggle("partner-description-toggled"); } function toggleElement(id){ var element = document.getElementById(id); element.classList.toggle("invisible"); element.classList.toggle("fade-in-transition"); } function togglePartnerButton(buttonId){ var partnerImage = document.getElementById("partner-image-" + buttonId); var partnerButton = document.getElementById("partner-button-" + buttonId); // If the invisible class exists in the partner image, then the button // needs to show "Less info" if (partnerImage.classList.contains("invisible")) { partnerButton.innerHTML = "Less info"; } else { partnerButton.innerHTML = "More info"; } } </script> </body> </html>