updated templates

Author: mjhea0

{{cookiecutter.app_slug}}/project/client/templates/header.html

@@ -1,31 +1,33 @@
 <!-- Navigation -->
-<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
-  <!-- Navbar Brand -->
-  <a class="navbar-brand" href="{{ url_for('main.home') }}">{{ config.APP_NAME }}</a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
-  <div class="collapse navbar-collapse" id="navbarNav">
-    <!-- Main Navigation -->
-    <ul class="navbar-nav">
-      <li class="nav-item active">
-        <a class="nav-link" href="{{ url_for('main.about') }}">About <span class="sr-only">(current)</span></a>
-      </li>
-      {% if current_user.is_authenticated %}
-      <li class="nav-item">
-        <a class="nav-link" href="{{ url_for('user.members') }}">Members</a>
-      </li>
-      {% endif %}
-    </ul>
-    <!-- Login/Logout -->
-    <ul class="navbar-nav ml-auto">
-      <li class="nav-item">
+<nav class="navbar fixed-top navbar-expand-sm navbar-dark bg-dark">
+  <div class="container">
+    <!-- Navbar Brand -->
+    <a class="navbar-brand" href="{{ url_for('main.home') }}">{{ config.APP_NAME }}</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarNav">
+      <!-- Main Navigation -->
+      <ul class="navbar-nav">
+        <li class="nav-item active">
+          <a class="nav-link" href="{{ url_for('main.about') }}">About<span class="sr-only">(current)</span></a>
+        </li>
         {% if current_user.is_authenticated %}
-        <a class="nav-link" href="{{ url_for('user.logout') }}">Logout</a>
-        {% else %}
-        <a class="nav-link" href="{{ url_for('user.login') }}">Login</a>
+        <li class="nav-item">
+          <a class="nav-link" href="{{ url_for('user.members') }}">Members</a>
+        </li>
         {% endif %}
-      </li>
-    </ul>
+      </ul>
+      <!-- Login/Logout -->
+      <ul class="navbar-nav ml-auto">
+        <li class="nav-item">
+          {% if current_user.is_authenticated %}
+          <a class="nav-link" href="{{ url_for('user.logout') }}">Logout</a>
+          {% else %}
+          <a class="nav-link" href="{{ url_for('user.login') }}">Login</a>
+          {% endif %}
+        </li>
+      </ul>
+    </div>
   </div>
-</nav>
+</nav>

{{cookiecutter.app_slug}}/project/client/templates/main/about.html

@@ -2,8 +2,10 @@
 {% block content %}
 
 <div class="body-content">
-  <div class="row">
+  <div>
     <h1>About</h1>
+    <hr><br>
+    <p>Add some content here!</p>
   </div>
 </div>
 

{{cookiecutter.app_slug}}/project/client/templates/main/home.html

@@ -1,10 +1,10 @@
 {% extends "_base.html" %}
 {% block content %}
 
-<div class="body-content">
-  <div class="row">
-    <h1>Welcome!</h1>
-  </div>
+<div>
+  <h1>Welcome!</h1>
+  <hr><br>
+  <p>Add some content here!</p>
 </div>
 
 {% endblock %}

{{cookiecutter.app_slug}}/project/client/templates/user/login.html

@@ -3,27 +3,25 @@
 {% block content %}
 
   <header class="content-header">
-    <h1>Please login</h1>
+    <h1>Login</h1>
+    <hr><br>
   </header>
 
   <br>
 
   <form class="form" role="form" method="post" action="">
-
     {{ form.csrf_token }}
     {{ form.hidden_tag() }}
     {{ wtf.form_errors(form, hiddens="only") }}
 
     <div class="col-lg-4 col-sm-4">
-
       {{ wtf.form_field(form.email) }}
       {{ wtf.form_field(form.password) }}
 
       <button class="btn btn-success" type="submit">Sign In!</button>
       <br><br>
       <p>Need to <a href="{{ url_for('user.register') }}">Register</a>?</p>
     </div>
-
   </form>
 
 {% endblock %}

{{cookiecutter.app_slug}}/project/client/templates/user/register.html

@@ -3,29 +3,26 @@
 {% block content %}
 
   <header class="content-header">
-    <h1>Please Register</h1>
+    <h1>Register</h1>
+    <hr><br>
   </header>
 
   <br>
 
   <form class="form" role="form" method="post" action="">
-
     {{ form.csrf_token }}
     {{ form.hidden_tag() }}
     {{ wtf.form_errors(form, hiddens="only") }}
 
     <div class="col-lg-4 col-sm-4">
-
       {{ wtf.form_field(form.email) }}
       {{ wtf.form_field(form.password) }}
       {{ wtf.form_field(form.confirm) }}
 
       <button class="btn btn-success" type="submit">Register!</button>
       <br><br>
       <p>Already have an account? <a href="{{ url_for('user.login') }}">Sign in</a>.</p>
-
     </div>
-
   </form>
 
 {% endblock %}