1<!DOCTYPE html> 2<html > 3<head> 4 <meta charset="UTF-8"> 5 <title>Collapsible sidebars</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="stylesheet" href="css/components.css"> 8 <link rel="stylesheet" href="css/page.css"> 9 <link rel="stylesheet" href="css/vector.css"> 10 <link rel="stylesheet" href="css/sticky-header.css"> 11 <link rel="stylesheet" href="css/site-header.css"> 12 <link rel="stylesheet" href="css/search.css"> 13 <link rel="stylesheet" href="css/menus.css"> 14 <link rel="stylesheet" href="css/sidebars.css"> 15 <link rel="stylesheet" href="css/toc.css"> 16 <link rel="stylesheet" href="css/article-header.css"> 17 <link rel="stylesheet" href="css/article-toolbar.css"> 18 <link rel="stylesheet" href="css/options.css"> 19</head> 20 21<body class="background loggedOut"> 22 23 <!-- Sticky header --> 24 <header id="sticky-header"> 25 <div class="header"> 26 <div class="header-left"> 27 <!-- Search --> 28 <a class="button button-icon search-icon" onclick="showStickySearch()"> 29 <img src="/img/search.svg" /> 30 </a> 31 <div class="search-container" id="search-floating"> 32 <div class="search-icon"></div> 33 <input placeholder="Search Wikipedia" onfocus="checkVal()" onblur="closeFloatingSearch()" class="search-input search-input-floating" id="floating-search-input"></input> 34 <button class="search-button" onclick="searchButtonClick()"> 35 <p data-string="search">Search</p> 36 </button> 37 <div class="menu search-results search-results-floating"></div> 38 </div> 39 <!-- Article title --> 40 <div class="article-title-subheader"> 41 <p class="title"></p> 42 </div> 43 </div> 44 <div class="header-right"> 45 <!-- Article tools --> 46 <div class="button-group"> 47 <a class="button button-icon"> 48 <img src="/img/talk.svg" /> 49 <p class="tooltip" data-string="discussion">Talk</p> 50 </a> 51 <a class="button button-icon"> 52 <img src="/img/history.svg" /> 53 <p class="tooltip" data-string="history">History</p> 54 </a> 55 <a class="button button-icon"> 56 <img src="/img/edit-source.svg" /> 57 <p class="tooltip" data-string="editSourceString">Edit source</p> 58 </a> 59 <a class="button button-icon"> 60 <img src="/img/edit.svg" /> 61 <p class="tooltip" data-string="edit">Edit</p> 62 </a> 63 </div> 64 <!-- Language switcher & menu --> 65 <div class="languages-container"> 66 <span class="link-button-icon dropdown language-button menu-handle"> 67 <img src="/img/languages-blue.svg" /> 68 <a> 69 <span>98</span> 70 <span data-string="vector-languages">languages</span> 71 </a> 72 </span> 73 <div class="menu language-menu"> 74 <div id="language-search"> 75 <img src="/img/search.svg" /> 76 <input placeholder="Search for a language" class=""></input> 77 </div> 78 <div id="language-list"> 79 <div class="language-section-heading">Suggested languages</div> 80 <div class="language-section"> 81 <div> 82 <a>䏿</a> 83 <a>æ¥æ¬èª</a> 84 <a>íêµì´</a> 85 <a>ÐÑÑÑад</a> 86 </div> 87 <div> 88 <a>Ð ÑÑÑкий</a> 89 <a>Deutsch</a> 90 <a>Diné bizaad</a> 91 <a>Español</a> 92 </div> 93 <div> 94 <a>Français</a> 95 <a>Italiano</a> 96 <a>Tiếng Viá»t</a> 97 <a>××Ö´××ש</a> 98 </div> 99 </div> 100 <div class="language-section-heading">Worldwide</div> 101 <div class="language-section"> 102 <div> 103 <a>Español</a> 104 <a>Esperanto</a> 105 <a>Français</a> 106 <a>Ido</a> 107 <a>Interlingua</a> 108 <a>Interlingue</a> 109 </div> 110 <div> 111 <a>Português</a> 112 <a>Simple English</a> 113 </div> 114 </div> 115 </div> 116 </div> 117 </div> 118 <!-- User menu --> 119 <a class="button button-icon button-menu user-menu-button menu-handle"> 120 <img src="/img/user.svg" /> 121 <img src="/img/down.svg" /> 122 </a> 123 <div class="menu user-menu"> 124 <section>
125 <span class="link-button-icon"> 126 <img src="/img/user.svg" /> 127 <a data-string="username">name_1993</a> 128 </span> 129 <span class="link-button-icon"> 130 <img src="img/usertalk.svg" /> 131 <a data-string="mytalk">Talk</a> 132 </span> 133 <span class="link-button-icon"> 134 <img src="img/sandbox.svg" /> 135 <a data-string="sandboxlink-portlet-label">Sandbox</a> 136 </span> 137 <span class="link-button-icon"> 138 <img src="img/preferences.svg" /> 139 <a data-string="mypreferences">Preferences</a> 140 </span> 141 <span class="link-button-icon"> 142 <img src="img/beta.svg" /> 143 <a data-string="betafeatures-toplink">Beta</a> 144 </span> 145 <span class="link-button-icon"> 146 <img src="img/contribs.svg" /> 147 <a data-string="mycontris">Contributions</a> 148 </span> 149 <span class="link-button-icon"> 150 <img src="img/languages.svg" /> 151 <a data-string="cx-campaign-contributionsmenu-mytranslations">Translations</a> 152 </span> 153 <span class="link-button-icon"> 154 <img src="img/commons.svg" /> 155 <a data-string="cx-campaign-contributionsmenu-myuploads">Uploaded media</a> 156 </span> 157 </section> 158 <section> 159 <span class="link-button-icon" onclick="switchLoginState()"> 160 <img src="img/logout.svg" /> 161 <a data-string="pt-userlogout">Log out</a> 162 </span> 163 </section> 164 </div> 165 </div> 166 </div> 167 </header> 168 169 <!-- site wrapper --> 170 <div class="outer-container"> 171 172 <!-- Site header --> 173 <div class="site-header-wrapper main"> 174 <div class="header site-header"> 175 <div id="site-header-left" class="header-left"> 176 177 <!-- main menu --> 178 <a id="main-menu-trigger" class="button button-icon menu-handle"></a> 179 <div id="main-menu" class="menu"> 180 <section> 181 <span id="pin-main-menu" class="link-button-icon" onclick="moveMainMenuToSidebar()"> 182 <img src="img/pin-down.svg"> 183 <a data-string="pinMenuToSidebar">Pin menu to sidebar</a> 184 </span> 185 <span id="unpin-main-menu" class="link-button-icon" onclick="moveMainMenuToHeader()"> 186 <img src="img/pin-up.svg"> 187 <a data-string="collapseMenu">Un-pin menu</a> 188 </span> 189 </section> 190 <section> 191 <p class="menu-section-heading" data-string="toolbox">General</p> 192 <span><a data-string="mainpage-description">Main page</a></span> 193 <span><a data-string="contents">Contents</a></span> 194 <span><a data-string="currentevents">Current events</a></span> 195 <span><a data-string="randompage">Random article</a></span> 196 </section> 197 <section> 198 <p class="menu-section-heading" data-string="toolbox">Community</p> 199 <span><a data-string="portal">Community portal</a></span> 200 <span><a data-string="recentchanges">Recent changes</a></span> 201 <span><a data-string="specialpages">Special pages</a></span> 202 <span><a data-string="upload">Upload file</a></span> 203 <span><a data-string="help">Help</a></span> 204 </section> 205 <section> 206 <p class="menu-section-heading" data-string="toolbox">Wikipedia</p> 207 <span><a data-string="aboutsite">About Wikipedia</a></span> 208 <span><a data-string="sitesupport">Donate to Wikipedia</a></span> 209 <span><a data-string="contactpage">Contact page</a></span> 210 </section> 211 </div> 212 213 <!-- logo --> 214 <div class="logo"> 215 <img id="globe" src="/img/globe.png" /> 216 <div class="wordmark-tagline"> 217 <span data-string="wordmarkImg"><img id="wordmark" src="/img/logos/wordmark-en.svg" /></span>
218 <span data-string="taglineImg"><img id="tagline" src="/img/logos/tagline-en.svg" /></span> 219 </div> 220 </div> 221 222 </div> 223 224 <div class="header-middle"> 225 <!-- Search --> 226 <a class="button search-icon"> 227 <img src="/img/search.svg" /> 228 </a> 229 <div class="search-container" id="search-top"> 230 <div class="search-icon"></div> 231 <input placeholder="Search Wikipedia" onfocus="checkVal()" class="search-input search-input-top" id="search-top-input"></input> 232 <button class="search-button" onclick="searchButtonClick()"> 233 <a data-string="searchbutton">Search</a> 234 </button> 235 <div class="menu search-results"></div> 236 <div class="menu" id="search-empty-state"> 237 <div id="featured-article"> 238 <p class="heading">Featured article of the day</p> 239 </div> 240 <div id="most-read"> 241 <p class="heading">Top 5 articles articles today</p> 242 </div> 243 </div> 244 </div> 245 </div> 246 247 <div class="header-right"> 248 249 <div id="random-about-donate-links"> 250 <a >Random</a> ⢠251 <a >About</a> ⢠252 <a >Donate</a> 253 </div> 254 255 <!-- Logged out links --> 256 <div class="user-links-container logged-out"> 257 <a class="spaced detailed-menu" data-string="pt-createaccount">Create account</a> 258 259 <!-- menu --> 260 <a class="button button-icon user-menu-button menu-handle"> 261 <img src="/img/more.svg"> 262 </a> 263 <div class="menu user-menu"> 264 <section> 265 <span class="link-button-icon compact-menu"> 266 <img src="img/user.svg"> 267 <a data-string="pt-createaccount">Create account</a> 268 </span> 269 <span class="link-button-icon" onclick="switchLoginState()"> 270 <img src="img/login.svg"> 271 <a data-string="pt-login">Log in</a> 272 </span> 273 </section> 274 <section> 275 <span data-string="vector-anon-user-menu-pages">Pages for logged-out editors (<a href="">learn more</a>):</span> 276 <span><a data-string="mytalk">Talk</a></span> 277 <span><a data-string="mycontribs">Contributions</a></span> 278 </section> 279 </div> 280 </div> 281 282 <!-- Logged in links --> 283 <div class="user-links-container logged-in"> 284 <a class="spaced detailed-menu" data-string="username">name_1993</a> 285 <a class="button button-icon disabled"><img src="/img/bell.svg" /></a> 286 <a class="button button-icon disabled"><img src="/img/inbox.svg" /></a> 287 <a class="button button-icon"><img src="/img/watchlist.svg" /></a> 288 289 <!-- menu --> 290 <a class="button button-icon user-menu-button menu-handle"> 291 <img src="/img/user.svg"> 292 <img src="/img/down.svg"> 293 </a> 294 <div class="menu user-menu"> 295 <section> 296 <span class="compact-menu link-button-icon"> 297 <img src="/img/user.svg" /> 298 <a data-string="username">name_1993</a> 299 </span> 300 <span class="link-button-icon"> 301 <img src="img/usertalk.svg" /> 302 <a data-string="mytalk">Talk</a> 303 </span> 304 <span class="link-button-icon"> 305 <img src="img/sandbox.svg" /> 306 <a data-string="sandboxlink-portlet-label">Sandbox</a> 307 </span> 308 <span class="link-button-icon"> 309 <img src="img/preferences.svg" /> 310 <a data-string="mypreferences">Preferences</a> 311 </span> 312 <span class="link-button-icon"> 313 <img src="img/beta.svg" /> 314 <a data-string="betafeatures-toplink">Beta</a> 315 </span>
316 <span class="link-button-icon"> 317 <img src="img/contribs.svg" /> 318 <a data-string="mycontris">Contributions</a> 319 </span> 320 <span class="link-button-icon"> 321 <img src="img/languages.svg" /> 322 <a data-string="cx-campaign-contributionsmenu-mytranslations">Translations</a> 323 </span> 324 <span class="link-button-icon"> 325 <img src="img/commons.svg" /> 326 <a data-string="cx-campaign-contributionsmenu-myuploads">Uploaded media</a> 327 </span> 328 </section> 329 <section> 330 <span class="link-button-icon" onclick="switchLoginState()"> 331 <img src="img/logout.svg" /> 332 <a data-string="pt-userlogout">Log out</a> 333 </span> 334 </section> 335 </div> 336 337 </div> 338 339 </div> 340 </div> 341 </div> 342 343 <!-- Page container --> 344 <div class="page-container hide-article-tools"> 345 346 <!-- Left sidebar (ToC, Main menu) --> 347 <div id="left-sidebar" class="sidebar-wrapper"> 348 <a id="toc-button" class="button menu-handle"> 349 <img src="/img/toc.svg" /> 350 </a> 351 <div id="toc-outer" class="toc-wrapper menu"> 352 <div class="toc-header header"> 353 <p class="contents-title" data-string="toc">Contents 354 <span>[<a id="collapse-toc" onclick="moveToC()" title="move to article header">hide</a><a id="pin-toc" onclick="moveToC()" title="move to sidebar">move to sidebar</a>]</span> 355 </p> 356 </div> 357 <ul id="table-of-contents" class="level-1"> 358 <li class="toc-level-1" onclick="showChildren(this)"> 359 <a href='#top'> 360 <div class="toctext" data-string="introduction"><span class="tocnumb">0</span>Introduction</div> 361 </a> 362 </li> 363 </ul> 364 </div> 365 </div> 366 367 <!-- Page content --> 368 <main class="article-container"> 369 370 <!-- Article header --> 371 <div class="header article-header" id="article-header"> 372 <div class="header-left"> 373 <h1 id="Introduction"></h1> 374 </div> 375 <div class="header-right"> 376 <div class="languages-container languages-container"> 377 <span class="link-button-icon dropdown language-button menu-handle"> 378 <img src="/img/languages-blue.svg" /> 379 <a> 380 <span>98</span> 381 <span data-string="vector-languages">languages</span> 382 </a> 383 </span> 384 <div class="menu language-menu"> 385 <div id="language-search"> 386 <img src="/img/search.svg" /> 387 <input placeholder="Search for a language" class=""></input> 388 </div> 389 <div id="language-list"> 390 <div class="language-section-heading">Suggested languages</div> 391 <div class="language-section"> 392 <div> 393 <a>䏿</a> 394 <a>æ¥æ¬èª</a> 395 <a>íêµì´</a> 396 <a>ÐÑÑÑад</a> 397 </div> 398 <div> 399 <a>Ð ÑÑÑкий</a> 400 <a>Deutsch</a> 401 <a>Diné bizaad</a> 402 <a>Español</a> 403 </div> 404 <div> 405 <a>Français</a> 406 <a>Italiano</a> 407 <a>Tiếng Viá»t</a> 408 <a>××Ö´××ש</a> 409 </div> 410 </div> 411 <div class="language-section-heading">Worldwide</div> 412 <div class="language-section"> 413 <div> 414 <a>Español</a> 415 <a>Esperanto</a> 416 <a>Français</a> 417 <a>Ido</a> 418 <a>Interlingua</a> 419 <a>Interlingue</a> 420 </div> 421 <div> 422 <a>Português</a> 423 <a>Simple English</a> 424 </div> 425 </div> 426 </div> 427 </div> 428 </div> 429 </div> 430 </div> 431 432 <!-- Article toolbar --> 433 <div class="header article-toolbar"> 434 <div id="article-talk" class="tab-group"> 435 <div id="article-tab" class="tab active" onclick="switchToArticle()"> 436 <a data-string="nstab-main">Article</a> 437 </div> 438 <div id="talk-tab" class="tab" onclick="switchToTalk()"> 439 <a data-string="talk">Talk</a> 440 </div> 441 </div> 442 <div id="read-edit-history" class="tab-group"> 443 <div class="tab active"> 444 <a data-string="skin-view-view">Read</a> 445 </div> 446 <div class="tab"> 447 <a data-string="edit">Edit</a> 448 </div> 449 <div class="tab" id="edit-source"> 450 <a data-string="visualeditor-ca-editsource">Edit source</a> 451 </div> 452 <div class="tab"> 453 <a data-string="skin-view-history">View history</a> 454 </div> 455 </div> 456 <div id="watch-tools" class="tab-group"> 457 <a id="watch-button"> 458 <img src="/img/watch.svg" /> 459 </a> 460 </div> 461 </div> 462 463 <!-- Article body --> 464 <div class="article-body"> 465 <p id="from-wikipedia" data-string="tagline">
465From Wikipedia, the free encyclopedia</p> 466 <div class="mw-body mw-body-content content"></div> 467 </div> 468 469 <!-- Footer --> 470 <div id="footer" role="contentinfo"> 471 <ul id="footer-info" class=""> 472 <li id="footer-info-lastmod"> This page was last edited on 2 April 2020, at 21:36<span class="anonymous-show"> (UTC)</span>.</li> 473 <li id="footer-info-copyright">Text is available under the <a rel="license" href="//en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License">Creative Commons Attribution-ShareAlike License</a><a rel="license" href="//creativecommons.org/licenses/by-sa/3.0/" style="display:none;"></a>;additional terms may apply. By using this site, you agree to the <a href="//foundation.wikimedia.org/wiki/Terms_of_Use">Terms of Use</a> and <a href="//foundation.wikimedia.org/wiki/Privacy_policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a href="//www.wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> 474 </ul> 475 <ul id="footer-places" class=""> 476 <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Privacy_policy" class="extiw" title="wmf:Privacy policy">Privacy policy</a></li> 477 <li id="footer-places-about"><a href="/wiki/Wikipedia:About" title="Wikipedia:About">About Wikipedia</a></li> 478 <li id="footer-places-disclaimer"><a href="/wiki/Wikipedia:General_disclaimer" title="Wikipedia:General disclaimer">Disclaimers</a></li> 479 <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> 480 <li id="footer-places-developers"><a href="https://www.mediawiki.org/wiki/Special:MyLanguage/How_to_contribute">Developers</a></li> 481 <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> 482 <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Cookie_statement">Cookie statement</a></li> 483 <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=Hathor&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> 484 <li class="rt-enableItem"><a href="javascript:">Enable Reference Tooltips</a></li> 485 <li style="display: none;"><a href="#">Enable previews</a></li> 486 </ul> 487 <ul id="footer-icons" class="noprint"> 488 <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/"><img src="/img/mediawiki.png" width="88" height="31" alt="Wikimedia Foundation"></a></li> 489 <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/"><img src="/img/wikimedia.png" alt="Powered by MediaWiki" width="88" height="31"></a></li> 490 </ul> 491 <div style="clear: both;"></div> 492 </div> 493 </main> 494 495 <div id="right-sidebar"> 496 <span class="link-button-icon dropdown menu-handle" id="article-tools-button"> 497 <a data-string="toolbox">Tools</a> 498 </span> 499 500 <!-- Article tools menu --> 501 <div id="article-tools-menu" class="menu"> 502 <section id="article-tools-menu-heading"> 503 <p class="menu-section-heading"> 504 <span id="tools-heading-text">Tools</span> 505 <span> 506 [<a id="unpin-article-tools" onclick="moveArticleTools()" title="move to article toolbar">hide</a><a id="pin-article-tools-menu" onclick="moveArticleTools()" data-string="pinMenuToSidebar">move to sidebar</a>] 507 </span> 508 </p> 509 </section> 510 <section class="collapsible"> 511 <p class="menu-section-heading" data-string="toolbox">General</p> 512 <span><a data-string="whatlinkshere">What links here</a></span> 513 <span><a data-string="recentchangeslinked-toolbox">Related changes</a></span> 514 <span><a data-string="pageinfo-toolboxlink">Page information</a></span> 515 <span><a data-string="wikibase-editlinkstitle">Add interlanguage links</a></span> 516 </section> 517 <section class="collapsible"> 518 <p class="menu-section-heading" data-string="wikibase-otherprojects">In other projects</p>
519 <span><a>Wikimedia Commons</a></span> 520 <span><a>Wikinews</a></span> 521 <span><a>Wikiquote</a></span> 522 <span><a>Wikivoyage</a></span> 523 </section> 524 <section class="collapsible"> 525 <p class="menu-section-heading" data-string="coll-print_export">Print, share, link</p> 526 <span><a data-string="permalink">Permanent link</a></span> 527 <span><a data-string="citethispage-link">Cite this page</a></span> 528 <span><a data-string="downloadPDF">Download as PDF</a></span> 529 <span><a data-string="printableversion">Printable version</a></span> 530 </section> 531 </div> 532 </div> 533 534 </div> 535 </div> 536 537
537<script 538 src="https://code.jquery.com/jquery-3.2.1.min.js" 539 integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 540 crossorigin="anonymous"> 541 </script>
541 542
542<script src="/js/search.js"></script>
542 543
543<script src="/js/menus.js"></script>
543 544
544<script src="/js/languages.js"></script>
544 545
545<script src="/js/translatedStrings.js"></script>
545 546
546<script src="/js/toc.js"></script>
546 547
547<script src="/js/app.js"></script>
547 548 549</body> 550</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.