Écran de connexion

Geoffrey PREUD'HOMME
1 parent bf26706c
Showing 5 changed files with 81 additions and 47 deletions Show diff stats
footer.php
header.php
index.php
js/init.js
index.html -> main.php
@@ -0,0 +1,17 @@
+  <footer class="page-footer red">
+    <div class="footer-copyright">
+      <div class="container">
+      10p5 v0.0.0 - © Copyright 2016, <a href="http://clubinfo.plil.net">Le Club Info Polytech Lille</a>
+      </div>
+    </div>
+  </footer>
+
+
+  <!--  Scripts-->
+  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+  <script src="js/materialize.js"></script>
+  <script src="js/init.js"></script>
+
+  </body>
+</html>
+
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
+  <title>10⁵</title>
+
+  <!-- CSS  -->
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+</head>
+<body>
+
-<!DOCTYPE html>
-  <html>
-    <head>
-      <!--Import Google Icon Font-->
-      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-      <!--Import materialize.css-->
-      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
+<?php
+include("header.php");
+?>
+  <!-- Réutilisable -->
+  <!-- Page -->
+  <nav class="red" role="navigation">
+    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">10⁵</a>
+      <ul class="right">
+      </ul>
+    </div>
+  </nav>
  
-      <!--Let browser know website is optimized for mobile-->
-      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    </head>
-
-    <body>
-      <!--Import jQuery before materialize.js-->
-      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-      <script type="text/javascript" src="js/materialize.min.js"></script>
-    </body>
-</html>
+  <div class="section no-pad-bot" id="main">
+    <div class="container">
+      <br><br><br>
+      <h4>Se connecter</h4>
+          <h5>Avec votre identifiant et votre mot de passe</h4>
+          <div class="row">
+            <form class="col s12">
+              <div class="row">
+                <div class="input-field col s12">
+                    <input type="text" id="login">
+                    <label for="login">Identifiant</label>
+                </div>
+              </div>
+              <div class="row">
+                <div class="input-field col s12">
+                    <input type="password" id="mdp">
+                    <label for="mdp">Mot de passe</label>
+                </div>
+              </div>
+              <div class="row">
+                <a href="main.php" id="connecter" class="btn-large waves-effect waves-light">Se connecter</a>
+              </div>
+            </form>
+          </div>
+          <h5>Avec votre carte étudiant</h5>
+          <p>Passez-la simplement devant le lecteur</p>
+      </div>
+    </div>
+  </div>
+<?php
+include "footer.php"
+?>
 $(function(){
     $('.button-collapse').sideNav();
     $('.modal-trigger').leanModal()
+    Materialize.toast("Connecté en tant que vigou", 4000);
 }); // end of document ready
  
 function vendu() {
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
-  <title>10⁵</title>
-
-  <!-- CSS  -->
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
-  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
-</head>
-<body>
+<?php
+include("header.php");
+?>
   <!-- Réutilisable -->
   <ul id="menuUtilisateur" class="dropdown-content">
       <li><a href="#!">Se déconnecter</a></li>
@@ -132,20 +122,6 @@
       </div>
     </div>
   </div>
-
-  <footer class="page-footer red">
-    <div class="footer-copyright">
-      <div class="container">
-      10p5 v0.0.0 - © Copyright 2016, <a href="http://clubinfo.plil.net">Le Club Info Polytech Lille</a>
-      </div>
-    </div>
-  </footer>
-
-
-  <!--  Scripts-->
-  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-  <script src="js/materialize.js"></script>
-  <script src="js/init.js"></script>
-
-  </body>
-</html>
+<?php
+include "footer.php"
+?>