Register, Login, and Logout

assets/css/main.css

@@ -0,0 +1,83 @@
+body {
+    width: 1200px;
+    margin: auto;
+
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    font-size: 12px;
+}
+
+#Logo {
+    font-size: 20px;
+}
+
+#Header {
+    display: block;
+    margin-bottom: 16px;
+    font-size: 14px;
+}
+
+#Header-Left {
+    float: left;
+}
+
+#Header-Right {
+    float: right;
+}
+
+#PageContent {
+    display: block;
+    width: 900px;
+    min-height: 600px;
+    padding: 12px;
+    box-sizing: border-box;
+    background-color: #e5f1fd;
+    border-left: gray 2px solid;
+    border-right: gray 2px solid;
+    margin: auto;
+}
+
+.CenteredFocusHeader {
+    width: 400px;
+    margin: auto;
+    background-color: #4682b4;
+    color: white;
+    padding: 4px;
+    box-sizing: border-box;
+    font-size: 16px;
+}
+
+.CenteredFocusHeader h1,
+.CenteredFocusHeader h2,
+.CenteredFocusHeader h3,
+.CenteredFocusHeader h4,
+.CenteredFocusHeader h5,
+.CenteredFocusHeader h6 {
+    margin: 0;
+}
+
+.CenteredFocusContent {
+    width: 400px;
+    background-color: white;
+    box-sizing: border-box;
+    border: 2px solid #4682b4;
+    margin: auto;
+
+    padding-top: 12px;
+    padding-bottom: 12px;
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+.VerticalInputForm {
+    display: inline-block;
+}
+
+.TextInput {
+    height: 14px;
+    font-size: 12px;
+}
+
+.VerticalInputForm input {
+    display: block;
+    margin-bottom: 8px;
+}

assets/scripts/menu.js

@@ -0,0 +1,31 @@
+// This script is designed to support at a minimum IE 6
+//
+// All menu functions are defined outside of initMenu.
+//
+// This is so I'm not duplicating functions between-
+// checks for what browser we have
+
+function doLogoutAction() {
+    var logoutForm = document.getElementById("Form_Auth_Logout");
+    logoutForm.submit();
+}
+
+// Once the page has fully loaded, connect each button to its code
+function initMenu() {
+    var logoutButton = document.getElementById("Menu_Auth_Logout");
+    
+    if(window.addEventListener) {
+        logoutButton.addEventListener("click", doLogoutAction);
+    } else {
+        logoutButton.attachEvent('onclick', doLogoutAction);
+    }
+}
+
+// Register load / onload event
+if(window.addEventListener) {
+    window.addEventListener('load', initMenu);
+} else if(window.attachEvent) {
+    window.attachEvent('onload', initMenu);
+} else {
+    alert("Unsupported browser.");
+}

assets/scripts/post.js

@@ -0,0 +1,20 @@
+// really simple IE6 compatible post function
+
+function PostToEndpoint(url, params) {
+    var form = document.createElement("form");
+    form.method = "POST";
+    form.action = url;
+
+    for (var key in params) {
+        if (params.hasOwnProperty(key)) {
+            var input = document.createElement("input");
+            input.type = "hidden";
+            input.name = key;
+            input.value = params[key];
+            form.appendChild(input);
+        }
+    }
+
+    document.body.appendChild(form);
+    form.submit();
+}