improved copy for account registration/upgrade

app/assets/javascripts/common.js

@@ -1,15 +1,10 @@
-$(document).ready(function() {
-  // $("#hide-upgrade-account-link").click(function() {
-  //   $("#upgrade-account").hide();
-  //   Cookie.put('hide-upgrade-account', '1', 7);
-  // });
-  
+$(function() {
   // Table striping
-  $("table.striped tbody tr:even").addClass("even");
-  $("table.striped tbody tr:odd").addClass("odd");
+  $(".striped tbody tr:even").addClass("even");
+  $(".striped tbody tr:odd").addClass("odd");
 
+  // More link
   if ($("#site-map-link").length > 0) {
-    // More link
     $("#site-map-link").click(function(e) {
       $("#more-links").toggle();
       e.preventDefault();
@@ -27,6 +22,19 @@ $(document).ready(function() {
     });
   }
   
+  // Account notices
+  $("#hide-sign-up-notice").click(function(e) {
+    $("#sign-up-notice").hide();
+    Danbooru.Cookie.put("hide_sign_up_notice", "1", 7);
+    e.preventDefault();
+  });
+  
+  $("#hide-upgrade-account-notice").click(function(e) {
+    $("#upgrade-account-notice").hide();
+    Danbooru.Cookie.put('hide_upgrade_account_notice', '1', 7);
+    e.preventDefault();
+  });
+  
   // Ajax links
   $("a[data-remote=true]").click(function(e) {
     Danbooru.ajax_start(e.target);
@@ -38,7 +46,6 @@ $(document).ready(function() {
 
   // TOS link
   if (!location.href.match(/terms_of_service/) && Danbooru.Cookie.get("tos") !== "1") {
-    // Setting location.pathname in Safari doesn't work, so manually extract the domain.
     var domain = location.href.match(/^(http:\/\/[^\/]+)/)[0];
     location.href = domain + "/static/terms_of_service?url=" + location.href;
   }

app/assets/stylesheets/common/main_layout.css.scss

@@ -8,6 +8,22 @@ div#page {
   overflow: visible;
   margin: 0 30px;
   
+  div#upgrade-account-notice, div#sign-up-notice {
+    margin: 1em 0;
+    padding: 1em;
+    text-align: center;
+    position: relative;
+    
+    h1 {
+      font-size: $h2_size;
+      font-weight: bold;
+    }
+    
+    p {
+      margin: 0;
+    }
+  }
+  
   aside#sidebar {
     width: 20%;
     float: left;

app/assets/stylesheets/specific/users.css.scss

@@ -20,34 +20,17 @@ div#c-users {
     max-width: 50em;
     
     p {
+      font-size: 1.2em;
       margin-bottom: 1em;
+      line-height: 1.4em;
     }
     
-    li {
-      margin-left: 1em;
-      list-style-type: disc;
+    input[type=submit] {
+      padding: 5px 20px;
+      font-size: 20pt;
+      font-weight: bold;
     }
-    
-    div#account-comparison {
-      padding: 0 1em;
-      margin: 1em 0;
-      
-      h1 {
-        font-size: $h3_size;
-      }
-      
-      li {
-        font-size: 0.8em;
-        line-height: 1.5em;
-      }
-      
-      section {
-        width: 15em;
-        float: left;
-        padding-right: 1em;
-      }
-    }
-    
+
     footer.nav-links {
       font-size: 1.4545em;
       font-weight: bold;
@@ -59,4 +42,55 @@ div#c-users {
       margin-bottom: 2em;
     }
   }
+  
+  div#a-upgrade-information {
+    max-width: 55em;
+    font-size: 1.2em;
+    
+    form {
+      input {
+        font-size: 20pt;
+      }
+      
+      input[type=submit] {
+        padding: 5px 20px;
+        font-weight: bold;
+      }
+    }
+    
+    div#feature-comparison {
+      overflow: hidden;
+      margin-bottom: 1em;
+      
+      div.column {
+        width: 15em;
+        float: left;
+        border: 1px solid #666;
+        @include border-radius(4px);
+        padding: 0.25em 0.5em;
+        margin: 0.5em;
+        
+        h1 {
+          font-size: $h3_size;
+        }
+        
+        li {
+          margin-left: 1.5em;
+          list-style-type: disc;
+        }
+        
+        &#basic-account {
+          background: rgb(240, 255, 240);
+        }
+        
+        &#privileged-account {
+          background: rgb(255, 255, 240);
+        }
+
+        &#contributor-account {
+          background: rgb(240, 240, 240);
+        }
+      }
+    }
+  }
 }