brighter_planet_layout 0.4.1 → 0.4.2

data/app/views/layouts/_header.html.erb

@@ -1,39 +1,52 @@
 <div id="header">
   <h1><span>Brighter Planet</span></h1>
-  <p><%= link_to 'Our blog', 'http://numbers.brighterplanet.com/' %></p>
+  <p class="secondary"><%= link_to 'Our blog', 'http://numbers.brighterplanet.com/' %> &middot; <%= link_to_homesite 'Contact us', 'contact' %></p>
   <ul>
     <li class="home"><%= link_to_homesite 'Home' %></li>
     <li>
       <%= link_to_homesite 'About', 'about' %>
       <div>
+        <p>Brighter Planet maintains the world's leading technology platform for computational sustainability and helps client companies harness its power for their employees and customers</p>
         <ul>
-          <li><%= link_to_homesite 'Our team', 'people' %></li>
-          <li><%= link_to_homesite 'Partners', 'partners' %></li>
-          <li><%= link_to_homesite 'Press', 'media' %></li>
+          <li><%= link_to_homesite 'Overview', 'about' %> Our story and vision for the future of sustainability</li>
+          <li><%= link_to_homesite 'Our team', 'people' %> Our staff, board of directors, and advisors</li>
+          <li><%= link_to_homesite 'Partners', 'partners' %> A list of our collaborators</li>
+          <li><%= link_to_homesite 'Press', 'press' %> Brighter Planet in the news &amp; resources for the press</li>
         </ul>
       </div>
     </li>
-    <li><%= link_to_homesite 'Services', 'services' %></li>
     <li>
-      <%= link_to_homesite 'Research', 'research' %>
+      <%= link_to_homesite 'Services', 'services' %>
       <div>
+        <p>Brighter Planet helps clients identify opportunities for data-driven sustainability initiatives, designs programs around these opportunities to deliver business value, and assists with integration and development</p>
         <ul>
-          <li><%= link_to_homesite 'Science publications', 'research' %></li>
-          <li><%= link_to_homesite 'Technology writing', 'research#posts' %></li>
-          <li><%= link_to_homesite 'Open source software', 'research#repos' %></li>
+          <li><%= link_to_homesite 'Overview', 'services' %> How we work with our clients</li>
+          <li><%= link_to_homesite 'Client case studies', 'case_studies' %> How we have helped clients worldwide revolutionize the way they address sustainability</li>
+          <li><%= link_to_homesite 'Imaginations', 'imaginations' %> Explorations of concepts in computational sustainability for leading businesses</li>
+          <li><%= link_to_homesite 'Research', 'industry_research' %> Whitepapers, survey data, and best-practice documents for corporate sustainability</li>
         </ul>
-      </div>
     </li>
     <li>
-      <%= link_to_homesite 'Apps', 'apps' %>
+      <%= link_to_homesite 'Technology', 'technology' %>
       <div>
+        <p>The backbone of Brighter Planet is our <strong>CM1</strong>™ computational sustainability platform, which delivers on-demand carbon, energy, and resource impact calculations through a developer-friendly API</p>
         <ul>
-          <li><%= link_to_homesite 'MasterCard CER', 'apps/mastercard' %></li>
-          <li><%= link_to_homesite 'Bank of America cards', 'apps/cards' %></li>
-          <li><%= link_to_homesite 'Hootroot', 'apps/hootroot' %></li>
-          <li><%= link_to_homesite 'TripCarbon', 'apps/tripcarbon' %></li>
-          <li><%= link_to_homesite 'Tronprint', 'apps/tronprint' %></li>
-          <li><%= link_to_homesite 'More &hellip;'.html_safe, 'apps' %></li>
+          <li><%= link_to 'CM1 homepage', 'http://carbon.brighterplanet.com' %> Technical details and API documentation</li>
+          <li><%= link_to_homesite 'Science publications', 'science_publications' %> Our own scientific research, powered by CM1</li>
+          <li><%= link_to_homesite 'Prototypes', 'prototypes' %> Experiments from our staff that demonstrate CM1's capabilities</li>
+          <li><%= link_to_homesite 'App gallery', 'app_gallery' %> A showcase of Brighter Planet-powered apps created by developers from across the community</li>
+          <li><%= link_to 'Reference data', 'http://data.brighterplanet.com' %> Our always-current clearinghouse of global climate, geographic, and demographic data</li>
+        </ul>
+      </div>
+    </li>
+    <li class="models">
+      <%= link_to 'Models', 'http://carbon.brighterplanet.com/models' %>
+      <div>
+        <p>Brighter Planet's technology platform calculates the carbon, energy, and resource impact of a variety of real-life emission sources. Our impact models resiliently adapt to user input, have been third-party certified, and feature expressive, human-oriented APIs.</p>
+        <ul>
+<% BrighterPlanet.metadata.emitters.sort.map(&:underscore).each do |model| %>
+          <li><%= link_to model.humanize, "http://carbon.brighterplanet.com/models/#{model}" %></li>
+<% end %>
         </ul>
       </div>
     </li>

data/lib/brighter_planet_layout.rb

@@ -3,6 +3,7 @@ require 'singleton'
 require 'simple-rss'
 require 'eat'
 require 'tronprint'
+require 'brighter_planet_metadata'
 
 require 'brighter_planet_layout/version'
 

data/lib/brighter_planet_layout/version.rb

@@ -1,5 +1,5 @@
 module BrighterPlanet
   class Layout
-    VERSION = '0.4.1'
+    VERSION = '0.4.2'
   end
 end

data/public/stylesheets/brighter_planet.css

@@ -108,19 +108,36 @@ a img {
 
 #header ul li div {
   display: none;
-  background: #222;
-  background: rgba(0,0,0,0.9);
-  min-width: 160px;
+  background: white;
+  background: rgba(255,255,255,0.8);
+  background-image: -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      color-stop(0, rgba(220,220,220,0.8)),
+      color-stop(0.1, rgba(255,255,255,0.8))
+  );
+  background-image: -moz-linear-gradient(
+      center top,
+      rgba(220,220,220,0.8) 0%,
+      rgba(255,255,255,0.8) 10%
+  );
+  width: 520px;
   position: absolute;
   top: 60px;
   z-index: 100;
   -moz-border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;
-  border-bottom: 1px solid black;
+  border-bottom: 1px solid silver;
+  border-right: 1px solid silver;
   padding: 7px 10px;
 }
 
+#header ul li.models div {
+  width: 360px;
+}
+
 @media screen and (-webkit-min-device-pixel-ratio:0) { #header ul li div { top: 59px; }}
 
 #header ul li:hover div {
@@ -145,39 +162,63 @@ a img {
   background-color: rgba(0,0,0,0.1);
 }
 
+#header ul li div p {
+  float: left;
+  width: 220px;
+  color: #444;
+  font-size: 16px;
+  padding: 3px 14px 0 0;
+  border-right: 1px solid #ddd;
+  -moz-box-shadow: 1px 0 0 #eee;
+  -webkit-box-shadow: 1px 0 0 #eee;
+  box-shadow: 1px 0 0 #eee;
+}
+
 #header ul li div ul {
   margin: 0;
-  width: auto;
+  width: 260px;
+  border-left: 1px solid #eee;
+  -moz-box-shadow: -1px 0 0 #ddd;
+  -webkit-box-shadow: -1px 0 0 #ddd;
+  box-shadow: -1px 0 0 #ddd;
+  padding: 0 0 0 15px;
+}
+
+#header ul li.models div ul {
+  width: 100px;
 }
 
 #header ul li div ul li {
   float: none;
   width: auto;
-  border: none;
+  border: none !important;
+  color: #888;
+  margin: 0 0 7px;
 }
 
 #header ul li div ul li:last-child {
-  border: none;
+  margin-bottom: none;
 }
 
 #header ul li div ul li a {
-  border: none;
+  border: none !important;
   text-align: left;
   text-transform: none;
   text-decoration: underline;
-  color: #aaa;
+  color: #444;
   line-height: 1.2;
-  text-shadow: 1px 1px 0 black;
-  padding: 3px 0;
+  text-shadow: 1px 1px 0 white;
+  padding: 3px 5px 3px 0;
   font-size: 14px;
+  display: inline;
 }
 
 #header ul li div ul li a:hover {
   background: none;
-  color: #ddd;
+  color: black;
 }
 
-#header p {
+#header p.secondary {
   position: absolute;
   right: 15px;
   top: 0;
@@ -185,15 +226,15 @@ a img {
   line-height: 58px;
   color: #aaa;
   text-align: right;
+  font-size: 14px;
 }
 
-#header p a {
+#header p.secondary a {
   color: inherit;
-  font-size: 12px;
   text-shadow: -1px -1px 0 black;
 }
 
-#header p a:hover {
+#header p.secondary a:hover {
   color: silver;
 }
 
@@ -209,7 +250,7 @@ a img {
   width: 994px;
 }
 
-#header p {
+#header p.secondary {
   left: 50%;
   right: auto;
   width: 285px;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: brighter_planet_layout
 version: !ruby/object:Gem::Version
-  version: 0.4.1
+  version: 0.4.2
   prerelease: 
 platform: ruby
 authors:
@@ -10,11 +10,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-09-07 00:00:00.000000000Z
+date: 2011-09-23 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: simple-rss
-  requirement: &2164275420 !ruby/object:Gem::Requirement
+  requirement: &2156056360 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -22,10 +22,10 @@ dependencies:
         version: 1.2.3
   type: :runtime
   prerelease: false
-  version_requirements: *2164275420
+  version_requirements: *2156056360
 - !ruby/object:Gem::Dependency
   name: eat
-  requirement: &2164275000 !ruby/object:Gem::Requirement
+  requirement: &2156055940 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -33,10 +33,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *2164275000
+  version_requirements: *2156055940
 - !ruby/object:Gem::Dependency
   name: tronprint
-  requirement: &2164274460 !ruby/object:Gem::Requirement
+  requirement: &2156055400 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -44,10 +44,10 @@ dependencies:
         version: 1.2.0
   type: :runtime
   prerelease: false
-  version_requirements: *2164274460
+  version_requirements: *2156055400
 - !ruby/object:Gem::Dependency
   name: test-unit
-  requirement: &2164274040 !ruby/object:Gem::Requirement
+  requirement: &2156054980 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -55,7 +55,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *2164274040
+  version_requirements: *2156054980
 description: Layouts, partials, stylesheets, and images
 email:
 - andy@rossmeissl.net