Design basically done

docs/index.html

@@ -22,7 +22,7 @@
         <p>Alternatively, <a href="http://github.com/peers/peerjs-server">PeerServer is
         available on GitHub</a> and on <a href="https://npmjs.org/package/peer">npm</a>:</a>
         <pre>npm install peer</pre>
-        <p>Setting up the server on your own is just a few lines of code:</a>
+        <p><br>Setting up the server on your own is just a few lines of code:</a>
         <pre>
 var PeerServer = require('peer').PeerServer;
 var server = new PeerServer({ port: 9000 });</pre>
@@ -67,10 +67,7 @@ conn.send({
   arrays: [1,2,3],
   evenbinary: new Blob([1,2,3]),
   andmore: {bool: true}
-});
-          </pre>
-          <p>With BinaryPack, the data is never converted to strings. Everything is binary end-to-end. This results in bandwidth savings.
-          </p>
+});</pre>
 
         <h3>Preconnection</h3>
 

docs/style.css

@@ -109,9 +109,11 @@ header.right {
 
 .start h1 {
   margin: 0;
+  background-color: #fff;
   font-size: 40px;
   line-height: 40px;
-  padding: 30px 20px 0 20px;
+  padding: 30px 20px;
+  border-bottom: 1px solid #eee;
   color: #5a5157;
   border-left: 4px solid #ddd;
 }
@@ -131,11 +133,11 @@ section.start pre {
 h1 a {
   color: #5a5157;
   text-decoration: none;
-  transition: opacity 300ms;
+  transition: color 300ms;
 }
 
 h1 a:hover {
-  opacity: 0.8;
+  color: #745e6d;
 }
 
 h1 .title {
@@ -152,16 +154,34 @@ h1 .title {
 }
 
 .start > p, .start > div {
-  padding: 20px;
+  padding: 5px 20px;
   border-left: 4px solid #ddd;
 }
 
 .start h2, h3, h4 {
   color: #5a5157;
-  margin: 5px 0;
+  padding: 5px 20px;
+  margin: 0;
   font-size: 20px;
+  border-left: 4px solid #ccc;
+}
+
+.start h3 {
+  font-size: 15px;
+  padding: 5px 20px;
 }
 
+a {
+  font-weight: 600;
+  color: #1295D8;
+  text-decoration: none;
+  transition: color 200ms;
+}
+a:hover {
+  color: #33a2dc;
+}
+
+
 .api {
   color: #f5eff3;
   font-weight: 300;
@@ -257,15 +277,6 @@ h1 .title {
   background-color: #1295D8;
 }
 
-.api a {
-  color: #1295D8;
-  transition: color 200ms;
-}
-
-.api a:hover {
-  color: #33a2dc;
-}
-
 .toplevel > .name {
   font-size: 20px;
 }

docs/template.html

@@ -22,7 +22,7 @@
         <p>Alternatively, <a href="http://github.com/peers/peerjs-server">PeerServer is
         available on GitHub</a> and on <a href="https://npmjs.org/package/peer">npm</a>:</a>
         <pre>npm install peer</pre>
-        <p>Setting up the server on your own is just a few lines of code:</a>
+        <p><br>Setting up the server on your own is just a few lines of code:</a>
         <pre>
 var PeerServer = require('peer').PeerServer;
 var server = new PeerServer({ port: 9000 });</pre>
@@ -67,10 +67,7 @@ conn.send({
   arrays: [1,2,3],
   evenbinary: new Blob([1,2,3]),
   andmore: {bool: true}
-});
-          </pre>
-          <p>With BinaryPack, the data is never converted to strings. Everything is binary end-to-end. This results in bandwidth savings.
-          </p>
+});</pre>
 
         <h3>Preconnection</h3>