Add alternate layout and logo

app/controllers/pages_controller.rb

@@ -5,4 +5,8 @@ class PagesController < ApplicationController
   def home
     @stylesheets = %w{reset grids layout ugallery}
   end
+  def alt
+    @stylesheets = %w{reset grids alt_layout ugallery}
+    render :layout => 'alt_layout'
+  end
 end

app/views/layouts/alt_layout.html.haml

@@ -0,0 +1,36 @@
+!!!
+%html
+  %head
+    %title= page_title
+    %meta(charset='utf-8')
+    %meta(content='J.Infield' name='author')
+    %meta(name='description' content=page_description)
+    %meta(name='copyright' content='Copyright 2011 J.Infield, all rights reserved')
+    != stylesheet_links
+    %script(src='javascripts/jquery.min.js')
+    %script(src='javascripts/jquery.ugallery-min.js')
+    %script(src='javascripts/application.js')
+  %body
+    #container
+      #header
+        %img.left#badge(src='images/Air-one.alt.png' alt='Air-one Logo')
+        #gallery.ugallery
+          %a(href="images/sprinter.1.png")
+          %a(href="images/vans.png")
+          %a(href="images/sprinter.2.png")
+          %a(href="images/office.png")
+          %a(href="images/sprinter.3.png")
+      #menu
+        %ul#nav
+          %li
+            %a(href='/')>Home
+            %a(href='/alt')>Alt
+            %a(href='/soon')>Soon
+      #content
+        = yield
+      / id='content'
+      #footer
+        :textile
+          (c)2011 J.Infield -- All rights Reserved
+    / id='container'
+/ © Copyright 2011 J.Infield. All Rights Reserved.

app/views/layouts/application.html.haml

@@ -24,6 +24,7 @@
         %ul#nav
           %li
             %a(href='/')>Home
+            %a(href='/alt')>Alt
             %a(href='/soon')>Soon
       #content
         = yield

app/views/pages/alt.html.haml

@@ -0,0 +1,55 @@
+#main
+  :customtextile
+    h1. Welcome to Air-one Services
+
+    This section of the site will contain the most recent article, which will
+    include industry specific content. This content will contain many of the
+    industry specific buzzwords and keywords.  Proper use of these keywords
+    will help drive the site to the top of the right search lists.
+
+    !(left)images/topten.png(Top Ten)! The content over here will generally be
+    the new information that I have researched for you.  Here, for example, we
+    would need to go into detail about what the image to the left signifies.
+    Specifically, I need to have more information about what this "Top Ten"
+    logo means.
+
+    bq. "...key phrases from the main body of content can be displayed to the side"
+
+    When the visitor leaves your site with a better understanding of the state
+    or your industry, or an explanation of how and why some work is done, it
+    will only boost their confidence in your abilities to get the job done.
+    Another interesting concept that will be used over here is the "Pull
+    Quote", where key phrases from the main body of content can be displayed to
+    the side. These eye-catching phrases are both visually pleasing and give
+    the reader a quick glimpse of the content included. In addition to their
+    visual appeal, this use of images, bullet lists, and tabular data can
+    entice the site visitor to read the article.
+
+    The following list contains the kind of terms we need to pin down:
+    * Types of services... like heating, plumbing, electric
+    * Supported brand names...
+    * Equipment brand names sold, and/or preferred
+    * Which, if any, products or services are specific to residential customers
+    * Which, if any, products or services are specific to commercial customers
+/ id='main'
+#sidebar
+  :customtextile
+    h1. About Us
+
+    Established in 1965, _Air-one Services_ is driven to provide the mid-south
+    region with premium HVAC(Heating, Ventilation, and Air-Conditioning),
+    plumbing and electrical services. In addition, we are one of the area's
+    largest providers of restaurant equipment sales and service.
+
+    !(left)images/family.jpg(family)! _Air-one Services_ is a family owned and
+    operated company. This in itself should help ensure you that we will strive
+    to provide you with that personal touch that will leave you feeling
+    comfortable and confident in the work we have done. This personalized
+    service also helps form a relationship between you and our company that
+    will leave you with the confidence that you should bring your future
+    business to us.  Our experienced technicians are trained to help provide
+    you with a prompt, professional solution for all your service needs.
+
+    Here we can also include detailed information about the origins of the
+    company, and other details that will help interest potential customers.
+/ id='sidebar'

config/routes.rb

@@ -1,6 +1,7 @@
 Aironeac::Application.routes.draw do
   match '/home' => 'pages#home'
   match '/soon' => 'pages#soon'
+  match '/alt' => 'pages#alt'
 
   root :to => 'pages#home'
 

public/stylesheets/alt_layout.css

@@ -0,0 +1,117 @@
+html {
+  overflow-y: scroll;
+  background-color: #101010;
+}
+
+body {
+  margin: 1.462em;
+  font: 13px/1.308 arial,helvetica,clean,sans-serif;
+  color: #f0f0f0;
+}
+
+h1,h2,h3 {
+  margin: 0 0 13px 0;
+}
+
+blockquote {
+  float: right;
+  width: 14em;
+  margin: 0 0 0 0.462em;
+  padding: 0.462em;
+}
+blockquote p {
+  font-size: 131%;
+  font-family: Georgia, serif;
+  font-style: italic;
+  color: #777;
+  margin: 0;
+}
+
+#header {
+  background-color: inherit;
+  position: relative;
+}
+#header img {
+  display: block;
+  margin-bottom: 0.462em;
+}
+#header img#badge {
+  margin-top: -1.0em;
+  margin-left: -1.5em;
+}
+#header ul li {
+  list-style: none;
+}
+
+#gallery {
+  width: 42.308em;
+  height: 15.385em;
+  float: right;
+  margin-top: 0.077em;
+}
+
+#menu {
+  clear: both;
+  margin: 0 auto;
+  overflow: hidden;
+  background-color: #00c000; }
+#menu ul {
+  margin: 0;
+}
+
+#nav {
+  overflow: hidden; }
+#nav li {
+  list-style: none;
+  float: left;
+  margin-right: 0.462em;
+  position: relative; }
+#nav li a {
+  text-decoration: none;
+  text-transform: uppercase;
+  color: #444;
+  float: left;
+  padding: 0 0.231em;
+  margin: 0.077em 0.864em;
+}
+#nav li a:hover {
+  color: #111;
+  background-color: #009e00;
+}
+
+#content .left {
+  float: left;
+  padding-right: 0.462em;
+}
+
+#content .right {
+  float: right;
+  padding-left: 0.462em;
+}
+
+#footer {
+  clear: both;
+}
+#footer p {
+  text-align: center;
+  padding: 1.462em 0;
+  color: #777;
+  border-top: solid 0.231em #00c000;
+  font-family: Georgia, serif;
+  font-size: 77%;
+  font-style: italic;
+}
+
+#selector {
+  display: none;
+}
+
+.caps {
+  font-size: 123%;
+  font-variant: small-caps;
+  font-weight: bold;
+  text-transform: lowercase;
+}
+
+.left { float: left; }
+.right { float: right; }