CINXE.COM
Login - PPSSPP
<!doctype html> <html lang="en" data-theme="dark"> <head> <title>Login - PPSSPP</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-PEQLDV0155"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-PEQLDV0155'); </script> <link rel="stylesheet" type="text/css" href="/static/css/all.css"> <link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="PPSSPP RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="PPSSPP Atom Feed"> <script src="/static/script/squirrelly.min.js" defer></script> <script src="/static/script/main.js" defer></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3281131109267988" crossorigin="anonymous"></script> <script> // Special behaviors. There's probably a better way. var g_loginByKey = false; var g_thankYouPage = false; var g_downloadPage = false; </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js" crossorigin="anonymous" defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/solid.min.js" crossorigin="anonymous" defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/brands.min.js" crossorigin="anonymous" defer></script> </head> <body> <div class="page-wrapper"> <nav class="top-nav"> <div class='menu-button-container' id="burgerButton" onclick="burgerClick()" tabindex="0"> <div class='menu-button'></div> </div> <div class="top-nav-logo"> <a href="/" class="center-vertical"><img src="/static/img/platform/ppsspp-icon.png" alt="icon" class="icon-32"> PPSSPP</a> </div> <ul class="menu"> <li><a href="/download" class="">Downloads</a></li> <li><a href="/news" class="">News</a></li> <li><a href="/blog" class="">Blog</a></li> <li><a href="/docs" class="">Docs & Help</a></li> <li><a href="/media" class="">Media</a></li> <li><a href="/contact" class="">Contact</a></li> <li><a href="https://forums.ppsspp.org/" class=" external">Forums <i class="fas fa-up-right-from-square icon-link" alt=""></i></a></li> <li><a href="https://github.com/hrydgard/ppsspp" class=" external">GitHub <i class="fas fa-up-right-from-square icon-link" alt=""></i></a></li> <li> <div onclick="switchTheme()" style="display:inline"><i class="fas fa-moon"></i></div> </li> </ul> <div id="loginCorner" style="display:inline"><a href="/login">Login</a></div> </nav> <section class="contents"> <div class="burger-sidebar hidden" id="rootSidebar"> <!-- We repeat all the same stuff again, but add Login. better than crazy CSS tricks... --> <ul class="burger-menu"> <li><a href="/download" class="">Downloads</a></li> <li><a href="/news" class="">News</a></li> <li><a href="/blog" class="">Blog</a></li> <li><a href="/docs" class="">Docs & Help</a></li> <li><a href="/media" class="">Media</a></li> <li><a href="/contact" class="">Contact</a></li> <li><a href="https://forums.ppsspp.org/" class=" external">Forums <i class="fas fa-up-right-from-square icon-link" alt=""></i></a></li> <li><a href="https://github.com/hrydgard/ppsspp" class=" external">GitHub <i class="fas fa-up-right-from-square icon-link" alt=""></i></a></li> <li> <div id="loginItem"><a href="/login">Login</a></div> </li> <li> <a id="darkItem" class="switch-theme" onclick="switchTheme()"> <i class="fas fa-moon"></i> Dark Mode </a> </li> </ul> </div> <!-- This takes care of /loginbykey duties too. That's a redirect. --> <div class="container"> <div class="row"> <div class="col-6 not-logged-in-only"> <div class="card"> <div class="card-title"> <h2 class="no-icon">Login</h2> </div> <p> No account? <a href="/buygold">Buy PPSSPP Gold</a>! </p> <div class="alert alert-info">Note that accounts are for accessing PPSSPP Gold on PC/Mac. </div> <form action="#" onSubmit="return handleLoginForm(event)"> <div class="alert alert-success" style="display: none;" id="error_message" role="alert"></div> <label for="email">E-mail address</label> <input type="text" size="38" id="email" name="email" /> <label for="password">Password</label> <input type="password" size="38" id="password" name="password" /> <div> <button class="button" type="submit">Login</button> </div> <div class="forgot-password"> <a href="/recoverpassword">Forgot your password?</a> </div> </form> <div id="loginStatus" class="alert alert-hidden"></div> </div> </div> <div class="col-4 card logged-in-only"> <div class="card-title"> <h2 class="no-icon">Account</h2> </div> <p id="loginInfo">Will be populated when logged in.</p> <button onclick="logoutUser()" class="download-button">Log out</button> </div> <div id="adminPanels" class="admin-only"></div> </div> </div> <script> // Allow login by keys on this page only. There might be a better way to accomplish this. g_loginByKey = true; </script> </section> <footer> <div class="container"> <div class="row"> <div class="col-4"> <h2>Documentation</h2> <ul class="clean-list"> <li><a href="/docs/intro">Docs & Help</a></li> <li><a href="/docs/getting-started">Getting Started</a></li> </ul> </div> <div class="col-4"> <h2>Community</h2> <ul class="clean-list"> <li><a href="https://discord.gg/5NJB6dD">Discord <i class="fas fa-up-right-from-square icon-link" alt=""></i></a> </li> <li><a href="https://x.com/PPSSPP_emu">PPSSPP on X <i class="fas fa-up-right-from-square icon-link" alt=""></i></a> </li> </ul> </div> <div class="col-4"> <h2>More</h2> <ul class="clean-list"> <li><a href="https://github.com/hrydgard/ppsspp">GitHub <i class="fas fa-up-right-from-square icon-link" alt=""></i></a></li> <li><a href="https://github.com/hrydgard/ppsspp-site">Website GitHub <i class="fas fa-up-right-from-square icon-link" alt=""></i></a></li> <li><a href="/login">Login</a></li> </ul> </div> </div> <div class="center-text footer-bottom-text"> Copyright 漏 2024 PPSSPP Project. <a href="/privacy">Privacy Policy</a> </div> </div> </footer> </div> </body> </html>