!!!
%head
  %meta{ :charset => 'utf-8' }
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    = style_sheet
  - if enable_search
    <link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://www.google.com/cse/style/look/default.css" type="text/css" />
  
%body
  .container-fluid.header
    .col-sm-8.left
      .ribbon
        = link_to "Alpha", "about"    
      %h1
        %span.logo><
          = link_to "#in", "index"
        %span.logo.green><
          = link_to "q", "index"
        %span.logo><
          = link_to "lude", "index"
      %h2
        %span.subtitle><
          = link_to "The Qt library archive", "index"
    .col-sm-4.right  
      - if enable_search
        %gcse:searchbox-only{ resultsUrl: "https://inqlude.org/search.html" }
          Loading...
    %br{ :clear => "all" }

  .col-sm-3.side-bar
    %p{:class => "description"}
      Inqlude provides a comprehensive listing of all existing libraries for developers of applications using the #{link_to "Qt toolkit", "http://qt-project.org"}. Inqlude is run by the community and open for contributions.       
    %ul.titles-list
      %li
        = link_to "About", "about"
      %li
        = link_to "How to get libraries", "get"
      %li
        = link_to "How to contribute", "contribute"

    %p{:class => "title"} Latest releases
    %hr
    %ul.side-list
      %li
        - latest_libraries.each do |library|
          - if library.latest_manifest.group == "kde-frameworks"
            = link_to_group('kde-frameworks', 'KDE Frameworks')
          -else
            - if library.latest_manifest.display_name
              = link_to_library(library.latest_manifest.name, library.latest_manifest.display_name)
            - else
              = link_to_library(library.latest_manifest.name, library.latest_manifest.name)
          %date
            = '(' + library.latest_manifest.release_date + ')'
          %br

    %p{:class => "title"} Topics
    %hr
    %ul.side-list
      %li
        = link_to "All", "all"
        %number
          = ' (' + libraries.length.to_s + ')'
      %li
        - topics.each do |topic|
          = link_to_topic(topic)
          %number
            = ' (' + no_of_libraries(topic).to_s + ')'
          %br

  .col-sm-9.main-pane
    = yank

  %br{ :clear => "all" }

  %hr
  
  .col-sm-12.footer
    = add_footer

    - if enable_search
      :javascript
        (function() {
          var cx = '012526638842992167133:g7thmrlp2uw';
          var gcse = document.createElement('script');
          gcse.type = 'text/javascript';
          gcse.async = true;
          gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
              '//cse.google.com/cse.js?cx=' + cx;
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(gcse, s);
        })();