| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Graf alternatiu FME</title> |
| |
| <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
| |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> |
| <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" /> |
| |
| <style> |
| .page-content { |
| display: block; |
| max-width: 500px; |
| margin-top: 16px; |
| margin-left: auto; |
| margin-right: auto; |
| padding: 16px; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> |
| <header class="mdl-layout__header"> |
| <div class="mdl-layout__header-row"> |
| <!-- Title --> |
| <span class="mdl-layout-title">Graf alternatiu FME</span> |
| </div> |
| </header> |
| <main class="mdl-layout__content"> |
| <div class="page-content mdl-shadow--4dp"> |
| <form action="graf.php" method="POST"> |
| <div class="mdl-textfield mdl-textfield--floating-label mdl-js-textfield"><input class="mdl-textfield__input" type="password" name="password" id="password"><label class="mdl-textfield__label" for="password">Contrasenya</label></div> |
| <p><button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" type="submit">Entrar</button></p> |
| </form> |
| </div> |
| </main> |
| </div> |
| <div class="mdl-snackbar mdl-js-snackbar"><div class="mdl-snackbar__text"></div><button type="button" class="mdl-snackbar__action"></button></div> |
| |
| <script src="https://code.getmdl.io/1.3.0/material.min.js"></script> |
| |
| <?php |
| if (isset($_GET["msg"]) && $_GET["msg"] == "wrong") { |
| echo "<script>window.addEventListener('load', function() { var notification = document.querySelector('.mdl-js-snackbar'); notification.MaterialSnackbar.showSnackbar({ message: 'Contrasenya incorrecta' }); });</script>"; |
| } |
| ?> |
| </body> |
| </html> |