Update styling and nav to match nodejs.org

TritonDataCenter · Mar 5, 2014 · 151ec8f · 151ec8f
1 parent 1ac5f45
commit 151ec8f
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 36 deletions.
diff --git a/foot.html b/foot.html
@@ -5,23 +5,14 @@
         </div>
       </div>
     </div>
+    </div>
 
     <div id="footer">
-      <a href="http://joyent.com" class="joyent-logo">Joyent</a>
-      <ul class="clearfix">
-          <li><a href="http://nodejs.org/">Node.js</a></li>
-          <li><a href="http://nodejs.org/download/">Download</a></li>
-          <li><a href="http://nodejs.org/about/">About</a></li>
-          <li><a href="http://npmjs.org/">npm Registry</a></li>
-          <li><a href="http://nodejs.org/api/">Docs</a></li>
-          <li><a href="http://blog.nodejs.org">Blog</a></li>
-          <li><a href="http://nodejs.org/community/">Community</a></li>
-          <li><a href="https://nodejs.org/logos/">Logos</a></li>
-          <li><a href="http://jobs.nodejs.org/">Jobs</a></li>
-          <li><a href="http://twitter.com/nodejs" class="twitter">@nodejs</a></li>
-      </ul>
-
-      <p>Copyright <a href="http://joyent.com/">Joyent, Inc</a>, Node.js is a <a href="/trademark-policy.pdf">trademark</a> of Joyent, Inc. View <a href="https://raw.github.com/joyent/node/master/LICENSE">license</a>.</p>
+      <a href="http://www.joyent.com"><h5>The Node.js Project is Sponsored by</h5>
+      <img src="http://nodejs.org/images/joyent-footer.svg" width="200">
+      <p>Production Node + High Performance Infrastructure</p></a>
+      <a href="https://my.joyentcloud.com/landing/signup/70180000000ShEu" class="button getstarted">Get Started</a>
+      <p class="copyright">Copyright <a href="http://joyent.com/">Joyent, Inc</a>, Node.js is a <a href="/trademark-policy.pdf">trademark</a> of Joyent, Inc. <a href="https://raw.github.com/joyent/node/__VERSION__/LICENSE">View license</a>.</p>
     </div>
 
   <script>

diff --git a/head.html b/head.html
@@ -13,31 +13,31 @@
           title="node blog"
           href="http://feeds.feedburner.com/nodejs/123123123">
     <title>node.js</title>
+    <style>
+      #column1 img {
+        background: #34342e;
+        padding: 10px;
+      }
+    </style>
   </head>
 
-  <body class="int" id="industry" style="background:rgb(51,52,44)">
-    <div id="intro" class="interior">
-      <a href="http://nodejs.org/" title="Go back to the home page">
-        <img id="logo" src="http://nodejs.org/images/logo.png" alt="node.js">
-      </a>
+  <body class="int alt" id="industry">
+    <div id="nav">
+      <ul>
+        <li class="active"><a href="/"><img src="http://nodejs.org/images/baby-node.svg" width="12"></a></li>
+        <li><a href="http://nodejs.org/download">Download</a></li>
+        <li><a href="http://nodejs.org/api">Docs</a></li>
+        <li><a href="http://blog.nodejs.org">Blog</a></li>
+        <li><a href="http://nodejs.org/community">Community</a></li>
+        <li><a href="http://npmjs.org">Modules</a></li>
+        <li><a href="http://nodejs.org/resources">Resources</a></li>
+        <li><a href="http://jobs.nodejs.org">Jobs</a></li>
+        <li><a href="http://nodejs.org/about">About</a></li>
+      </ul>
+      <a href="http://github.com/joyent/node"><img class="forkme" src="http://nodejs.org/images/fork-me.png" alt="Fork me on GitHub"></a>
     </div>
-
+    <div class="content-wrap" style="background: white;">
     <div id="content" class="clearfix">
-      <div id="column2" class="interior">
-        <ul>
-          <li><a href="http://nodejs.org/" class="home">Home</a></li>
-          <li><a href="http://nodejs.org/download/" class="download">Download</a></li>
-          <li><a href="http://nodejs.org/about/" class="about">About</a></li>
-          <li><a href="http://npmjs.org/" class="npm">npm Registry</a></li>
-          <li><a href="http://nodejs.org/api/" class="docs">Docs</a></li>
-          <li><a href="http://blog.nodejs.org" class="blog">Blog</a></li>
-          <li><a href="http://nodejs.org/community/" class="community">Community</a></li>
-          <li><a href="http://nodejs.org/logos/" class="logos">Logos</a></li>
-          <li><a href="http://jobs.nodejs.org/" class="jobs">Jobs</a></li>
-        </ul>
-        <p class="twitter"><a href="http://twitter.com/nodejs">@nodejs</a></p>
-      </div>
-
       <div id="column1" class="interior">
         <div class="row clearfix">
           <p>