Skip to content
Snippets Groups Projects
Select Git revision
  • cc1b0b667dda084581d51dad438d1b6252c1d4f0
  • main default protected
2 results

login.php

Blame
    • login.php 4.06 KiB 
    <!DOCTYPE html>
<html>
    
<head>
	<meta charset="UTF-8">
	<title>Connexion</title>

    <!-- Embed -->
	<meta content="Connexion" property="og:title" />
	<meta content="Retrouvez des milliers de recettes toutes plus délicieuses les unes des autres. Rejoignez la communauté des Marmiutons et  partagez vos recettes de grand-mère!" property="og:description" />
	<meta content="https://marmiuton.sl-projects.com/" property="og:url" />
	<meta content="https://marmiuton.sl-projects.com/data/images/logo/favicon.png" property="og:image" />
	<meta content="#ed8930" data-react-helmet="true" name="theme-color" />

    <!-- Dépendances -->
    <?=getDepedencies()?>
    <link rel="stylesheet" href="pages/assets/css/connexion.css">

	<!-- Recaptcha -->
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
	<script type="text/javascript">
      var onloadCallback = function() {
        grecaptcha.render('g-recaptcha', {
          'sitekey' : '6Ld3jukdAAAAAFLO9t2Uyc3c9bru4kTcwffcG3mE'
        });
      };
    </script>
</head>
<body style="background-image:url('\data\images\planche-bois-aliments.jpg');">
	<div class="container h-100">
		<div class="d-flex justify-content-center h-100">
			<div class="user_card">
				<div class="d-flex justify-content-center">
					<div class="brand_logo_container">
						<img src="https://marmiuton.sl-projects.com/data/images/logo/favicon.png" class="brand_logo" alt="Logo">
					</div>
				</div>
				<div class="d-flex justify-content-center form_container">

                    <!-- Formulaire de connexion -->
                    <form method="post" class="mt-3 needs-validation" novalidate id="loginForm">
						<div class="form-group">
							<label>Nom d'utilisateur/Email</label>
							<input type="text" class="form-control" name="loginUsernameEmail" placeholder="gordon.freeman@blackmesa.us" required>
							<div class="invalid-feedback">
								Il paraît qu'avec un identifiant ça serait pas mal :p
							</div>
							<div class="valid-feedback">
								Nickel 👌
							</div>
						</div>
						<div class="form-group">
							<label>Mot de passe</label>
							<input type="password" class="form-control" name="loginPassword" placeholder="tut@p3str0v1te!" required>
							<div class="invalid-feedback">
								T'as un compte sans mot de passe toi? 🤔
							</div>
							<div class="valid-feedback">
								Nickel 👌
							</div>
						</div>

						<div id="g-recaptcha"></div>
      					<br/>
						<button type="button" name="submit" id="loginBtn" class="btn btn-orange">Se connecter</button>
						<a href="/register" class="text-orange">Pas encore inscrit? 😢</a>
					</form>
				</div>
			</div>
		</div>