Ported progress from SPA and began scaffolding Identity UI.

Laid some groundwork in backend.

Began customizing Identity UI.

Props/assets/scss/_variables.scss

@@ -1,3 +1,3 @@
 $themes: (
-    "light": ("background": #f4f4f4, "navbar": #FFF8F8, "main": #BDF2D5, "footer": #F2F2F2,"sub": #F2FCFC, "bold": #647b9b, "text": #1A1A1A, "muted": #797a7e),
+    "light": ("background": #f4f4f4, "navbar": #FFF8F8, "main": #BDF2D5, "footer": #F2F2F2,"sub": #F4FCFC, "bold": #647b9b, "text": #1A1A1A, "muted": #797a7e),
 );

Props/assets/scss/main.scss

@@ -29,17 +29,16 @@ header > nav {
     }
 }
 
-body {
-    @include themer.themed {
-        background-color: themer.color-of("background");
-        color: themer.color-of("text");
-    }
+main {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
 }
 
 footer {
-    @extend .py-2;
     @extend .text-center;
     @extend .border-top;
+    @extend .py-2;
     @include themer.themed {
         background-color: themer.color-of("footer");
         color: themer.color-of("muted");
@@ -51,8 +50,6 @@ footer {
         }
     }
 
-    position: absolute;
-    bottom: 0;
     width: 100%;
 }
 
@@ -75,6 +72,11 @@ footer {
     width: inherit;
 }
 
+.less-concise {
+    max-width: 720px;
+    width: inherit;
+}
+
 h1 {
     font-size: 5em;
 }
@@ -83,14 +85,31 @@ h2 {
     font-size: 3em;
 }
 
-hr {
+hr.concise {
     @extend .my-3;
     @include themer.themed {
         color: themer.color-of("bold");
     }
+    width: 15%;
+    max-width: 160px;
+    min-width: 32px;
+    margin-left: auto;
+    margin-right: auto;
+    height: 2px;
 }
 
 html {
     min-height: 100%;
-    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    @include themer.themed {
+        background-color: themer.color-of("background");
+        color: themer.color-of("text");
+    }
 }