1<!DOCTYPE html> 2 3 4 5<!-- 6- old base.html is now base_with_stack.html. This is only being used by templates/allauth/layout/base.html which refers to profile/base_with_stack.html 7- base.html is being used by profile/home.html and qa/new_question.html. 8- We need to move out of stack stackoverflow css. Need more work to finish the full migration 9--> 10<html lang="en" data-bs-theme="auto"> 11 <head> 12 <meta charset="utf-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1"> 14 <meta name="description" content=""> 15 <meta name="generator" content="Hugo 0.118.2"> 16 <title> 17 18 Sign In 19 20 </title> 21 <link rel="shortcut icon" href="/static/assets/favicon_transparent_blue.ico" type="image/x-icon"> 22 23 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 24 rel="stylesheet" 25 integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" 26 crossorigin="anonymous"> 27 <meta name="viewport" content="width=device-width, initial-scale=1" /> 28 29 <html class="html__responsive"></html> 30 31 32 <!--
32<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
32 --> 33
33<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
33 34 <!--
34<script async src="https://cdn.sstatic.net/Js/third-party/stacks/stacks.min.js?v=4c00f8ce1b14"></script>
34 --> 35 36 <!-- Import Montserrat font from Google Fonts --> 37 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> 38 <!-- Import Font Awesome Free for icons --> 39 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 40 41 42 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/stacks.css?v=556e4333f24c"> 43 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=753a90643fc4"> 44 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/secondary.css?v=12f70c5b46fe"> 45 46 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/Channels/channels.css?v=47a5e0f03c81"> 47 <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,700&display=swap" rel="stylesheet"> 48 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 49 50 51 52 <link href="/static/qa/css/qidictionary.f74a40d8afc8.css" type="text/css" media="all" rel="stylesheet" /> 53 <link href="/static/factor_app/css/home_qimeta.a5649c5ecb81.css" type="text/css" media="all" rel="stylesheet" /> 54 55 56 <style> 57 58 .logo-name { 59 padding: 8px; 60 color: #568; 61 border: 1px solid white; 62 font-family: 'Nexa'; 63 src: url(...); 64 font-weight: 500; 65 font-style: normal; 66 } 67 68 .fa-stack-overflow { 69 color: blue; 70 } 71 body { 72 padding-top: 0px; 73 74 } 75 header { 76 padding: 0px; 77 78 } 79 80 81 </style> 82 83 84 85 </head> 86 <body class="mvh-100 d-flex flex-shrink-0 flex-column" > 87 <header data-bs-theme="light" style="padding:0px"> 88 <nav class="navbar navbar-expand-lg bg-body-tertiary"> 89 <div class="container-fluid"> 90 <div class="-main flex--item" style="padding:0px 10px "> 91 <div class="topbar-dialog leftnav-dialog js-leftnav-dialog dno"> 92 <div class="left-sidebar js-unpinned-left-sidebar" data-can-be="left-sidebar" data-is-here-when="sm"></div> 93 </div> 94 95 <a href="/"> 96 <div class="logo logo-white"></div> 97 </a> 98 </div> 99 100 101 102 <div class="collapse navbar-collapse" id="navbarText"> 103 <ul class="navbar-nav me-auto mb-2 mb-lg-0"> 104 105 <li class="nav-item"></li> 106 </ul> 107 <div class="d-lg-flex gap-2 col-lg-3 justify-content-lg-end text-nowrap"> 108 <!-- <form class="d-flex" method="post" action="/i18n/setlang/"> 109 <input type="hidden" name="csrfmiddlewaretoken" value="nTJbKmney1TcwEnGHXrJLB9CM7nmUs3d1BgpQ7bLeCPJtGtH8TbjXVDq2F7vqTRS"> 110 111 112 <select name="language" onchange="this.form.submit()"> 113 114 115 <option 116 value="ar">Ø§ÙØ¹Ø±Ø¨ÙÙØ©</option> 117 118 <option 119 value="az">AzÉrbaycanca</option> 120 121 <option 122 value="bg">бÑлгаÑÑки</option> 123 124 <option 125 value="ca">català </option> 126 127 <option 128 value="cs">Äesky</option> 129 130 <option 131 value="da">dansk</option> 132 133 <option 134 value="de">
134Deutsch</option> 135 136 <option 137 value="el">Îλληνικά</option> 138 139 <option selected 140 value="en">English</option> 141 142 <option 143 value="es">español</option> 144 145 <option 146 value="et">eesti</option> 147 148 <option 149 value="eu">Basque</option> 150 151 <option 152 value="fa">ÙØ§Ø±Ø³Û</option> 153 154 <option 155 value="fi">suomi</option> 156 157 <option 158 value="fr">français</option> 159 160 <option 161 value="he">×¢×ר×ת</option> 162 163 <option 164 value="hr">Hrvatski</option> 165 166 <option 167 value="hu">Magyar</option> 168 169 <option 170 value="id">Bahasa Indonesia</option> 171 172 <option 173 value="it">italiano</option> 174 175 <option 176 value="ja">æ¥æ¬èª</option> 177 178 <option 179 value="ka">á¥áá áá£áá</option> 180 181 <option 182 value="ko">íêµì´</option> 183 184 <option 185 value="ky">ÐÑÑгÑзÑа</option> 186 187 <option 188 value="lt">LietuviÅ¡kai</option> 189 190 <option 191 value="lv">latvieÅ¡u</option> 192 193 <option 194 value="mn">Mongolian</option> 195 196 <option 197 value="nb">norsk (bokmÃ¥l)</option> 198 199 <option 200 value="nl">Nederlands</option> 201 202 <option 203 value="pl">polski</option> 204 205 <option 206 value="pt">Português</option> 207 208 <option 209 value="pt">Português</option> 210 211 <option 212 value="ro">RomânÄ</option> 213 214 <option 215 value="ru">Ð ÑÑÑкий</option> 216 217 <option 218 value="sk">Slovensky</option> 219 220 <option 221 value="sl">SlovenÅ¡Äina</option> 222 223 <option 224 value="sr">ÑÑпÑки</option> 225 226 <option 227 value="sr">ÑÑпÑки</option> 228 229 <option 230 value="sv">svenska</option> 231 232 <option 233 value="th">ภาษาà¹à¸à¸¢</option> 234 235 <option 236 value="tr">Türkçe</option> 237 238 <option 239 value="uk">УкÑаÑнÑÑка</option> 240 241 <option 242 value="zh-hans">ç®ä½ä¸æ</option> 243 244 <option 245 value="zh-hant">ç¹é«ä¸æ</option> 246 247 </select> 248 </form> --> 249 250 <a href="/accounts/login/" class="btn btn-outline-primary">Sign In</a> 251 252 253 <a href="/accounts/signup/" class="btn btn-success">Sign Up</a> 254 255 256 </div> 257 </div> 258 </div> 259 </nav> 260 </header> 261 262 <div class="flex-grow-1 bg-body-secondary d-flex flex-column justify-content-center"> 263 <div class="flex-grow-0 flex-shrink-0 container"> 264 <div class="row justify-content-md-center"> 265 <div class="col col-lg-4"> 266 267 <div class="bg-white shadow rounded-4"> 268 <div class="p-5"> 269 270 271<h1 class="fw-bold fs-2"> 272 273 Sign In 274 275</h1> 276 277 278 279 280 281 282 283 284 <div class="googlecontainer"> 285 286 <a href="/accounts/google/login/?process=login" 287 class="google-btn w-100 d-flex align-items-center justify-content-center gap-2"> 288 <img src="https://developers.google.com/identity/images/g-logo.png" 289 alt="Google logo" width="18" height="18"> 290 Continue with Google 291 </a> 292 293 </div> 294 295 296 297 <div class="or-divider my-3">Or</div> 298 299 300 301 302 303 304 305 <p> 306 If you have not created an account yet, then please <a href="/accounts/signup/">sign up</a> first. 307 </p> 308 309 310 311 312<form class="" 313 method="post" 314 action="/accounts/login/"> 315 <div class="card-body"> 316 317 <input type="hidden" name="csrfmiddlewaretoken" value="nTJbKmney1TcwEnGHXrJLB9CM7nmUs3d1BgpQ7bLeCPJtGtH8TbjXVDq2F7vqTRS"> 318 319 320 321 322 <div class="form-floating mb-3"> 323 324 <input required 325 name="login" 326 placeholder="Email address" 327 class=" form-control rounded-3" 328 id="id_login" 329 330 331 332 333 autocomplete="email" 334 335 type="email"> 336 337 <!-- RQ <label class="" for="id_login"> 338 339 Email 340 341 </label> --> 342 343 344 <div class="form-text"> 345 346 347 348 </div> 349 350 351 </div> 352 353 354 355 356 357 <div class="form-floating mb-3"> 358 359 <input required 360 name="password" 361 placeholder="Password" 362 class=" form-control rounded-3" 363 id="id_password" 364 365 366 367 368 autocomplete="current-password" 369 370 type="password"> 371 372 <!-- RQ <label class="" for="id_password"> 373 374 Password 375 376 </label> --> 377 378 379 <div class="form-text"> 380 381 <a href="/accounts/password/reset/">Forgot your password?</a> 382 383 </div> 384 385 386 </div> 387 388 389 390 391 392 <div class="form-check mb-3"> 393 <input 394 name="remember" 395 class="form-check-input" 396 id="id_remember" 397 398 399 type="checkbox"> 400 <label class="form-check-label" for="id_remember"> 401 402 Remember Me 403 404 </label> 405 406 <div class="form-text"> 407 408 409 410 </div> 411 412 </div> 413 414 415 416 417 418 419 </div> 420 <div class="card-footer"> 421 422 423 424<button 425 426 427 428type="submit" 429 430class=" 431 432 btn 433 434 btn-lg 435 btn-primary 436 437 w-100 438"> 439 440 441 442 443 Sign In 444 445 446</button> 447 448 449 </div> 450</form> 451 452 453 454 455 </div> 456 </div> 457 </div> 458 </div> 459 </div> 460 </div> 461 462 463 464 465 466 467 468 469 <style> 470/* ====== Simple two-section footer (all styles local to footer.html) ====== */ 471 472.mysite-footer { 473 background: #f8f9fa; 474 width: 100%; 475 font-family: 'Montserrat', sans-serif; 476 box-sizing: border-box; 477} 478 479.mysite-footer--container { 480 display: grid; 481 grid-template-columns: 1fr 2fr; /* brand | nav on desktop */ 482 gap: 24px 40px; 483 padding: 32px 20px; 484 max-width: 1200px; 485 margin: 0 auto; 486 align-items: start; 487} 488 489/* --- Brand block: logo + copyright/social under it --- */ 490.mysite-footer--brand { 491 display: block; 492 text-align: left; 493 justify-self: start; 494} 495 496.footer-logo { 497 display: inline-block; 498 margin: 0 0 16px 0; 499 500} 501 502/* Social + © directly under the logo */ 503.mysite-footer--copyright { 504 display: block; 505 text-align: left; 506} 507 508.footer-social-list { 509 list-style: none; 510 padding-left: 0; 511 margin: 0 0 8px 0; 512 display: flex; 513 flex-wrap: wrap; 514 gap: 10px; 515} 516.footer-social-list a { 517 color: #666; 518 text-decoration: none; 519 transition: color .2s ease; 520} 521.footer-social-list a:hover { color: #4ec6c2; } 522 523.mysite-footer--copyright p { 524 margin: 0; 525 font-size: 14px; 526 color: #888; 527} 528 529/* --- Nav block: three columns that top-align --- */ 530.mysite-footer--nav { 531 display: grid; 532 grid-template-columns: repeat(3, minmax(180px, 1fr)); 533 gap: 24px 32px; 534 align-items: start; 535 536} 537 538.mysite-footer--col { min-width: 0; text-align: left; } 539.footer-title { font-size: 1.1rem; font-weight: 700; color: #333; margin: 0 0 12px; } 540.footer-title a { color: inherit; text-decoration: none; } 541 542.footer-list { list-style: none; padding-left: 0; margin: 0; } 543/* Tighter spacing between footer links */ 544.footer-list li { margin-bottom: 0px; } 545.footer-list li:last-child { margin-bottom: 0; } 546 547/* (Optional) tighten text leading a touch */ 548.footer-list a { line-height: 0; } 549 550.footer-list a { color: #666; text-decoration: none; transition: color .2s; } 551.footer-list a:hover { color: #4ec6c2; } 552 553/* --- Tablet: keep two sections, reduce nav to 2 cols --- */ 554@media (max-width: 900px) { 555 .mysite-footer--container { 556 grid-template-columns: 1fr; /* stack sections: brand, then nav */ 557 } 558 .mysite-footer--nav { 559 grid-template-columns: repeat(2, minmax(0, 1fr)); 560 } 561} 562 563/* --- Mobile: stack everything vertically; nav = single column --- */ 564@media (max-width: 640px) { 565 .mysite-footer--container { 566 display: block; /* bullet-proof: normal flow */ 567 padding: 20px 16px; 568 } 569 570 .mysite-footer--brand { margin-bottom: 16px; } 571 572 .mysite-footer--nav { 573 display: block; /* override grid */ 574 575 } 576 .mysite-footer--nav .mysite-footer--col { 577 margin-bottom: 16px; 578 } 579 .mysite-footer--nav .mysite-footer--col:last-child { 580 margin-bottom: 0; 581 } 582
583 /* Wrapping guards on narrow screens */ 584 .footer-list a { word-break: break-word; overflow-wrap: anywhere; } 585 586 /* Center socials on mobile if you prefer */ 587 .footer-social-list { justify-content: flex-start; } /* change to center if you like */ 588} 589</style> 590 591<footer class="mysite-footer" role="contentinfo"> 592 <div class="mysite-footer--container"> 593 594 <!-- Section 1: Brand (logo + socials + ©) --> 595 <div class="mysite-footer--brand"> 596 <a href="/" class="footer-logo"> 597 <div class="logo logo-white"></div> 598 </a> 599 600 <div class="mysite-footer--copyright"> 601 <ul class="footer-social-list"> 602 <li><a href="#">Facebook</a></li> 603 <li><a href="#">Twitter</a></li> 604 <li><a href="https://www.linkedin.com/company/qimeta/">LinkedIn</a></li> 605 <li><a href="#">Instagram</a></li> 606 </ul> 607 <p>© 2025 QI Analysis Inc</p> 608 </div> 609 </div> 610 611 <!-- Section 2: Nav (3 columns) --> 612 <nav class="mysite-footer--nav"> 613 <div class="mysite-footer--col"> 614 <h5 class="footer-title"><a href="#">QiMeta Learning</a></h5> 615 <ul class="footer-list"> 616 <li><a href="/home">My Articles</a></li> 617 <li><a href="/questions">Public Articles</a></li> 618 </ul> 619 </div> 620 621 <div class="mysite-footer--col"> 622 <h5 class="footer-title"><a href="#">Products</a></h5> 623 <ul class="footer-list"> 624 <li><a href="#">Professional</a></li> 625 <li><a href="#">Enterprise</a></li> 626 </ul> 627 </div> 628 629 <div class="mysite-footer--col"> 630 <h5 class="footer-title"><a href="#">Company</a></h5> 631 <ul class="footer-list"> 632 <li><a href="/#team">About</a></li> 633 <li><a href="/qimeta_privacy_policy">Privacy Policy</a></li> 634 <li><a href="#">Terms of Service</a></li> 635 <li><a href="/qimeta_support_and_documentation">Support</a></li> 636 </ul> 637 </div> 638 </nav> 639 640 </div> 641</footer> 642 643
643<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
643 644 </body> 645</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.