Tweak styles; list projects in menu.

h3h · May 20, 2010 · 491e6be · 491e6be
1 parent df2931f
commit 491e6be
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 9 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,14 +1,23 @@
+---
+projects:
+  - name: Github Repo Widget
+    url : /docs/github-repo-widget/
+  - name: Jellyfish
+    url : /docs/jellyfish/
+---
 <!DOCTYPE html>
 <html>
 <head>
-  <title>FB.ui - Facebook Developers</title>
-  <link rel="stylesheet" href="../styles/site.css" />
+  <title>{{page.title}} - h3h.github.com</title>
+  <link rel="stylesheet" href="/styles/site.css" />
 </head>
 <body class="docsite">
   <div class="menu">
     <div class="content">
       <a href="/">Home</a>
-      <a href="/github-repo-widget">Github Repo Widget</a>
+      {% for project in page.projects %}
+      <a href="{{project.url}}">{{project.name}}</a>
+      {% endfor %}
       <div class="clear"></div>
     </div>
   </div>

diff --git a/jellyfish/api.html → docs/jellyfish/api.html b/jellyfish/api.html → docs/jellyfish/api.html
diff --git a/jellyfish/index.html → docs/jellyfish/index.html b/jellyfish/index.html → docs/jellyfish/index.html
diff --git a/index.html b/index.html
@@ -0,0 +1,7 @@
+---
+layout: docs
+title: Projects
+---
+<h2>What is this?</h2>
+
+<p>My projects.</p>
diff --git a/styles/site.css b/styles/site.css
@@ -398,24 +398,30 @@ p.margin {
 }
 .docsite .menu a {
   background-color: transparent;
-  color: #fff;
+  border-bottom: 3px solid transparent;
+  color: #eee;
   display: block;
   float: left;
   line-height: 29px;
-  margin-bottom: -2px;
+  margin-bottom: -3px;
   padding-bottom: 4px;
   padding-left: 15px;
   padding-right: 15px;
 }
+.docsite .menu a:first-child {
+  margin-left: -15px;
+}
 .docsite .menu a:hover {
   background-color: #353535;
+  border-color: #555;
+  color: #fff;
   text-decoration: none;
 }
 .docsite .clear {
   clear: both;
 }
 .docsite .header {
-  background: #CACFD5;
+  background: #CBCBCB;
   padding-top: 20px;
   padding-bottom: 95px;
   border-bottom: 1px solid #d2d2d2;
@@ -539,19 +545,19 @@ p.margin {
 .docsite .body code,
 .docsite .body table.params td.name {
   font-family: Monaco, Incosolata, monospace;
-  font-size: 12px;
+  font-size: 13px;
 }
 .docsite .body table.params td.name {
   color: #223FA5;
 }
 .docsite .body pre,
 .docsite .body code {
-  color: #B8D6F9;
+  color: #C8DBF5;
 }
 .docsite .body pre,
 .docsite .body .pre {
   background: #12356A;
-  border: 1px solid #d8dfea;
+  border: 1px solid #9DB6E1;
   border-left-width: 3px;
   margin: 18px;
   padding-top: 7px;