Task #17 - Redesign login page w/ forms.

app/views/auth/auth_page.pug

@@ -4,14 +4,16 @@ html
         meta(name='viewport' content='width=device-width initial-scale=1')
         link(rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css')
         link(rel='stylesheet' href='/assets/auth/forms.css')
+        link(href="https://fonts.googleapis.com/css?family=Merienda:700&display=swap" rel="stylesheet")
     body
         .container-fluid
             .row.no-gutter
-                .d-none.d-md-flex.col-md-6.col-lg-8.bg-image
-                .col-md-6.col-lg-4
+                .d-none.d-md-flex.col-md-5
+                .col-md-5
                     .login.d-flex.align-items-center.py-5
                         .container
                             .row
                                 .col-md-9.col-lg-8.mx-auto
+                                    h2.name-banner #{_app.name}
                                     block content
         script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css')

app/views/login.pug

@@ -7,6 +7,8 @@ html
         script(src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous")
         script(src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous")
         script(src="https://kit.fontawesome.com/5043ba9cc5.js" crossorigin="anonymous")
+        link(href="https://fonts.googleapis.com/css?family=Merienda:700&display=swap" rel="stylesheet")
+
         style(type="text/css").
             @import url('https://fonts.googleapis.com/css?family=Rajdhani');
             html,
@@ -17,6 +19,9 @@ html
                 color: #cccccc;
                 text-align: center;
             }
+            #name {
+                font-family: 'Merienda', cursive;
+            }
             #login {
                 width: 50em;
             }
@@ -37,7 +42,8 @@ html
 
     body
     .container#intro
-        h1 Hi, Welcome to #{app_name}. 
+        h1 Hi, Welcome to 
+            span#name #{app_name}. 
         h2 Choose your login method.
 
     .container#login