index.html 49 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708
  1. <!DOCTYPE html>
  2. <html class="html__responsive html__unpinned-leftnav">
  3. <head>
  4. <title>Log In - Stack Overflow</title>
  5. <link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196">
  6. <link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a">
  7. <link rel="image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a">
  8. <link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml">
  9. <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
  10. <meta property="og:type" content= "website" />
  11. <meta property="og:url" content="https://stackoverflow.com/users/login"/>
  12. <meta property="og:site_name" content="Stack Overflow" />
  13. <meta property="og:image" itemprop="image primaryImageOfPage" content="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon@2.png?v=73d79a89bded" />
  14. <meta name="twitter:card" content="summary"/>
  15. <meta name="twitter:domain" content="stackoverflow.com"/>
  16. <meta name="twitter:title" property="og:title" itemprop="name" content="Log In" />
  17. <meta name="twitter:description" property="og:description" itemprop="description" content="Stack Overflow | The World&#x2019;s Largest Online Community for Developers" />
  18. <script id="webpack-public-path" type="text/uri-list">https://cdn.sstatic.net/</script>
  19. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  20. <script async src="https://cdn.sstatic.net/Js/third-party/stacks/stacks.min.js?v=636658ad2e24"></script>
  21. <script src="https://cdn.sstatic.net/Js/stub.en.js?v=3c17e2ed94ca"></script>
  22. <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/stacks.css?v=1391827a0cc8">
  23. <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=3ce4da1df0eb">
  24. <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/secondary.css?v=e2b7923f90eb">
  25. <script src="https://cdn.sstatic.net/Js/auth.en.js?v=2a14105a7b9b"></script>
  26. <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/Channels/channels.css?v=b1915d2e6090">
  27. <script type="application/json" data-role="module-args" data-module-name="Shared/options.mod">{"options":{"locale":"en","serverTime":1644636428,"routeName":"Users/Login","stackAuthUrl":"https://stackauth.com","networkMetaHostname":"meta.stackexchange.com","site":{"name":"Stack Overflow","description":"Q\u0026A for professional and enthusiast programmers","isNoticesTabEnabled":true,"enableNewTagCreationWarning":true,"insertSpaceAfterNameTabCompletion":false,"id":1,"cookieDomain":".stackoverflow.com","childUrl":"https://meta.stackoverflow.com","negativeVoteScoreFloor":null,"enableSocialMediaInSharePopup":true,"protocol":"https"},"user":{"fkey":"e7141c20416f9ef30763f3ad46efc9cf63172d01b8a7dcf80db8c85153ddeafe","tid":"c38cfae9-c1c3-c196-05d7-69e66bfad214","rep":0,"isAnonymous":true,"isAnonymousNetworkWide":true},"events":{"postType":{"question":1},"postEditionSection":{"title":1,"body":2,"tags":3}},"story":{"minCompleteBodyLength":75,"likedTagsMaxLength":300,"dislikedTagsMaxLength":300},"jobPreferences":{"maxNumDeveloperRoles":2,"maxNumIndustries":4},"svgIconPath":"https://cdn.sstatic.net/Img/stacks-icons","svgIconHash":"cc5b3e0efea0"}}</script>
  28. <script type="application/json" data-role="module-args" data-module-name="Shared/settings.mod">{"settings":{"userProfile":{"openGraphAPIKey":"4a307e43-b625-49bb-af15-ffadf2bda017"},"userMessaging":{"showNewFeatureNotice":true},"tags":{},"subscriptions":{"defaultBasicMaxTrueUpSeats":250,"defaultFreemiumMaxTrueUpSeats":50,"defaultMaxTrueUpSeats":1000},"snippets":{"renderDomain":"stacksnippets.net","snippetsEnabled":true},"site":{"allowImageUploads":true,"enableImgurHttps":true,"enableUserHovercards":true,"forceHttpsImages":true,"styleCode":true},"questions":{"enableQuestionTitleLengthLiveWarning":true,"maxTitleSize":150,"questionTitleLengthStartLiveWarningChars":50},"intercom":{"appId":"inf0secd","hostBaseUrl":"https://stacksnippets.net"},"paths":{},"monitoring":{"clientTimingsAbsoluteTimeout":30000,"clientTimingsDebounceTimeout":1000},"mentions":{"maxNumUsersInDropdown":50},"markdown":{"enableTables":true},"legal":{"oneTrustConfigId":"c3d9f1e3-55f3-4eba-b268-46cee4c6789c"},"flags":{"allowRetractingCommentFlags":true,"allowRetractingFlags":true},"elections":{"opaVoteResultsBaseUrl":"https://www.opavote.com/results/"},"comments":{},"accounts":{"currentPasswordRequiredForChangingStackIdPassword":true}}}</script>
  29. <script>StackExchange.init();</script>
  30. <script>
  31. StackExchange.using.setCacheBreakers({"js/adops.en.js":"6da43f5e0a84","js/ask.en.js":"7ff9a9068fd6","js/begin-edit-event.en.js":"dd955babf04d","js/copy-transpiled.en.js":"2361b3437bc2","js/events.en.js":"","js/explore-qlist.en.js":"2b1f34938b8b","js/full-anon.en.js":"b90718f0732f","js/full.en.js":"733d8f7ff638","js/highlightjs-loader.en.js":"3c37abf5cb6d","js/inline-tag-editing.en.js":"c0cbc31e5702","js/keyboard-shortcuts.en.js":"7de4e127b6af","js/markdown-it-loader.en.js":"5818ef89ff9d","js/mobile.en.js":"320aa423a438","js/moderator.en.js":"e2ca03ce6c69","js/postCollections-transpiled.en.js":"8126e59701f9","js/post-validation.en.js":"c1c93bd57a54","js/question-editor.en.js":"","js/review-v2-transpiled.en.js":"8904ab83043e","js/revisions.en.js":"839f528889ff","js/stacks-editor.en.js":"004c0e2ee3e2","js/tageditor.en.js":"825c9597ce2d","js/tageditornew.en.js":"5215bc97928a","js/tagsuggestions.en.js":"1bcff7d98f97","js/unlimited-transpiled.en.js":"7ed67670b600","js/wmd.en.js":"9453e3f4fd6e","js/snippet-javascript-codemirror.en.js":"73fce5cc7219"});
  32. StackExchange.using("gps", function() {
  33. StackExchange.gps.init(false);
  34. });
  35. </script>
  36. <noscript id="noscript-css"><style>body,.top-bar{margin-top:1.9em}</style></noscript>
  37. </head>
  38. <body class="universal-auth-page unified-theme floating-content">
  39. <div id="notify-container"></div>
  40. <div id="custom-header"></div>
  41. <header class="top-bar js-top-bar top-bar__network">
  42. <div class="wmx12 mx-auto d-flex ai-center h100" role="menubar">
  43. <div class="-main flex--item">
  44. <a href="#" class="left-sidebar-toggle p0 ai-center jc-center js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span class="ps-relative"></span></a>
  45. <div class="topbar-dialog leftnav-dialog js-leftnav-dialog dno">
  46. <div class="left-sidebar js-unpinned-left-sidebar" data-can-be="left-sidebar" data-is-here-when="sm md lg"></div>
  47. </div>
  48. <a href="https://stackoverflow.com" class="-logo js-gps-track"
  49. data-gps-track="top_nav.click({is_current:false, location:22, destination:8})">
  50. <span class="-img _glyph">Stack Overflow</span>
  51. </a>
  52. </div>
  53. <ol class="list-reset d-flex gs4" role="presentation">
  54. <li class="flex--item md:d-none">
  55. <a href="https://stackoverflow.co/" class="-marketing-link js-gps-track"
  56. data-gps-track="top_nav.products.click({location:22, destination:7})"
  57. data-ga="[&quot;top navigation&quot;,&quot;about menu click&quot;,null,null,null]">About</a>
  58. </li>
  59. <li class="flex--item">
  60. <a href="#"
  61. class="-marketing-link js-gps-track js-products-menu"
  62. aria-controls="products-popover"
  63. data-controller="s-popover"
  64. data-action="s-popover#toggle"
  65. data-s-popover-placement="bottom"
  66. data-s-popover-toggle-class="is-selected"
  67. data-gps-track="top_nav.products.click({location:22, destination:1})"
  68. data-ga="[&quot;top navigation&quot;,&quot;products menu click&quot;,null,null,null]">
  69. Products
  70. </a>
  71. </li>
  72. <li class="flex--item md:d-none">
  73. <a href="/teams" class="-marketing-link js-gps-track"
  74. data-gps-track="top_nav.products.click({location:22, destination:7})"
  75. data-ga="[&quot;top navigation&quot;,&quot;learn more - teams&quot;,null,null,null]">For Teams</a>
  76. </li>
  77. </ol>
  78. <div class="s-popover ws2 mtn2 p0"
  79. id="products-popover"
  80. role="menu"
  81. aria-hidden="true">
  82. <div class="s-popover--arrow"></div>
  83. <ol class="list-reset s-anchors s-anchors__inherit">
  84. <li class="m6">
  85. <a href="/questions" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
  86. data-gps-track="top_nav.products.click({location:22, destination:2})"
  87. data-ga="[&quot;top navigation&quot;,&quot;public qa submenu click&quot;,null,null,null]">
  88. <span class="fs-body1 d-block">Stack Overflow</span>
  89. <span class="fs-caption d-block fc-light">Public questions &amp; answers</span>
  90. </a>
  91. </li>
  92. <li class="m6">
  93. <a href="/teams" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
  94. data-gps-track="top_nav.products.click({location:22, destination:3})"
  95. data-ga="[&quot;top navigation&quot;,&quot;teams submenu click&quot;,null,null,null]">
  96. <span class="fs-body1 d-block">Stack Overflow for Teams</span>
  97. <span class="fs-caption d-block fc-light">Where developers &amp; technologists share private knowledge with coworkers</span>
  98. </a>
  99. </li>
  100. <li class="m6">
  101. <a href="/jobs?so_source=ProductsMenu&so_medium=StackOverflow" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
  102. data-gps-track="top_nav.products.click({location:22, destination:9})"
  103. data-ga="[&quot;top navigation&quot;,&quot;jobs submenu click&quot;,null,null,null]">
  104. <span class="fs-body1 d-block">Jobs</span>
  105. <span class="fs-caption d-block fc-light">Programming &amp; related technical career opportunities</span>
  106. </a>
  107. </li>
  108. <li class="m6">
  109. <a href="https://stackoverflow.com/talent" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
  110. data-gps-track="top_nav.products.click({location:22, destination:5})"
  111. data-ga="[&quot;top navigation&quot;,&quot;talent submenu click&quot;,null,null,null]">
  112. <span class="fs-body1 d-block">Talent</span>
  113. <span class="fs-caption d-block fc-light">Recruit tech talent &amp; build your employer brand</span>
  114. </a>
  115. </li>
  116. <li class="m6">
  117. <a href="https://stackoverflow.com/advertising" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
  118. data-gps-track="top_nav.products.click({location:22, destination:6})"
  119. data-ga="[&quot;top navigation&quot;,&quot;advertising submenu click&quot;,null,null,null]">
  120. <span class="fs-body1 d-block">Advertising</span>
  121. <span class="fs-caption d-block fc-light">Reach developers &amp; technologists worldwide</span>
  122. </a>
  123. </li>
  124. <li class="bg-black-025 bt bc-black-075 py6 px6 bbr-md">
  125. <a href="https://stackoverflow.co/" class="fc-light d-block py6 px6 h:fc-black-800 js-gps-track"
  126. data-gps-track="top_nav.products.click({location:22, destination:7})"
  127. data-ga="[&quot;top navigation&quot;,&quot;about submenu click&quot;,null,null,null]">About the company</a>
  128. </li>
  129. </ol>
  130. </div>
  131. <form id="search" role="search" action=/search class="flex--item fl-grow1 searchbar px12 js-searchbar " autocomplete="off">
  132. <div class="ps-relative">
  133. <input name="q"
  134. type="text"
  135. placeholder="Search&#x2026;"
  136. value=""
  137. autocomplete="off"
  138. maxlength="240"
  139. class="s-input s-input__search js-search-field "
  140. aria-label="Search"
  141. aria-controls="top-search"
  142. data-controller="s-popover"
  143. data-action="focus->s-popover#show"
  144. data-s-popover-placement="bottom-start"/>
  145. <svg aria-hidden="true" class="s-input-icon s-input-icon__search svg-icon iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"/></svg>
  146. <div class="s-popover p0 wmx100 wmn4 sm:wmn-initial js-top-search-popover" id="top-search" role="menu">
  147. <div class="s-popover--arrow"></div>
  148. <div class="js-spinner p24 d-flex ai-center jc-center d-none">
  149. <div class="s-spinner s-spinner__sm fc-orange-400">
  150. <div class="v-visible-sr">Loading&#x2026;</div>
  151. </div>
  152. </div>
  153. <span class="v-visible-sr js-screen-reader-info"></span>
  154. <div class="js-ac-results overflow-y-auto hmx3 d-none"></div>
  155. <div class="js-search-hints" aria-describedby="Tips for searching"></div>
  156. </div>
  157. </div>
  158. </form>
  159. <ol class="overflow-x-auto ml-auto -secondary d-flex ai-center list-reset h100 user-logged-out" role="presentation">
  160. <li class="-item searchbar-trigger"><a href="#" class="-link js-searchbar-trigger" role="button" aria-label="Search" aria-haspopup="true" aria-controls="search" title="Click to show search"><svg aria-hidden="true" class="svg-icon iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"/></svg></a></li>
  161. <li class="-ctas">
  162. <a href="https://stackoverflow.com/users/login?ssrc=head" class="login-link s-btn s-btn__filled py8 js-gps-track" rel="nofollow"
  163. data-gps-track="login.click" data-ga="[&quot;top navigation&quot;,&quot;login button click&quot;,null,null,null]">Log in</a>
  164. <a href="https://stackoverflow.com/users/signup?ssrc=head" class="login-link s-btn s-btn__primary py8" rel="nofollow" data-ga="[&quot;sign up&quot;,&quot;Sign Up Navigation&quot;,&quot;Header&quot;,null,null]">Sign up</a>
  165. </li>
  166. <li class="js-topbar-dialog-corral" role="presentation">
  167. <div class="topbar-dialog siteSwitcher-dialog dno" role="menu">
  168. <div class="header fw-wrap">
  169. <h3 class="flex--item">
  170. <a href="https://stackoverflow.com">current community</a>
  171. </h3>
  172. <div class="flex--item fl1">
  173. <div class="ai-center d-flex jc-end">
  174. <button
  175. class="js-close-button s-btn s-btn__muted p0 ml8 d-none sm:d-block"
  176. type="button"
  177. aria-label="Close"
  178. >
  179. <svg aria-hidden="true" class="svg-icon iconClear" width="18" height="18" viewBox="0 0 18 18"><path d="M15 4.41 13.59 3 9 7.59 4.41 3 3 4.41 7.59 9 3 13.59 4.41 15 9 10.41 13.59 15 15 13.59 10.41 9 15 4.41Z"/></svg>
  180. </button>
  181. </div>
  182. </div>
  183. </div>
  184. <div class="modal-content bg-powder-050 current-site-container">
  185. <ul class="current-site ">
  186. <li class="d-flex">
  187. <div class="fl1">
  188. <a href="https://stackoverflow.com"
  189. class="current-site-link site-link js-gps-track d-flex gs8 gsx"
  190. data-id="1"
  191. data-gps-track="site_switcher.click({ item_type:3 })">
  192. <div class="favicon favicon-stackoverflow site-icon flex--item" title="Stack Overflow"></div>
  193. <span class="flex--item fl1">
  194. Stack Overflow
  195. </span>
  196. </a>
  197. </div>
  198. <div class="related-links">
  199. <a href="https://stackoverflow.com/help" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:14 })">help</a>
  200. <a href="https://chat.stackoverflow.com/?tab=site&amp;host=stackoverflow.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:6 })">chat</a>
  201. </div>
  202. </li>
  203. <li class="related-site d-flex">
  204. <div class="L-shaped-icon-container">
  205. <span class="L-shaped-icon"></span>
  206. </div>
  207. <a href="https://meta.stackoverflow.com"
  208. class=" site-link js-gps-track d-flex gs8 gsx"
  209. data-id="552"
  210. data-gps-track="site.switch({ target_site:552, item_type:3 }),site_switcher.click({ item_type:4 })">
  211. <div class="favicon favicon-stackoverflowmeta site-icon flex--item" title="Meta Stack Overflow"></div>
  212. <span class="flex--item fl1">
  213. Meta Stack Overflow
  214. </span>
  215. </a>
  216. </li>
  217. </ul>
  218. </div>
  219. <div class="header" id="your-communities-header">
  220. <h3>
  221. your communities </h3>
  222. </div>
  223. <div class="modal-content" id="your-communities-section">
  224. <div class="call-to-login">
  225. <a href="https://stackoverflow.com/users/signup?ssrc=site_switcher" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:10 })">Sign up</a> or <a href="https://stackoverflow.com/users/login?ssrc=site_switcher" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:11 })">log in</a> to customize your list. </div>
  226. </div>
  227. <div class="header">
  228. <h3><a href="https://stackexchange.com/sites">more stack exchange communities</a>
  229. </h3>
  230. <a href="https://stackoverflow.blog" class="float-right">company blog</a>
  231. </div>
  232. <div class="modal-content">
  233. <div class="child-content"></div>
  234. </div>
  235. </div>
  236. </li>
  237. </ol>
  238. </div>
  239. </header>
  240. <script>
  241. StackExchange.ready(function () { StackExchange.topbar.init(); });
  242. StackExchange.scrollPadding.setPaddingTop(50, 10);
  243. </script>
  244. <div class="container">
  245. <div id="left-sidebar" data-is-here-when="" class="left-sidebar js-pinned-left-sidebar ps-relative">
  246. <div class="left-sidebar--sticky-container js-sticky-leftnav">
  247. <nav role="navigation">
  248. <ol class="nav-links">
  249. <li class="ps-relative">
  250. <a
  251. href="/"
  252. class="pl8 js-gps-track nav-links--link"
  253. data-gps-track="top_nav.click({is_current:false, location:22, destination:8})"
  254. aria-controls="" data-controller="" data-s-popover-placement="right"
  255. data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
  256. <div class="d-flex ai-center">
  257. <div class="flex--item truncate">
  258. Home
  259. </div>
  260. </div>
  261. </a>
  262. </li>
  263. <li>
  264. <ol class="nav-links">
  265. <li class="fs-fine tt-uppercase ml8 mt16 mb4 fc-light">Public</li>
  266. <li class="ps-relative">
  267. <a id="nav-questions"
  268. href="/questions"
  269. class="pl8 js-gps-track nav-links--link -link__with-icon"
  270. data-gps-track="top_nav.click({is_current:false, location:22, destination:1})"
  271. aria-controls="" data-controller="" data-s-popover-placement="right"
  272. data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
  273. <svg aria-hidden="true" class="svg-icon iconGlobe" width="18" height="18" viewBox="0 0 18 18"><path d="M9 1C4.64 1 1 4.64 1 9c0 4.36 3.64 8 8 8 4.36 0 8-3.64 8-8 0-4.36-3.64-8-8-8ZM8 15.32a6.46 6.46 0 0 1-4.3-2.74 6.46 6.46 0 0 1-.93-5.01L7 11.68v.8c0 .88.12 1.32 1 1.32v1.52Zm5.72-2c-.2-.66-1-1.32-1.72-1.32h-1v-2c0-.44-.56-1-1-1H6V7h1c.44 0 1-.56 1-1V5h2c.88 0 1.4-.72 1.4-1.6v-.33a6.45 6.45 0 0 1 3.83 4.51 6.45 6.45 0 0 1-1.51 5.73v.01Z"/></svg> <span class="-link--channel-name">Questions</span>
  274. </a>
  275. </li>
  276. <li class="ps-relative">
  277. <a id="nav-tags"
  278. href="/tags"
  279. class=" js-gps-track nav-links--link"
  280. data-gps-track="top_nav.click({is_current:false, location:22, destination:2})"
  281. aria-controls="" data-controller="" data-s-popover-placement="right"
  282. data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
  283. <div class="d-flex ai-center">
  284. <div class="flex--item truncate">
  285. Tags
  286. </div>
  287. </div>
  288. </a>
  289. </li>
  290. <li class="ps-relative youarehere">
  291. <a id="nav-users"
  292. href="/users"
  293. class=" js-gps-track nav-links--link"
  294. data-gps-track="top_nav.click({is_current:true, location:22, destination:3})"
  295. aria-controls="" data-controller="" data-s-popover-placement="right"
  296. data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
  297. <div class="d-flex ai-center">
  298. <div class="flex--item truncate">
  299. Users
  300. </div>
  301. </div>
  302. </a>
  303. </li>
  304. <li class="d-flex ml8 mt16 mb4 jc-space-between">
  305. <div class="flex--item tt-uppercase tt-uppercase fs-fine fc-light">Collectives</div>
  306. <div class="flex--item fs-fine fc-light">
  307. <a href="javascript:void(0)" class="s-link s-link__inherit mr8 js-gps-track"
  308. role="button"
  309. aria-controls="popover-discover-collectives"
  310. data-controller="s-popover"
  311. data-action="s-popover#toggle"
  312. data-s-popover-placement="top"
  313. data-s-popover-toggle-class="is-selected"
  314. data-gps-track="top_nav.click({is_current:false, location:22, destination:17})">
  315. <svg aria-hidden="true" class="svg-icon iconInfoSm" width="14" height="14" viewBox="0 0 14 14"><path d="M7 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Zm1 10V6H6v5h2Zm0-6V3H6v2h2Z"/></svg>
  316. </a>
  317. </div>
  318. </li>
  319. <li class="ps-relative">
  320. <a id="nav-collective-discover"
  321. href="/collectives"
  322. class="pl8 ai-center js-gps-track nav-links--link -link__with-icon"
  323. data-gps-track="top_nav.click({is_current:false, location:22, destination:18})"
  324. aria-controls="" data-controller="" data-s-popover-placement="right"
  325. data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
  326. <svg aria-hidden="true" class="mt-auto fc-orange-400 svg-icon iconStarVerified" width="18" height="18" viewBox="0 0 18 18"><path d="M9.86.89a1.14 1.14 0 0 0-1.72 0l-.5.58c-.3.35-.79.48-1.23.33l-.72-.25a1.14 1.14 0 0 0-1.49.85l-.14.76c-.1.45-.45.8-.9.9l-.76.14c-.67.14-1.08.83-.85 1.49l.25.72c.15.44.02.92-.33 1.23l-.58.5a1.14 1.14 0 0 0 0 1.72l.58.5c.35.3.48.79.33 1.23l-.25.72c-.23.66.18 1.35.85 1.49l.76.14c.45.1.8.45.9.9l.14.76c.14.67.83 1.08 1.49.85l.72-.25c.44-.15.92-.02 1.23.33l.5.58c.46.52 1.26.52 1.72 0l.5-.58c.3-.35.79-.48 1.23-.33l.72.25c.66.23 1.35-.18 1.49-.85l.14-.76c.1-.45.45-.8.9-.9l.76-.14c.67-.14 1.08-.83.85-1.49l-.25-.72c-.15-.44-.02-.92.33-1.23l.58-.5c.52-.46.52-1.26 0-1.72l-.58-.5c-.35-.3-.48-.79-.33-1.23l.25-.72a1.14 1.14 0 0 0-.85-1.49l-.76-.14c-.45-.1-.8-.45-.9-.9l-.14-.76a1.14 1.14 0 0 0-1.49-.85l-.72.25c-.44.15-.92.02-1.23-.33l-.5-.58Zm-.49 2.67L10.6 6.6c.05.15.19.24.34.25l3.26.22c.36.03.5.48.23.71l-2.5 2.1a.4.4 0 0 0-.14.4l.8 3.16a.4.4 0 0 1-.6.44L9.2 12.13a.4.4 0 0 0-.42 0l-2.77 1.74a.4.4 0 0 1-.6-.44l.8-3.16a.4.4 0 0 0-.13-.4l-2.5-2.1a.4.4 0 0 1 .22-.7l3.26-.23a.4.4 0 0 0 .34-.25l1.22-3.03a.4.4 0 0 1 .74 0Z"/></svg> <span class="-link--channel-name">Explore Collectives</span>
  327. </a>
  328. </li>
  329. <li class="fs-fine tt-uppercase ml8 mt16 mb4 fc-light">Find a Job</li>
  330. <li class="ps-relative">
  331. <a id="nav-jobs"
  332. href="/jobs?so_medium=StackOverflow&amp;so_source=SiteNav"
  333. class=" js-gps-track nav-links--link"
  334. data-gps-track="top_nav.click({is_current:false, location:22, destination:6})"
  335. aria-controls="" data-controller="" data-s-popover-placement="right"
  336. data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
  337. <div class="d-flex ai-center">
  338. <div class="flex--item truncate">
  339. Jobs
  340. </div>
  341. </div>
  342. </a>
  343. </li>
  344. <li class="ps-relative">
  345. <a id="nav-companies"
  346. href="/jobs/companies?so_medium=StackOverflow&amp;so_source=SiteNav"
  347. class=" js-gps-track nav-links--link"
  348. data-gps-track="top_nav.click({is_current:false, location:22, destination:12})"
  349. aria-controls="" data-controller="" data-s-popover-placement="right"
  350. data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
  351. <div class="d-flex ai-center">
  352. <div class="flex--item truncate">
  353. Companies
  354. </div>
  355. </div>
  356. </a>
  357. </li>
  358. </ol>
  359. </li>
  360. <li>
  361. <ol class="nav-links">
  362. <div class="js-freemium-cta ps-relative">
  363. <div class="fs-fine tt-uppercase ml8 mt16 mb8 fc-light">Teams</div>
  364. <div class="px32 pt16 pb0 fc-black-600 blr-sm overflow-hidden">
  365. <strong class="fc-black-750 mb6">Stack Overflow for Teams</strong>
  366. – Collaborate and share knowledge with a private group.
  367. <img class="wmx100 mx-auto my8 h-auto d-block" width="139" height="114" src="https://cdn.sstatic.net/Img/teams/teams-illo-free-sidebar-promo.svg?v=47faa659a05e" alt="">
  368. <a href="https://stackoverflow.com/teams/create/free?utm_source=so-owned&amp;utm_medium=side-bar&amp;utm_campaign=campaign-38&amp;utm_content=cta"
  369. class="w100 s-btn s-btn__primary s-btn__xs js-gps-track"
  370. data-gps-track="teams.create.left-sidenav.click({ Action: 6 })"
  371. data-ga="[&quot;teams left navigation - anonymous&quot;,&quot;left nav free cta&quot;,&quot;stackoverflow.com/teams/create/free&quot;,null,null]">Create a free Team</a>
  372. <a href="https://stackoverflow.com/teams"
  373. class="w100 s-btn s-btn__muted s-btn__xs js-gps-track"
  374. data-gps-track="teams.create.left-sidenav.click({ Action: 5 })"
  375. data-ga="[&quot;teams left navigation - anonymous&quot;,&quot;left nav free cta&quot;,&quot;stackoverflow.com/teams&quot;,null,null]">What is Teams?</a>
  376. </div>
  377. </div>
  378. <li class="d-flex ai-center jc-space-between ml8 mt24 mb4 js-create-team-cta d-none">
  379. <div class="flex--item tt-uppercase fs-fine fc-light">Teams</div>
  380. <div class="flex--item">
  381. <a href="javascript:void(0)" class="s-link p12 fc-black-500 h:fc-black-800 js-gps-track"
  382. role="button"
  383. aria-controls="popover-teams-create-cta"
  384. data-controller="s-popover"
  385. data-action="s-popover#toggle"
  386. data-s-popover-placement="bottom-start"
  387. data-s-popover-toggle-class="is-selected"
  388. data-gps-track="teams.create.left-sidenav.click({ Action: ShowInfo })"
  389. data-ga="[&quot;teams left navigation - anonymous&quot;,&quot;left nav show teams info&quot;,null,null,null]">
  390. <svg aria-hidden="true" class="svg-icon iconInfoSm" width="14" height="14" viewBox="0 0 14 14"><path d="M7 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Zm1 10V6H6v5h2Zm0-6V3H6v2h2Z"/></svg>
  391. </a>
  392. </div>
  393. </li>
  394. <li class="ps-relative js-create-team-cta d-none">
  395. <a href="https://stackoverflow.com/teams/create/free?utm_source=so-owned&amp;utm_medium=side-bar&amp;utm_campaign=campaign-38&amp;utm_content=cta"
  396. class="pl8 js-gps-track nav-links--link"
  397. title="Stack Overflow for Teams is a private, secure spot for your organization's questions and answers."
  398. data-gps-track="teams.create.left-sidenav.click({ Action: FreemiumTeamsCreateClick })"
  399. data-ga="[&quot;teams left navigation - anonymous&quot;,&quot;left nav team click&quot;,&quot;stackoverflow.com/teams/create/free&quot;,null,null]">
  400. <div class="d-flex ai-center">
  401. <div class="flex--item s-avatar va-middle bg-orange-400">
  402. <div class="s-avatar--letter mtn1">
  403. <svg aria-hidden="true" class="svg-icon iconBriefcaseSm" width="14" height="14" viewBox="0 0 14 14"><path d="M4 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 2 10.5v-5C2 4.67 2.67 4 3.5 4H4V3Zm5 1V3H5v1h4Z"/></svg>
  404. </div>
  405. <svg aria-hidden="true" class="native s-avatar--badge svg-icon iconShieldXSm" width="9" height="10" viewBox="0 0 9 10"><path d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10 2.7 10 0 7.53 0 5.01V1.84Z" fill="var(--white)"/><path d="M1 2.5 4.5 1 8 2.5v2.51C8 7.34 5.34 9 4.5 9 3.65 9 1 7.34 1 5.01V2.5Zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14.12.08.18.23.15.38Z" fill="var(--black-500)"/></svg>
  406. </div>
  407. <div class="flex--item pl6">
  408. Create free Team
  409. </div>
  410. </div>
  411. </a>
  412. </li>
  413. </ol>
  414. </li>
  415. </ol>
  416. </nav>
  417. </div>
  418. <div class="s-popover ws2" id="popover-discover-collectives" role="menu" aria-hidden="true">
  419. <div class="s-popover--arrow"></div>
  420. <div>
  421. <svg aria-hidden="true" class="fc-orange-500 float-right ml24 svg-spot spotCollective" width="48" height="48" viewBox="0 0 48 48"><path d="M25.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM14 18.25c0-.69.56-1.25 1.25-1.25h22.5c.69 0 1.25.56 1.25 1.25V37.5a1 1 0 0 1-1.6.8l-4.07-3.05a1.25 1.25 0 0 0-.75-.25H15.25c-.69 0-1.25-.56-1.25-1.25v-15.5ZM7 24.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM25.5 48a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM48 24.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" opacity=".2"/><path d="M21 3.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0ZM24.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM0 23.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0ZM3.5 22a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM21 44.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm3.5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm20-23a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM43 23.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm-23.23-3.14a1 1 0 0 1-.13 1.4l-2.08 1.74 2.08 1.73a1 1 0 1 1-1.28 1.54l-2.42-2.02a1.63 1.63 0 0 1 0-2.5l2.42-2.02a1 1 0 0 1 1.4.13Zm7.59 1.41a1 1 0 1 1 1.28-1.54l2.42 2.02c.78.65.78 1.85 0 2.5l-2.42 2.02a1 1 0 1 1-1.28-1.54l2.08-1.73-2.08-1.73ZM24.12 18a1 1 0 0 1 .87 1.12l-1 8a1 1 0 1 1-1.98-.24l1-8a1 1 0 0 1 1.11-.87Zm-11.87-5C11.01 13 10 14 10 15.25v15.5c0 1.24 1 2.25 2.25 2.25h17.33c.06 0 .11.02.15.05l4.07 3.05a2 2 0 0 0 3.2-1.6V15.25c0-1.24-1-2.25-2.25-2.25h-22.5ZM12 15.25c0-.14.11-.25.25-.25h22.5c.14 0 .25.11.25.25V34.5l-4.07-3.05a2.2 2.2 0 0 0-1.35-.45H12.25a.25.25 0 0 1-.25-.25v-15.5Zm7.24-10.68a1 1 0 1 0-.48-1.94A22.04 22.04 0 0 0 2.91 17.7a1 1 0 1 0 1.92.58 20.04 20.04 0 0 1 14.4-13.72Zm11.05-1.66a1 1 0 0 0-.58 1.92c6.45 1.92 11.54 7 13.46 13.46a1 1 0 1 0 1.92-.58 22.05 22.05 0 0 0-14.8-14.8ZM4.57 28.76a1 1 0 0 0-1.94.48 22.03 22.03 0 0 0 16.13 16.13 1 1 0 1 0 .48-1.94A20.03 20.03 0 0 1 4.57 28.76Zm40.8.48a1 1 0 1 0-1.94-.48 20.04 20.04 0 0 1-13.72 14.41 1 1 0 0 0 .58 1.92 22.04 22.04 0 0 0 15.08-15.85Z"/></svg>
  422. <div class="pt4 fw-bold">Collectives on Stack Overflow</div>
  423. <p class="my16 fs-caption fc-medium">Find centralized, trusted content and collaborate around the technologies you use most.</p>
  424. <a href="/collectives"
  425. class="js-gps-track s-btn s-btn__primary s-btn__xs"
  426. data-gps-track="top_nav.click({is_current:false, location:22, destination:18})">
  427. Learn more
  428. </a>
  429. </div>
  430. </div>
  431. <div class="s-popover"
  432. id="popover-teams-create-cta"
  433. role="menu"
  434. aria-hidden="true">
  435. <div class="s-popover--arrow"></div>
  436. <div class="ps-relative overflow-hidden">
  437. <p class="mb2"><strong>Teams</strong></p>
  438. <p class="mb12 fs-caption fc-black-400">Q&amp;A for work</p>
  439. <p class="mb12 fs-caption fc-medium">Connect and share knowledge within a single location that is structured and easy to search.</p>
  440. <a href="https://stackoverflow.com/teams"
  441. class="js-gps-track s-btn s-btn__primary s-btn__xs"
  442. data-gps-track="teams.create.left-sidenav.click({ Action: CtaClick })"
  443. data-ga="[&quot;teams left navigation - anonymous&quot;,&quot;left nav cta&quot;,&quot;stackoverflow.com/teams&quot;,null,null]">
  444. Learn more
  445. </a>
  446. </div>
  447. <div class="ps-absolute t8 r8">
  448. <svg aria-hidden="true" class="fc-orange-500 svg-spot spotPeople" width="48" height="48" viewBox="0 0 48 48"><path d="M13.5 28a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM7 30a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v5h11v-5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v10a2 2 0 0 1-2 2H33v5a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-5H8a1 1 0 0 1-1-1V30Zm25-6.5a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0ZM24.5 34a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z" opacity=".2"/><path d="M16.4 26.08A6 6 0 1 0 7.53 26C5.64 26.06 4 27.52 4 29.45V40a1 1 0 0 0 1 1h9a1 1 0 1 0 0-2h-4v-7a1 1 0 1 0-2 0v7H6v-9.55c0-.73.67-1.45 1.64-1.45H16a1 1 0 0 0 .4-1.92ZM12 18a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm16.47 14a6 6 0 1 0-8.94 0A3.6 3.6 0 0 0 16 35.5V46a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V35.5c0-1.94-1.64-3.42-3.53-3.5ZM20 28a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm-.3 6h8.6c1 0 1.7.75 1.7 1.5V45h-2v-7a1 1 0 1 0-2 0v7h-4v-7a1 1 0 1 0-2 0v7h-2v-9.5c0-.75.7-1.5 1.7-1.5ZM42 22c0 1.54-.58 2.94-1.53 4A3.5 3.5 0 0 1 44 29.45V40a1 1 0 0 1-1 1h-9a1 1 0 1 1 0-2h4v-7a1 1 0 1 1 2 0v7h2v-9.55A1.5 1.5 0 0 0 40.48 28H32a1 1 0 0 1-.4-1.92A6 6 0 1 1 42 22Zm-2 0a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z"/><g opacity=".35"><path d="M17 10a1 1 0 011-1h12a1 1 0 110 2H18a1 1 0 01-1-1Zm1-5a1 1 0 100 2h12a1 1 0 100-2H18ZM14 1a1 1 0 00-1 1v12a1 1 0 001 1h5.09l4.2 4.2a1 1 0 001.46-.04l3.7-4.16H34a1 1 0 001-1V2a1 1 0 00-1-1H14Zm1 12V3h18v10h-5a1 1 0 00-.75.34l-3.3 3.7-3.74-3.75a1 1 0 00-.71-.29H15Z"/></g></svg>
  449. </div>
  450. </div>
  451. </div>
  452. <div id="content" class="d-flex flex__center snippet-hidden">
  453. <div class="flex--item">
  454. <div class="ta-center fs-title mx-auto mb24">
  455. <a href="https://stackoverflow.com">
  456. <svg aria-hidden="true" class="native svg-icon iconLogoGlyphMd" width="32" height="37" viewBox="0 0 32 37"><path d="M26 33v-9h4v13H0V24h4v9h22Z" fill="#BCBBBB"/><path d="m21.5 0-2.7 2 9.9 13.3 2.7-2L21.5 0ZM26 18.4 13.3 7.8l2.1-2.5 12.7 10.6-2.1 2.5ZM9.1 15.2l15 7 1.4-3-15-7-1.4 3Zm14 10.79.68-2.95-16.1-3.35L7 23l16.1 2.99ZM23 30H7v-3h16v3Z" fill="#F48024"/></svg>
  457. </a>
  458. </div>
  459. <div id="openid-buttons" class="mx-auto d-flex flex__fl-grow1 fd-column gs8 gsy mb16 wmx3">
  460. <button class="flex--item s-btn s-btn__icon s-btn__google bar-md ba bc-black-100" data-provider='google' data-oauthserver='https://accounts.google.com/o/oauth2/auth' data-oauthversion='2.0'>
  461. <svg aria-hidden="true" class="native svg-icon iconGoogle" width="18" height="18" viewBox="0 0 18 18"><path d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a7.8 7.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18Z" fill="#4285F4"/><path d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2a4.8 4.8 0 0 1-7.18-2.54H1.83v2.07A8 8 0 0 0 8.98 17Z" fill="#34A853"/><path d="M4.5 10.52a4.8 4.8 0 0 1 0-3.04V5.41H1.83a8 8 0 0 0 0 7.18l2.67-2.07Z" fill="#FBBC05"/><path d="M8.98 4.18c1.17 0 2.23.4 3.06 1.2l2.3-2.3A8 8 0 0 0 1.83 5.4L4.5 7.49a4.77 4.77 0 0 1 4.48-3.3Z" fill="#EA4335"/></svg>
  462. Log in with Google </button>
  463. <button class="flex--item s-btn s-btn__icon s-btn__github bar-md ba bc-black-100" data-provider='github' data-oauthserver='https://github.com/login/oauth/authorize' data-oauthversion='2.0'>
  464. <svg aria-hidden="true" class="svg-icon iconGitHub" width="18" height="18" viewBox="0 0 18 18"><path d="M9 1a8 8 0 0 0-2.53 15.59c.4.07.55-.17.55-.38l-.01-1.49c-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.42 7.42 0 0 1 4 0c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48l-.01 2.2c0 .21.15.46.55.38A8.01 8.01 0 0 0 9 1Z" fill="#010101"/></svg>
  465. Log in with GitHub </button>
  466. <button class="flex--item s-btn s-btn__icon s-btn__facebook bar-md" data-provider='facebook' data-oauthserver='https://www.facebook.com/v2.0/dialog/oauth' data-oauthversion='2.0'>
  467. <svg aria-hidden="true" class="svg-icon iconFacebook" width="18" height="18" viewBox="0 0 18 18"><path d="M3 1a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Zm6.55 16v-6.2H7.46V8.4h2.09V6.61c0-2.07 1.26-3.2 3.1-3.2.88 0 1.64.07 1.87.1v2.16h-1.29c-1 0-1.19.48-1.19 1.18V8.4h2.39l-.31 2.42h-2.08V17h-2.5Z" fill="#4167B2"/></svg>
  468. Log in with Facebook </button>
  469. </div>
  470. <div id="formContainer" class="mx-auto mb24 p24 wmx3 bg-white bar-lg auth-shadow mb24">
  471. <form id="login-form" class="d-flex fd-column gs12 gsy" action="post.php" method="POST">
  472. <input type="hidden" name="fkey" value="e7141c20416f9ef30763f3ad46efc9cf63172d01b8a7dcf80db8c85153ddeafe">
  473. <input type="hidden" name="ssrc" value="login" />
  474. <div class="d-flex fd-column gs4 gsy js-auth-item ">
  475. <label class="flex--item s-label" for="email">Email</label>
  476. <div class="d-flex ps-relative">
  477. <input class="s-input" id="email" type="email" size="30" maxlength="100" name="email" />
  478. <svg aria-hidden="true" class="s-input-icon js-alert-icon d-none svg-icon iconAlertCircle" width="18" height="18" viewBox="0 0 18 18"><path d="M9 17c-4.36 0-8-3.64-8-8 0-4.36 3.64-8 8-8 4.36 0 8 3.64 8 8 0 4.36-3.64 8-8 8ZM8 4v6h2V4H8Zm0 8v2h2v-2H8Z"/></svg>
  479. </div>
  480. <p class="flex--item s-input-message js-error-message d-none">
  481. </p>
  482. </div>
  483. <div class="d-flex fd-column-reverse gs4 gsy js-auth-item ">
  484. <p class="flex--item s-input-message js-error-message d-none">
  485. </p>
  486. <div class="d-flex ps-relative js-password">
  487. <input class="flex--item s-input" type="password" autocomplete="off" name="password" id="password" />
  488. <svg aria-hidden="true" class="s-input-icon js-alert-icon d-none svg-icon iconAlertCircle" width="18" height="18" viewBox="0 0 18 18"><path d="M9 17c-4.36 0-8-3.64-8-8 0-4.36 3.64-8 8-8 4.36 0 8 3.64 8 8 0 4.36-3.64 8-8 8ZM8 4v6h2V4H8Zm0 8v2h2v-2H8Z"/></svg>
  489. </div>
  490. <div class="d-flex ai-center ps-relative jc-space-between">
  491. <label class="flex--item s-label" for="password">Password</label>
  492. <a class="flex--item s-link fs-caption" href="/users/account-recovery">Forgot password?</a>
  493. </div>
  494. </div>
  495. <div class="d-flex gs4 gsy fd-column js-auth-item ">
  496. <button class="flex--item s-btn s-btn__primary" id="submit-button" name="submit-button">Log in</button>
  497. <p class="flex--item s-input-message js-error-message d-none">
  498. </p>
  499. </div>
  500. <input type="hidden" id="oauth_version" name="oauth_version" />
  501. <input type="hidden" id="oauth_server" name="oauth_server" />
  502. </form>
  503. </div>
  504. <script>
  505. StackExchange.ready(function () {
  506. StackExchange.using("gps", function() { StackExchange.gps.sendPending(); });
  507. });
  508. </script>
  509. <div class="mx-auto ta-center fs-body1 p16 pb0 mb24 w100 wmx3">
  510. Don’t have an account? <a href="/users/signup">Sign up</a>
  511. <div class="mt12">
  512. Are you an employer? <a href='https://careers.stackoverflow.com/employer/login' name='talent'>Sign up on Talent <svg aria-hidden="true" class="va-text-bottom sm:d-none svg-icon iconShareSm" width="14" height="14" viewBox="0 0 14 14"><path d="M5 1H3a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V9h-2v2H3V3h2V1Zm2 0h6v6h-2V4.5L6.5 9 5 7.5 9.5 3H7V1Z"/></svg></a>
  513. </div>
  514. </div>
  515. </div>
  516. <script>
  517. StackExchange.ready(function () {
  518. auth.init(auth.pages.Login);
  519. });
  520. </script>
  521. </div>
  522. </div>
  523. <noscript>
  524. <div id="noscript-warning">Stack Overflow works best with JavaScript enabled
  525. <img src="https://sb.scorecardresearch.com/p?c1=2&amp;c2=17440561&amp;cv=3.6.0&amp;cj=1" alt="">
  526. </div>
  527. </noscript>
  528. <script>
  529. (function(i, s, o, g, r, a, m) {
  530. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o),
  531. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m);
  532. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  533. StackExchange.ready(function () {
  534. StackExchange.ga.init({
  535. autoLink: ["stackoverflow.blog","info.stackoverflowsolutions.com","stackoverflowsolutions.com"],
  536. sendTitles: true,
  537. tracker: window.ga,
  538. trackingCodes: [
  539. 'UA-108242619-1'
  540. ],
  541. checkDimension: 'dimension42'
  542. });
  543. StackExchange.ga.setDimension('dimension3', 'Users/Login');
  544. StackExchange.ga.setDimension('dimension7', "1644636428.847466375");
  545. StackExchange.ga.trackPageView();
  546. });
  547. </script>
  548. <div class="ff-sans ps-fixed z-nav-fixed ws4 sm:w-auto p32 sm:p16 bg-black-750 fc-white bar-lg b16 l16 r16 js-consent-banner">
  549. <svg aria-hidden="true" class="mln4 mb24 sm:d-none svg-spot spotCookieLg" style="color: var(--theme-button-filled-background-color)" width="96" height="96" viewBox="0 0 96 96">
  550. <path d="M35 45.5a7.5 7.5 0 11-15 0 7.5 7.5 0 0115 0zM63.5 63a7.5 7.5 0 100-15 7.5 7.5 0 000 15zm-19 19a7.5 7.5 0 100-15 7.5 7.5 0 000 15z" opacity=".2"/>
  551. <path d="M56.99 2.53a23.1 23.1 0 0114.66 6.15h.01l.01.02c.57.55.61 1.27.5 1.74v.07a10.95 10.95 0 01-3.07 4.77 9 9 0 01-6.9 2.5 10.34 10.34 0 01-9.72-10.44v-.08a10 10 0 011.03-3.74l.01-.03.02-.02c.28-.5.82-.92 1.52-.95.63-.02 1.27-.02 1.93.01zm12.04 7.83a20.1 20.1 0 00-12.2-4.83l-.92-.03c-.23.6-.38 1.25-.43 1.94a7.34 7.34 0 006.95 7.34 6 6 0 004.64-1.7c.94-.88 1.6-1.9 1.96-2.72zm15.3 8.76a6.84 6.84 0 00-5.09-.24 7.9 7.9 0 00-3.28 2.05 1.8 1.8 0 00-.3 1.95l.02.02v.02a15.16 15.16 0 008.74 7.47c.64.23 1.32.08 1.8-.33a6.63 6.63 0 001.63-1.97l.01-.03.01-.03c1.67-3.5-.12-7.32-3.54-8.91zm-5.5 3.28c.36-.25.82-.5 1.35-.67.92-.3 1.92-.35 2.89.1 2.14 1 2.92 3.14 2.11 4.88-.12.21-.26.41-.43.6l-.26-.1a12.29 12.29 0 01-5.66-4.81zM32 24a2 2 0 11-4 0 2 2 0 014 0zm12 21a2 2 0 11-4 0 2 2 0 014 0zm36 4a2 2 0 11-4 0 2 2 0 014 0zm-7 21a2 2 0 11-4 0 2 2 0 014 0zM59 81a2 2 0 11-4 0 2 2 0 014 0zM22 63a2 2 0 11-4 0 2 2 0 014 0zm27 7a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM33 41a9 9 0 11-18 0 9 9 0 0118 0zm-15 0a6 6 0 1012 0 6 6 0 00-12 0zm50 11a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM44.08 4.24c.31.48.33 1.09.05 1.58a17.46 17.46 0 00-2.36 8.8c0 9.55 7.58 17.24 16.85 17.24 2.97 0 5.75-.78 8.16-2.15a1.5 1.5 0 012.1.66 12.08 12.08 0 0011 6.74 12.4 12.4 0 007.85-2.75 1.5 1.5 0 012.38.74A45.76 45.76 0 0192 48.16c0 24.77-19.67 44.9-44 44.9S4 72.93 4 48.16C4 25.23 20.84 6.28 42.64 3.58a1.5 1.5 0 011.44.66zM40.22 7C21.32 10.71 7 27.7 7 48.16c0 23.17 18.39 41.9 41 41.9s41-18.73 41-41.9c0-3.52-.42-6.93-1.22-10.2a15.5 15.5 0 01-7.9 2.15c-5.5 0-10.36-2.83-12.97-7.1a19.46 19.46 0 01-8.28 1.85c-11 0-19.86-9.1-19.86-20.24 0-2.7.52-5.26 1.45-7.62zM92 91a2 2 0 100-4 2 2 0 000 4zM7 8.5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM82.5 90a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm9.5-7.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM13.5 8a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM80 14.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM53.5 20a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/>
  552. </svg>
  553. <p class="fs-body2 fw-bold mb4">
  554. Your privacy
  555. </p>
  556. <p class="mb16 s-anchors s-anchors__inherit s-anchors__underlined">
  557. By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our <a href="https://stackoverflow.com/legal/cookie-policy">Cookie Policy</a>.
  558. </p>
  559. <div class="d-flex gs8 ai-stretch fd-column sm:fd-row">
  560. <button class="flex--item s-btn s-btn__primary js-accept-cookies js-consent-banner-hide">
  561. Accept all cookies
  562. </button>
  563. <button class="flex--item s-btn s-btn__filled js-cookie-settings" data-consent-popup-loader="banner">
  564. Customize settings
  565. </button>
  566. </div>
  567. </div>
  568. <div id="onetrust-consent-sdk" class="d-none"></div>
  569. <div id="onetrust-banner-sdk" data-controller="s-modal"></div>
  570. <div id="ot-pc-content" class="d-none"></div>
  571. <div id="onetrust-style" class="d-none">&nbsp;</div>
  572. <div class="d-none js-consent-banner-version" data-consent-banner-version="baseline"></div>
  573. </body>
  574. </html>