index.html.haml 3.81 KB
Newer Older
Robert Speicher's avatar
Robert Speicher committed
1 2
---
layout: default
3
title: Technology Partners Supporting GitLab
4
description: Every application that supports Git will work with GitLab. Click here to see some of the applications & integrations we would like to highlight.
Robert Speicher's avatar
Robert Speicher committed
5 6 7
suppress_header: true
extra_css:
  - applications.css
8
extra_js:
9 10 11 12
  - applications/search_bar.js
  - applications/broken_image_placeholder.js
  - applications/categories_scroller.js
  - scroll_to_top.js
Robert Speicher's avatar
Robert Speicher committed
13 14
---
.wrapper
15
  .simple-header
William Chia's avatar
William Chia committed
16
    %h1 GitLab Technology Partners
Jarek Ostrowski's avatar
Jarek Ostrowski committed
17
  .gitlab-content-container
18 19 20 21 22
    .search-container
      .flex-container.justify-center.align-center
        %span.fas.fa-search.search-apps-container-icon
        %input.js-search-apps{ type: "search", placeholder: "Search for an application by name" }
      %ul.suggestions
Jarek Ostrowski's avatar
Jarek Ostrowski committed
23
        .js-suggestions
24 25 26
    .js-app-list.affix-threshold
      .applications-info-container.container.flex-container.flex-wrap-md.full-width
        %p.application-info
27
          Every application that supports Git will work with GitLab. Below, you can browse some of our highlighted applications. Visit our <a href="https://docs.gitlab.com/ee/user/project/integrations/project_services.html">project services documentation</a> to see services that are integated into GitLab. Visit <a href="./integrate/">how to integrate with GitLab</a> to learn more about partnering with GitLab and read how to add an application to this page.
28 29 30 31 32 33 34 35
        .app-categories-container
          .app-categories
            - data.applications.each do |category|
              %a.app-category{ href: "##{category.id}"}
                = partial "/images/applications/categories/#{category.id.underscore}.svg"
                %span.category-name= category.title
      - data.applications.each do |category|
        %h2.category-title.js-category-title= category.title.split.map(&:capitalize).join(' ')
Jarek Ostrowski's avatar
Jarek Ostrowski committed
36 37 38 39
        .category-applications{ id: category.id }
          - category.applications.each do |application|
            .application.tile
              .app-image-container
40 41 42
                - fullpath = Dir.glob('source/images/applications/apps/' + application.title.parameterize.underscore + '.{jpg,jpeg,png}').to_s
                - buildpath = JSON.parse(fullpath).join(', ').split('source')[1]
                %img.app-image{ data: { src: "#{buildpath}", alt: "#{application.title} logo image" } }
Jarek Ostrowski's avatar
Jarek Ostrowski committed
43
              %h4.js-application-title
Jarek Ostrowski's avatar
Jarek Ostrowski committed
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
                = application.title
              %p
                = application.content
              - if application.links
                - application.links.each do |app_link|
                  %a{href: app_link.url, title: app_link.title, class: 'link', target: '_blank', rel: 'noidex noopener nofollow noreferrer'}
                    = app_link.title
                  %br


    -# - data.applications.each do |category|
    -#   %h2.category-title.js-category-title= category.title.split.map(&:capitalize).join(' ')
    -#   .category-applications{ id: category.id }
    -#     - category.applications.each do |application|
    -#       .application.tile
    -#         .app-image-container
    -#           %img.app-image{ data: { src: "/images/applications/apps/#{application.title.parameterize.underscore}.png" } }
    -#         %h4
    -#           = application.title
    -#         %p.app-content
    -#           = application.content
    -#         - if application.links
    -#           - application.links.each do |app_link|
    -#             %a{href: app_link.url, title: app_link.title, class: 'link', target: '_blank', rel: 'noidex noopener nofollow noreferrer'}
    -#               = app_link.title
    -#             %br
70

71 72
    .js-scroll-to-top.scroll-to-top
      %i.fa.fa-chevron-up
73

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

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