index.html.haml 2.26 KB
---
layout: default
title: Applications Supporting GitLab
suppress_header: true
extra_css:
  - applications.css
extra_js:
  - applications/search_bar.js
  - applications/broken_image_placeholder.js
  - applications/categories_scroller.js
  - scroll_to_top.js
---
.wrapper
  .application-container
    %h1 Our Application Partners
    %p
      :markdown
        Every application that supports Git will work with GitLab. Below are some of the applications we wanted to highlight. To learn more about integrating with GitLab and read how to add an application to this page, please head to our [partners page](https://about.gitlab.com/partners/).
  .search-container
    .container
      %input.js-search-apps{ type: "search", placeholder: "Search for an application by name" }
      %span.fa.fa-search.search-apps-container-icon.search
      %span.fa.fa-times.search-apps-container-icon.reset
    %ul.suggestions
      .container.js-suggestions
  .container
    %h2.categories-header Application categories
    .app-categories
      - data.applications.each do |category|
        .app-category
          %a{ href: "##{category.id}"}
            = partial "/images/applications/categories/#{category.id.underscore}.svg"
            %span.category-name= category.title

    .js-app-list.affix-threshold
      - data.applications.each do |category|
        %hr

        %h2.category-title.js-category-title= category.title.split.map(&:capitalize).join(' ')

        .category-applications{ id: category.id }
          - category.applications.each do |application|
            .application
              .app-image-container
                = image_tag "/images/applications/apps/#{application.title.parameterize.underscore}.png", class: 'app-image'
              %h3.app-title.js-application-title= application.title
              %p.app-content= application.content
              - if application.links
                = link_to 'Link', application.links.first, class: 'link', target: '_blank', rel: 'noopener nofollow noreferrer'
                %br

      .js-scroll-to-top.scroll-to-top
        %i.fa.fa-chevron-up

%p.text-center.trademark All logos and trademarks are the property of their respective owners.

%script#js-placeholder-image{ type: 'text/template' }= partial '/images/applications/apps/placeholder.svg'