teagles / steam

---
title: Home page
---
!!! XML
!!!
%html{ :lang => "en" }
  %head
    %meta{ :charset => "utf-8" }

    %title {{ site.name }}

    %meta{ :content => "{{ site.meta_description }}", :name => "description" }
    %meta{ :content => "{{ site.meta_keywords }}", :name => "keywords" }

    {{ '/foo/bar' | auto_discovery_link_tag: 'rel:alternate', 'type:application/atom+xml', 'title:A title' }}

    / Le HTML5 shim, for IE6-8 support of HTML elements

    /[if lt IE 9]
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

    <link href="/fonts/chunkfive.css" media="screen" rel="stylesheet" type="text/css" />

    / Le styles
    {{ 'http://fonts.googleapis.com/css?family=Open+Sans:400,700' | stylesheet_tag }}
    {{ 'reboot' | stylesheet_tag }}
    {{ 'application' | stylesheet_tag }}
    %script{ :src => "{{ 'application.js' | javascript_url }}", :type => 'text/javascript' }

    %script{ :src => 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', :type => 'text/javascript' }

    {% inline_editor %}

  %body
    .container
      #menu
        %ul#nav
          %li#home{ :class => "{% if page.fullpath == 'index' %}on{% endif %} link" }
            %a{ :href => '/' } Home
          {% nav site, no_wrapper: true, exclude: 'events' %}
        .clear

      #banner
        {% block banner %}
        .photo
          %img{ :src => "{% editable_file 'Page image', hint: 'Top banner image in each page (602px by 397px)' %}/samples/photo.jpg{% endeditable_file %}" }

        .text
          {% editable_long_text 'pitch' %}
          %h2 About Us
          %p
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae egestas neque. Proin ac ante ante, sit amet egestas purus. Fusce tincidunt mattis sapien eget sodales. Cras aliquet odio eu nisl dapibus placerat.
            %br
            %a{ :href => '/about_us' } read more...
          {% endeditable_long_text %}
        {% endblock %}

        .clear

      #content
        {% block content %}

        #events.unit.size1of2
          %h2 Upcoming events

          %ul.list
            {% for event in contents.events limit: 6 %}
            %li
              %em {{ event.date | localized_date: '%a, %B %d, %Y' }}
              &nbsp;-&nbsp;
              {{ event.place }}, {{ event.city }}, {{ event.state }}
            {% endfor %}

          %p.more
            %a{ :href => '/events' } See more events ...

        #updates.unit.size1of2
          %h2 Site updates

          %ul.list
            {% for update in contents.updates %}
            %li
              %em {{ update.date | localized_date: '%B %d' }}
              &nbsp;-&nbsp;
              {{ update.title }}
            {% endfor %}

        {% endblock %}

        .clear

      #footer
        #is_templatized{templatized: "{{ page.templatized? }}"}
        #scoped_translation{scoped_translation: "{{ 'fr' | translate: 'en', 'locomotive.locales' }}"}

        {% include footer %}

        {% include a_complicated-one %}

    {% google_analytics 'UA-20661758-1' %}