app/views/pages/index.liquid.haml

---
title: Home
published: true
listed: true
---
!!!
/ paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
/[if lt IE 7] <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
/[if IE 7] <html class="no-js lt-ie9 lt-ie8" lang="en">
/[if IE 8] <html class="no-js lt-ie9" lang="en">
/ Consider adding a manifest.appcache: h5bp.com/d/Offline
/ [if gt IE 8]><!
%html.no-js{:lang => "en" }
  / <![endif]

  %head
    %meta{ :charset => "utf-8" }
    %meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }
    %meta{ :name => "viewport", :content => "initial-scale=1, width=device-width" }

    %link{ href: "{{ 'favicon.ico' | theme_image_url }}", rel: 'shortcut icon', type: 'image/vnd.microsoft.icon' }

    %link{ rel: 'author', href: 'https://google.com/+DidierLafforgue/posts' }

    {% seo %}

    <!--[if lt IE 9]>
    {{ 'html5shiv' | javascript_tag }}
    <![endif]-->

    %link{href: 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,300,600,800', rel: 'stylesheet', type: 'text/css'}
    {{ 'screen' | stylesheet_tag }}

    {{ 'jquery-1.9.1.min' | javascript_tag }}
    {{ 'bootstrap.min' | javascript_tag }}
    {{ 'home' | javascript_tag }}

  %body
    {% include 'nav' %}

    {% if page.slug == 'index' %}
    %section#page-head
      .inner-container
        %h1 {% editable_text page_head_title, priority: 10, format: raw, rows: 1, line_break: false, fixed: true %}Welcome to the documentation center{% endeditable_text %}

        {% editable_text page_head_content, priority: 9, format: html, rows: 5, line_break: false, fixed: true %}
        %p
          We're here to help you any way we can.
          %br
          Below you’ll find documentation, tutorials and resources on how to use LocomotiveCMS.
        {% endeditable_text %}
    {% endif %}

    #main-generic

      #content-column
        {% unless page.fullpath == 'index' %}
        {% block title %}
        %h3 {{ page.title }}
        {% endblock %}
        {% endunless %}

        %article

          {% block content %}

          #home-items

            %section.home-item
              .picto {{ 'pictos/quickstart.png' | theme_image_tag }}
              %h2
                Getting Started
              %p
                The basics of getting started with LocomotiveCMS.
              %p
                %a.btn{ :href => "/get-started" } See

            %section.home-item
              .picto {{ 'pictos/guides.png' | theme_image_tag }}
              %h2
                Guides
              %p
                Guides to walk you through specific development tasks with LocomotiveCMS.
              %p
                %a.btn{ :href => "/guides" } See

            %section.home-item
              .picto {{ 'pictos/video.png' | theme_image_tag }}
              %h2
                Videos
              %p
                Easy to follow video tutorials that teach the basics of LocomotiveCMS.
              %p
                %a.btn{ :href => "/videos" } See

            %section.home-item
              .picto {{ 'pictos/books.png' | theme_image_tag }}
              %h2
                References
              %p
                Reference documentation for the API, configuration options, and Liquid template features.
              %p
                %a.btn{ :href => "/references" } See

            %section.home-item
              .picto {{ 'pictos/community.png' | theme_image_tag }}
              %h2
                Community
              %p
                Get support from and contribute to the LocomotiveCMS community.
              %p
                %a.btn{ :href => "/community" } See

            %section.home-item
              .picto {{ 'pictos/creating_blog.png' | theme_image_tag }}
              %h2
                Making a blog
              %p
                This comprehensive step by step tutorial will help you create blogs and websites.
              %p
                %a.btn{ :href => "/making-blog" } See

        .clear

        {% endblock %}

        #fork-me
          {% block fork_me %}
          %a{href: "https://github.com/locomotivecms/documentation/blob/master/app/views/pages/{{page.fullpath}}.liquid.haml"}
            Contribute → Fork this page on GitHub
          {% endblock %}

      #sidebar-column
        #search
          %form{ action: '/search' }
            %input{ type: 'text', id: 'search-input', name: 'search', placeholder: 'search...' }

        {% block sidebar %}

        {% include sidebar_menu handle: 'get-started' %}

        {% include sidebar_menu handle: 'guides' %}

        {% include sidebar_menu handle: 'videos' %}

        {% include sidebar_menu handle: 'references' %}

        {% include sidebar_menu handle: 'community' %}

        {% include sidebar_menu handle: 'making-blog' %}

        {% endblock %}

    {% include "footer" %}

    {{ 'highlight.pack' | javascript_tag }}

    %script
      hljs.initHighlightingOnLoad();

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