styling on home page

ChrisLundquist · Jan 14, 2012 · 5842dba · 5842dba
1 parent e867d52
commit 5842dba
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/lib/cube/client/home.css b/lib/cube/client/home.css
@@ -0,0 +1,20 @@
+body {
+  position: relative;
+  font-family: "Helvetica Neue";
+  width: 960px;
+  margin: auto;
+  text-rendering: optimizeLegibility;
+}
+
+h1 {
+  margin: 40px 0;
+  font-size: 72pt;
+  font-family: "Yanone Kaffeesatz";
+  position: relative;
+  border-bottom: 1px solid #000;
+}
+
+h2 {
+  font-family: "Yanone Kaffeesatz";
+  position: relative;
+}
diff --git a/lib/cube/client/home.html b/lib/cube/client/home.html
@@ -4,10 +4,15 @@
     <title>Cube</title>
     <script type="text/javascript" src="/d3/d3.js"></script>
     <script type="text/javascript" src="/cube.js"></script>
-    <link type="text/css" rel="stylesheet" href="/cube.css"/>
+    <style type="text/css">
+      @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+    </style>
+    <link type="text/css" rel="stylesheet" href="/home.css"/>
   </head>
   <body>
-    <h1>Boards</h1>
+    <h1>Cube</h1>
+
+    <h2>Boards</h2>
     <ol id="boards"></ol>
 
     <a href="/new">New Board</a>

diff --git a/lib/cube/server/visualizer.js b/lib/cube/server/visualizer.js
@@ -31,6 +31,7 @@ exports.register = function(db, endpoints) {
       resolve("board.css"),
       resolve("piece.css")
     )),
+    endpoint.exact("/home.css", endpoint.file(resolve("home.css"))),
     endpoint.exact("/d3/d3.js", endpoint.file(
       resolve("../../../node_modules/d3/d3.min.js"),
       resolve("semicolon.js"),