Spaces:
Running
Running
| <html lang="en" translate="no"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Login</title> | |
| <link rel="stylesheet" href="styles.css" /> | |
| </head> | |
| <body> | |
| <div class="login-layout"> | |
| <div class="login-language-switcher"> | |
| <label class="language-label" for="language-select" data-i18n="languageLabel">Language</label> | |
| <div id="language-dropdown" class="language-dropdown"> | |
| <button | |
| id="language-toggle" | |
| type="button" | |
| class="language-toggle" | |
| aria-haspopup="listbox" | |
| aria-expanded="false" | |
| > | |
| <span id="language-selected-label">English</span> | |
| <span class="language-chevron" aria-hidden="true"></span> | |
| </button> | |
| <ul | |
| id="language-options" | |
| class="language-options" | |
| role="listbox" | |
| aria-labelledby="language-toggle" | |
| > | |
| <li class="language-option" data-lang="ja" role="option"> | |
| <span data-i18n="languageJapanese">Japanese</span> | |
| </li> | |
| <li class="language-option" data-lang="en" role="option"> | |
| <span data-i18n="languageEnglish">English</span> | |
| </li> | |
| <li class="language-option" data-lang="vi" role="option"> | |
| <span data-i18n="languageVietnamese">Vietnamese</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <select id="language-select" class="language-select sr-only"> | |
| <option value="ja" data-i18n="languageJapanese">Japanese</option> | |
| <option value="en" data-i18n="languageEnglish" selected>English</option> | |
| <option value="vi" data-i18n="languageVietnamese">Vietnamese</option> | |
| </select> | |
| </div> | |
| <div class="login-card"> | |
| <div class="login-header"> | |
| <h1 data-i18n="loginTitle">Sign in</h1> | |
| <p | |
| class="login-contact" | |
| data-i18n="loginContact" | |
| data-i18n-target="html" | |
| > | |
| Please contact | |
| <a class="contact-email" href="mailto:quoc-nguyen@nict.go.jp" | |
| >quoc-nguyen@nict.go.jp</a | |
| > | |
| for login information. | |
| </p> | |
| </div> | |
| <form id="login-form" class="login-form"> | |
| <label class="login-label" for="username" data-i18n="usernameLabel">Username</label> | |
| <input | |
| id="username" | |
| name="username" | |
| class="login-input" | |
| type="text" | |
| autocomplete="username" | |
| data-i18n-placeholder="usernamePlaceholder" | |
| placeholder="Enter your username" | |
| /> | |
| <label class="login-label" for="password" data-i18n="passwordLabel">Password</label> | |
| <input | |
| id="password" | |
| name="password" | |
| class="login-input" | |
| type="password" | |
| autocomplete="current-password" | |
| data-i18n-placeholder="passwordPlaceholder" | |
| placeholder="Enter your password" | |
| /> | |
| <div id="login-error" class="login-error" role="alert" aria-live="assertive"></div> | |
| <button id="login-submit" class="btn login-submit" type="submit" data-i18n="loginButton"> | |
| Continue | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| <script type="module" src="login.js"></script> | |
| </body> | |
| </html> | |