- using flask-wtf forms to create login and registration - saves and compares input data with database - generates user if need-be - same user form as google user
		
			
				
	
	
		
			37 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			37 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
{% extends "base.html" %}
 | 
						|
 | 
						|
{% block content %}
 | 
						|
 | 
						|
<h1 style="color: blue">Login Page</h1>
 | 
						|
 | 
						|
<!--Google Login-->
 | 
						|
<div class="center-align">
 | 
						|
<div class="col s12 m6 offset-m3 center-align"  style=" margin: 5px;">
 | 
						|
    <a class="oauth-container btn darken-4 white black-text" href="/login/google" style="text-transform:none">
 | 
						|
        <div class="left">
 | 
						|
            <img width="20px" style="margin-top:7px; margin-right:8px" alt="Google sign-in" 
 | 
						|
                src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Google_%22G%22_Logo.svg/512px-Google_%22G%22_Logo.svg.png" />
 | 
						|
        </div class="login_google">
 | 
						|
        <div class="login_google">Login with Google</div>
 | 
						|
    </a>
 | 
						|
</div>
 | 
						|
 | 
						|
<!--Email Login-->
 | 
						|
<div class="col s12 m6 offset-m3 center-align"  style=" margin: 5px;">
 | 
						|
    <a class="oauth-container btn darken-4 white black-text" href="/login/email" style="text-transform:none">
 | 
						|
        <div class="left">
 | 
						|
            <img width="20px" style="margin-top:7px; margin-right:8px" alt="E-mail sign-in" 
 | 
						|
                src="http://assets.stickpng.com/thumbs/585e4bf3cb11b227491c339a.png" />
 | 
						|
        </div>
 | 
						|
        <div  class="login_email">Login with Email</div>
 | 
						|
    </a>
 | 
						|
</div>
 | 
						|
</div>
 | 
						|
 | 
						|
<!-- Compiled and minified CSS -->
 | 
						|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
 | 
						|
 | 
						|
<!-- Compiled and minified JavaScript -->
 | 
						|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
 | 
						|
 | 
						|
{% endblock %} |