Completed the transition to a family!

client/static/css/style.css

@@ -67,7 +67,6 @@ button,
     font-size: 14px;
     height: 28px;
     padding: 0 10px;
-    float: right;
     vertical-align: middle;
     border: 1px solid #37A6FF;
     font-family: 'Droid Serif', Georgia, serif;
@@ -153,21 +152,28 @@ button[disabled] {
   background-image: url("/img/sign_in_blue.png");
 }
 
-#client_type_menu {
-  text-align: center;
+form#join_family {
   margin-top: 20px;
 }
 
-#client_type_menu > li {
-  display: inline-block;
+#family_name {
+  width: 50%;
+  margin-right: 10px;
 }
 
-#client_type_menu > li > a {
-  height: auto;
-  padding: 25px;
-  font-size: 2em;
-  text-decoration: none;
+#family_warning {
+  border: 1px solid #777;
   border-radius: 10px;
+  box-shadow: 3px 3px 3px 3px red;
+  padding: 20px 30px;
+  margin-bottom: 25px;
+  display: none;
+}
+
+#hide_family_warning {
+  float: right;
+  margin-top: -15px;
+  margin-right: -20px;
 }
 
 li.incomplete {

client/static/scripts/family.js

@@ -7,4 +7,14 @@ $(function() {
   TestMob.Boss.init({ socket: socket });
   TestMob.JobRunner.init({ socket: socket });
 
+
+  if(!localStorage.last_visit) {
+    $("#family_warning").slideDown();
+  }
+
+  localStorage.last_visit = new Date().getTime();
+  $("#hide_family_warning").click(function(event) {
+    event.preventDefault();
+    $("#family_warning").slideUp();
+  });
 });

client/templates/about.ejs

@@ -0,0 +1,4 @@
+
+TestMob is a distributed unit test system loosely based on <a href="http://ejohn.org">John Resig&apos;s</a> project <a href="http://testswarm.com">TestSwarm</a>.  Manual unit testing Javascript across a variety of OS&apos;s, browsers and devices is a very time consuming process.  TestMob allows many clients to join the mob. As soon as a request to kick off a test comes in, all available clients begin to run the tests.  When a client completes the suite the results are sent back to the initiator.
+
+

client/templates/family.ejs

@@ -1,4 +1,13 @@
 
+  <p id="family_warning">
+    <a href="#" id="hide_family_warning">Hide</a>
+    <strong>Warning:</strong> You have joined a family.  Only join families
+    that you fully trust - family members can run any Javascript code they wish.
+    Dangers include stealing personal info, attempted impersonation of
+    yourself, installing software unknowingly, loading illicit sites,
+    and using all of your bandwidth.
+  </p>
+
 
   <form>
     <label for="url">Job Address</label>

client/templates/index.ejs

@@ -1,13 +1,16 @@
+<p>
+TestMob is a distributed Javascript unit test system. Manual unit testing
+Javascript across a variety of OS&apos;s, browsers and devices is painfully
+difficult and time consuming.  By starting or becoming a member of a family,
+TestMob makes this easy for you - all available members come to your aid.
+Whenever a family member asks for help, available family members do the
+neccessary job and report back. Easy, a distributed test syndicate.
+</p>
 
-TestMob is a distributed unit test system loosely based on <a href="http://ejohn.org">John Resig&apos;s</a> project <a href="http://testswarm.com">TestSwarm</a>.  Manual unit testing Javascript across a variety of OS&apos;s, browsers and devices is a very time consuming process.  TestMob allows many clients to join the mob. As soon as a request to kick off a test comes in, all available clients begin to run the tests.  When a client completes the suite the results are sent back to the initiator.
-
-<form method="post" action="/join_family">
+<form method="post" action="/join_family" id="join_family">
   <label for="family_name">Family Name</label>
   <input type="text" id="family_name" name="family_name" placeholder="Family Name" />
-
-  <ul id="client_type_menu">
-    <li><button class="button">Join the family</button></li>
-  </ul>
+  <button class="button">Join the family</button>
 </form>