Jade Template for Statamic

default.jade

doctype
//if lt IE 7
  html.no-js.lt-ie9.lt-ie8.lt-ie7
//if IE 7
  html.no-js.lt-ie9.lt-ie8
//if IE 8
  html.no-js.lt-ie9
//[if gt IE 8]><!
html.no-js
  //<![endif]
  head
    meta(charset='utf-8')
    title {{ _site_name }}
    meta(name='description', content='{{ content|striptags|truncate:155 }}')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    link(rel='icon', type='image/png', href="{{ theme:img src='favicon.png' }}")
    link(rel='shortcut icon', type='image/x-icon', href='/favicon.ico')
    link(rel='alternate', type='application/rss+xml', href='feed.rss', title='RSS feed for {{ _site_name }}')
    link(rel='stylesheet', href='{{ theme:css }}')
    script(src="{{ theme:js src='vendor/custom.modernizr.js' }}")
    script(src='//use.typekit.net/ugr2sga.js')
    script(type='text/javascript')
      try{Typekit.load();}catch(e){}
    //if lt IE 9
      link(rel='stylesheet', href="{{ theme:css src='iesucks' }}")
      script(src="{{ theme:js src='respond.min.js' }}")
    //if lt IE 8
      script(src='http://updateyourbrowser.net/uyb.js')
    link(rel='canonical', href='{{ permalink }}')
  body#top


    header#header(role='banner')
      .header-upper
        .row
          nav.top-bar
            ul.title-area
              li.name
                a.brand(href='', title='{{ _site_name }}')
                  img(src="{{ theme:img src='logo.jpg'}}", alt='{{ _site_name }} Logo', width='158', height='168', alt='{{ _site_name }}')
              li.toggle-topbar.menu-icon
                a
                  span Menu
            section.top-bar-section
              ul.ul-nav {{ nav from='/' max_depth='1' }}
                li(class="{{ if is_current || is_parent }}active{{ endif }}")
                  a(href='{{ url }}', title='{{ title }}') {{ title }}
                {{ /nav }}


    #main(role='main')
      {{ layout_content }}


    footer#footer(role="contentinfo") {{ get_content from="contact" }}
      .social-links {{ social_links }}
        a(href="{{ social_links_link }}", title="{{ social_links_name }}", class="{{ social_links_name|lower }}")
          span(aria-hidden="true", class="icon-{{ social_links_name|lower|slugify }}")
          span.hide-text {{ social_links_name }} {{ /social_links }}
      p.footer-contact
        span.adr
          span.street-address {{ contact_address }} &bull;
          span.locality {{ contact_city }},
          span.region {{ contact_state }}
          span.postal-code {{ contact_zip }} &bull;
          span.tel {{ contact_phone }}
      p.copyright &copy; 2012-{{ current_date format="Y" }} {{ _site_name }} |
        a(href="{{ _site_url }}/admin.php/", title="Admin Login")Admin {{ /get_content }}


    {{ if disable_analytics != "yes" }}
    script
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-12413178-11', 'argylebouquet.com');
      ga('send', 'pageview');
    {{ endif }}
    script(src="{{ theme:js src='frankfordnac-ck' }}")

home.jade

.hero-image-container
  .hero-image {{ image src="{{ hero }}" quality="80" dim="1170x500#" }}
    img(src="{{ image_url }}", height="{{ height }}", width="{{ width }}", alt="")
    {{ /image }}

.content-container
  .row
    h2.home-title {{ home_title }}
    p.home-mission {{ home_mission }}
    ul.home-mission-items {{ home_mission_items }}
      li {{ home_mission_item }}
      {{ /home_mission_items }}