64 lines
3.6 KiB
HTML
64 lines
3.6 KiB
HTML
<html>
|
|
<head><!-- Latest compiled and minified CSS -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
|
|
|
<!-- Optional theme -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script></head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Welcome to Facebook</h1>
|
|
|
|
<!--<div class="d-inline bg-success container">-->
|
|
<!--<a href="admin.html" >if you are an admin</a><br>-->
|
|
<!--<a href=search.html >if you want to search</a>-->
|
|
<!--</div>-->
|
|
|
|
<!--<div class="modal fade" id="myModal" role="dialog">-->
|
|
<!--<div class="modal-dialog">-->
|
|
|
|
<!--<!– Modal content–>-->
|
|
<!--<div class="modal-content">-->
|
|
<!--<div class="modal-header">-->
|
|
<!--<button type="button" class="close" data-dismiss="modal">×</button>-->
|
|
<!--<h4 class="modal-title">Error!</h4>-->
|
|
<!--</div>-->
|
|
<!--<div class="modal-body">-->
|
|
<!--<p>{{ message }}</p>-->
|
|
<!--</div>-->
|
|
<!--<div class="modal-footer">-->
|
|
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<b style="color:red"><h3>{{ message }}</h3></b>
|
|
<div class="panel panel-primary" style="width:300px; float:left; margin-right:20px">
|
|
<div class="panel-heading"><h2>Login</h2></div>
|
|
<div class="panel-body">
|
|
<form action="/api/user/login" method="POST">
|
|
Username: <input type="text" name="username" required><br>
|
|
Password: <input type="password" name="password" required><br><br>
|
|
<input type="submit" name="Login" class="btn btn-info btn-lg" required>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<b style="color:red"><h3>{{ user_exists_msg }}</h3></b>
|
|
<div class="panel panel-primary" style="width:300px; float:left; margin-right:20px">
|
|
<div class="panel-heading"><h2>Sign Up</h2></div>
|
|
<div class="panel-body">
|
|
<form action="/api/user/signup" method="POST">
|
|
Name: <input type="text" name="name" required><br>
|
|
Email: <input type="email" name="email" required><br>
|
|
Username: <input type="text" name="username" required><br>
|
|
Password: <input type="password" name="password" required><br><br>
|
|
<input type="submit" name="Sign Up!" class="btn btn-info btn-lg" required>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |