diff --git a/app/controllers/pages_controller.rb b/app/controllers/pages_controller.rb index f459e88..f35797d 100644 --- a/app/controllers/pages_controller.rb +++ b/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 diff --git a/app/views/layouts/alt_layout.html.haml b/app/views/layouts/alt_layout.html.haml new file mode 100644 index 0000000..bc72718 --- /dev/null +++ b/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. diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 2246e35..39543f6 100644 --- a/app/views/layouts/application.html.haml +++ b/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 diff --git a/app/views/pages/alt.html.haml b/app/views/pages/alt.html.haml new file mode 100644 index 0000000..16672e4 --- /dev/null +++ b/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' diff --git a/config/routes.rb b/config/routes.rb index 12e0f22..2bf2eae 100644 --- a/config/routes.rb +++ b/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' diff --git a/public/images/Air-one.alt.png b/public/images/Air-one.alt.png new file mode 100644 index 0000000..48c3a10 Binary files /dev/null and b/public/images/Air-one.alt.png differ diff --git a/public/stylesheets/alt_layout.css b/public/stylesheets/alt_layout.css new file mode 100644 index 0000000..6cbd96d --- /dev/null +++ b/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; }