blob: eed968f608b2a7975ddd68ef3a0f72092f9cd7b8 [file] [log] [blame]
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +01001<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <title>Graf alternatiu FME</title>
6
7 <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
8
9 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
10 <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" />
11
12 <style>
13 .page-content {
14 display: block;
15 max-width: 500px;
16 margin-top: 16px;
17 margin-left: auto;
18 margin-right: auto;
19 padding: 16px;
20 }
21 </style>
22 </head>
23 <body>
24 <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
25 <header class="mdl-layout__header">
26 <div class="mdl-layout__header-row">
27 <!-- Title -->
28 <span class="mdl-layout-title">Graf alternatiu FME</span>
29 </div>
30 </header>
31 <main class="mdl-layout__content">
32 <div class="page-content mdl-shadow--4dp">
33 <form action="graf.php" method="POST">
34 <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>
35 <p><button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" type="submit">Entrar</button></p>
36 </form>
37 </div>
38 </main>
39 </div>
40 <div class="mdl-snackbar mdl-js-snackbar"><div class="mdl-snackbar__text"></div><button type="button" class="mdl-snackbar__action"></button></div>
41
42 <script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
43
44 <?php
45 if (isset($_GET["msg"]) && $_GET["msg"] == "wrong") {
46 echo "<script>window.addEventListener('load', function() { var notification = document.querySelector('.mdl-js-snackbar'); notification.MaterialSnackbar.showSnackbar({ message: 'Contrasenya incorrecta' }); });</script>";
47 }
48 ?>
49 </body>
50</html>