56 lines
		
	
	
	
		
			2.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			56 lines
		
	
	
	
		
			2.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!doctype html>
 | |
| <html lang="en">
 | |
| <head>
 | |
|     <!-- Required meta tags -->
 | |
|     <meta charset="utf-8">
 | |
|     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 | |
| 
 | |
|     <!-- Bootstrap CSS -->
 | |
|     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 | |
| 
 | |
|     <!--Font awesome icons -->
 | |
|     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
 | |
| 
 | |
| 
 | |
| 
 | |
|     <title>{% block title %} {% endblock %} </title>
 | |
| </head>
 | |
| <body>
 | |
|   <div class="container p-3 my-3">
 | |
|     <div class="row">
 | |
|       <div class="col-md-12">
 | |
|         <nav class="navbar navbar-expand-md navbar-light " style="background-color: #f0f5f5">
 | |
|           
 | |
|           {% if user.is_authenticated %}
 | |
|             <a class="navbar-brand">Welcome {{ user.username }}</a>
 | |
|             <a href="{% url 'logout' %}" class="navbar-brand">Log Out</a>
 | |
|           {% else %}
 | |
|           <a class="navbar-brand"></a>
 | |
|           {% endif %}
 | |
|         </nav>
 | |
|         <!--Any flash messages pop up in any page because this is the base template-->
 | |
|         {% if messages %}
 | |
|           <div class="alert alert-dismissible" role="alert">
 | |
|             {% for message in messages %}
 | |
|               <div class="alert alert-{{ message.tags }}">{{ message }}</div>
 | |
|             {% endfor %}
 | |
|             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
 | |
|               <span aria-hidden="true">×</span>
 | |
|             </button>
 | |
|           </div>
 | |
|         {% endif %}
 | |
|         
 | |
|         {% block content %}{% endblock %}
 | |
|       </div>
 | |
|     </div>
 | |
|   </div>
 | |
| 
 | |
|     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
 | |
|     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
 | |
|     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
 | |
|     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 | |
| 
 | |
| <!-- A plugin for password show/hide  -->
 | |
| 
 | |
| </body>
 | |
| </html>
 |