API tools faq
paste
Guest User

base.html

a guest
Nov 3rd, 2020
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JSON 5.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     {% block title %}<title></title>{% endblock title %}
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <link rel="stylesheet" href="{{url_for('static', filename='css/about.css')}}">
  7.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  8.     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  9.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  10.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  11.     <style>
  12.         .navbar-custom {
  13.         background-color: #2e4053;
  14.        
  15.     }
  16.  
  17.     /* change the brand and text color */
  18.     .navbar-custom .navbar-brand,
  19.     .navbar-custom .navbar-text {
  20.         color: white;
  21.     }
  22.  
  23.     /* change the link color */
  24.     .navbar-custom .navbar-nav .nav-link {
  25.         color: #ffffff;
  26.     }
  27.  
  28.     /* change the color of active or hovered links */
  29.     .navbar-custom .nav-item.active .nav-link,
  30.     .navbar-custom .nav-item:hover .nav-link {
  31.         color: #ffffff;
  32.     }
  33.  
  34.     /* for dropdown only - change the color of droodown */
  35.     .navbar-custom .dropdown-menu {
  36.         background-color: #2e4053;
  37.     }
  38.  
  39.     .navbar-custom .dropdown-item {
  40.         color: #ffffff;
  41.     }
  42.  
  43.     .navbar-custom .dropdown-item:hover,
  44.     .navbar-custom .dropdown-item:focus {
  45.         color: #191919;
  46.         background-color: #2e4053;
  47.     }
  48.     .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  49.     background-color: #8c1515 !important;
  50.     border-color: #8c1515;
  51.     }
  52.  
  53.     </style>
  54. </head>
  55. <body>
  56.     <nav class="navbar navbar-expand-sm navbar-custom">
  57.         <a class="navbar-brand" href="{{url_for('home')}}">SONNY</a>
  58.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  59.           <span class="navbar-toggler-icon"><img src="http://www.entypo.com/images/add-to-list.svg"></span>
  60.         </button>
  61.      
  62.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  63.           <ul class="navbar-nav mr-auto">
  64.             <li class="nav-item active">
  65.               <a class="nav-link" href="{{url_for('home')}}">Home <span class="sr-only">(current)</span></a>
  66.             </li>
  67.             <li class="nav-item">
  68.               <a class="nav-link" href="{{url_for('create')}}">Create Course</a>
  69.             </li>
  70.             <li class="nav-item">
  71.               <a class="nav-link" href="{{url_for('about')}}">About me</a>
  72.             </li>
  73.             <li class="nav-item">
  74.               <a class="nav-link" href="{{url_for('random_menu')}}">Random menu</a>
  75.             </li>
  76.             <li class="nav-item dropdown">
  77.               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  78.                 Account
  79.               </a>
  80.  
  81.               <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  82.                 {% if current_user.is_authenticated %}
  83.                   <a class="dropdown-item" href="/logout">Log out</a>
  84.                 {% else %}
  85.                   <a class="dropdown-item" href="{{url_for('login')}}">Log in</a>
  86.                   <div class="dropdown-divider"></div>
  87.                     <a class="dropdown-item" href="{{url_for('sign_up')}}">Sign up</a>
  88.                 {% endif %}
  89.               </div>
  90.  
  91.             </li>
  92.             <li class="nav-item dropdown">
  93.               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  94.                 Covid-19
  95.               </a>
  96.               <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  97.                 <a class="dropdown-item" href="{{url_for('covid_dashboard')}}">Covid-19 Dashboard</a>
  98.                 <a class="dropdown-item" href="{{url_for('covid_table')}}">Covid-19 Table</a>
  99.               </div>
  100.             </li>
  101.  
  102.             <!--Create a message to show, user is authenticated or not-->
  103.             <li class="nav-item">
  104.               <a class="nav-link" href="#" style="color: aqua; font-weight: bold;">
  105.                 {% if current_user.is_authenticated %}
  106.                   Hi {{ current_user.username }}!
  107.                 {% else %}
  108.                   Not authenticated now
  109.                 {% endif %}
  110.               </a>
  111.             </li>
  112.  
  113.           </ul>
  114.         </div>
  115.       </nav>
  116.  
  117.       <div class='container' style="text-align: center;">
  118.         <hr>
  119.         {% with messages = get_flashed_messages(with_categories=true) %}
  120.           {% if messages %}
  121.             {% for category, message in messages %}
  122.               <div class="alert alert-{{ category }}" role="alert">
  123.                 {{ message }}
  124.               </div>
  125.             {% endfor %}
  126.           {% endif %}
  127.         {% endwith %}
  128.       </div>
  129.  
  130.     {% block content %}
  131.    
  132.     {% endblock content %}
  133.  
  134. </body>
  135. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!