tahoe.haml

-#!haml
-#
-# file: tahoe.haml
-# Copyright 2012 Getaround, Inc. All rights reserved.
-#
-# Snowcars Collection

-common = _haml.imp("%s/common/common" % ROOT)
-footer_new = _haml.imp("%s/common/partials/_footer_new" % ROOT)

-def header():
  %meta{ "name": "viewport", "content": "initial-scale=1.00, maximum-scale=1.00, user-scalable=no" }
  %meta{ "name": "apple-mobile-web-app-capable", "content": "yes" }
  %meta{ "name": "apple-mobile-web-app-status-bar-style", "content": "black" }

-def page():

  .wrapper.marketing.tahoe
    .billboard.header
      .container-fluid.center-top-left
        .row-fluid
          .span10.offset1
            .splash

    .container-fluid.page.top

      .sheet.top.tahoe-snippet
        .heading-title
          %h1
            The fresh powder is falling. Getaround can get you there.
          %h3
            Choose from our collection of hand picked snow conquering vehicles.
        .space-breaker

    -footer_new.render()

-common.wrapInHTMLBoilerplate(page, head=header, html_class="marketing push-footer")

tahoe.sass

#public-tahoe
  min-width: 320px
  .billboard
    +background( linear-gradient( rgba(1,1,1,.2), rgba(255,255,255,.2) 58%), url(/img/public/tahoe/header_bg.jpg) )
    +background-size( cover )
    background-position: center
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5)
      +background( linear-gradient( rgba(1,1,1,.2), rgba(255,255,255,.2) 58%), url(/img/public/tahoe/header_bg_2x.png))
      +background-size( cover )
      background-position: center
  .center-top-left
    max-width: 1170px    
    .splash
      display: block
      margin-top: 145px
      height: 220px
      background: url(/img/public/tahoe/splash.png?v=1) no-repeat
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5)
        width: 100%
        height: 100px
        margin: 0 auto
        background: url(/img/public/tahoe/splash_2x.png) no-repeat
  .heading-title
    padding-bottom: $gutter*1
    h1
      text-align: center
      font-size: 40px
      line-height: 42px
      +font-family-sommet
    h2
      text-align: center
      line-height: normal
      +font-family-sommet
    h3
      text-align: center
      font-size: 30px
      +font-family-sommet-light
      color: $grayLight
      line-height: normal
      margin-top: -10px
  .space-breaker
    margin: $gutter*1 $gutter
    background: $grayLightest
    height: 1px