CSS Reshuffle, Added Page Renderer

Reorganized the CSS structure to there is some seperation between front
facing style and the backend den.

Also add the Render class so auth status is included in every template
rendering event so login status and select member data is available if
needed. will expand if needed.

public/assets/css/back/index.css

@@ -11,9 +11,9 @@ section[role="den-login"] div[role="system-notice"] {
   color: var(--primary);
 }
 
-section[role="den-index"],
-section[role="loc-index"] {
+section[role="den-index"] {
   padding: 20px;
+  color: var(--white);
 }
 
 section a {

public/assets/css/back/locations.css

@@ -0,0 +1,27 @@
+section[role="loc-index"] {
+  padding: 20px;
+}
+
+section[role="loc-index"] img {
+  width: 150px;
+  vertical-align: top;
+  border-radius: 3px;
+}
+
+section[role="loc-index"] label {
+  color: var(--white);
+}
+
+section[role="loc-index"] input {
+  width: 290px;
+}
+
+section[role="loc-index"] textarea {
+  width: 290px;
+  padding: 5px;
+  height: 100px;
+}
+
+section[role="loc-index"] select {
+  width: 150px;
+}

public/assets/css/back/start.css

@@ -0,0 +1,7 @@
+@import "../global/colors.css";
+@import "../global/forms.css";
+@import "../global/typography.css";
+@import "../global/frame.css";
+@import "../global/icons.css";
+@import "locations.css";
+@import "index.css";

public/assets/css/front/start.css

@@ -1,6 +1,7 @@
-@import url("colors.css");
-@import url("forms.css");
-@import url("typography.css");
-@import url("frame.css");
-@import url("index.css");
-@import url("index-den.css");
+@import "../global/colors.css";
+@import "../global/forms.css";
+@import "../global/typography.css";
+@import "../global/frame.css";
+@import "../global/icons.css";
+
+@import "index.css";

public/assets/css/global/frame.css

@@ -28,6 +28,10 @@ header > nav {
   padding: 10px;
 }
 
+header > nav i {
+  font-size: 1.3em;
+}
+
 header > nav > div[role="nav-right"] {
   text-align: right;
 }