Skip to content
Snippets Groups Projects
Verified Commit 6de60b82 authored by Luke "Jared" Bennett's avatar Luke "Jared" Bennett
Browse files

Updated README.md with applications info

Updated applications page
parent 3420ca92
Branches andrey-remove-group-caching
No related tags found
2 merge requests!4499Update applications page,!4461New releasepost look + Release post 9.0
Pipeline #
Showing
with 142 additions and 41 deletions
2.3.0
Loading
Loading
@@ -134,6 +134,56 @@ Edit [`data/pets.yml`](./data/pets.yml) and add a new entry.
 
Images should be uploaded to [`source/images/team/pets`](./source/images/team/pets).
 
### Adding an application to the applications page
#### Adding a new application
Edit [`data/applications.yml`](./data/applications.yml) and add a new entry within
the correct categories `applications` list.
Please add a `.png` image to [`source/images/applications/apps`](./source/images/applications/apps),
the name of the image should be the same as the title, but with underscores instead of spaces.
Example:
```yaml
...
- title: My new application
content: My new application description.
links:
- url: https://my-new-application.io
title: my-new-application.io
- ...
...
```
The image should be located in `source/images/applications/apps/my_new_application.png`.
The application `content` string will be truncated to 100 characters. Please do not include any HTML tags.
The application `links` list will be truncated to 3 links.
#### Adding a new category
If you **need** to create a new category, you can do so.
Please add an `.svg` image to [`source/images/applications/categories`](./source/images/applications/categories),
the name of the image should be the same as the category id, but with underscores instead of hyphens.
Example:
```yaml
...
- title: My new category
id: my-new-category
applications:
- ...
- ...
...
```
The image should be located in `source/images/applications/categories/my_new_category.svg`.
### Updating the promotion link
 
This link appears at the top of the homepage and can be used to promote new
Loading
Loading
Loading
Loading
@@ -121,7 +121,6 @@ helpers do
options[:class] << " active" if url == current_page.url
link_to(link_text, url, options)
end
end
 
# Build-specific configuration
Loading
Loading
Loading
Loading
@@ -50,7 +50,7 @@
links:
- url: http://branchesapp.co
title: branchesapp.co
- title: Command Line Interface (CLI) Clients
- title: CLI Clients
id: cli-clients
applications:
- title: Narkoz's Ruby wrapper & CLI
Loading
Loading
@@ -425,8 +425,8 @@
links:
- url: https://plugins.jetbrains.com/plugin/7319?pr=phpStorm
title: Plugin on the Jetbrains site
- title: Performance measurement
id: performance-measurement
- title: Performance Measurements
id: performance-measurements
applications:
- title: AppSignal
content: 'AppSignal <a href="http://blog.appsignal.com/blog/2015/01/20/gitlab-integration.html">support GitLab</a> and can monitor both Rails and Sidekiq.'
Loading
Loading
@@ -453,15 +453,15 @@
- url: https://blackfire.io/docs/integrations/gitlab
title: Gitlab integration documentation
 
- title: Login with your GitLab.com account
id: login-with-gitlab
- title: Login
id: login
applications:
- title: OAuth2 service provider
content: Using the OAuth2 service provider to sign into other services.
links:
- url: https://gitlab.com/gitlab-org/gitlab-ce/blob/master/doc/integration/oauth_provider.md
title: GitLab as OAuth2 authentication service provider
- title: Scrum boards
- title: Scrum Boards
id: scrum-boards
applications:
- title: Taiga.io
Loading
Loading
@@ -509,7 +509,7 @@
- url: https://www.penflip.com/
title: penflip.com
- title: GitLab Runners
id: runners
id: gitlab-runners
applications:
- title: Official GitLab Runner
content: Written in Go, supported on multiple operating systems and includes Docker support.
Loading
Loading
Loading
Loading
@@ -5,40 +5,50 @@ suppress_header: true
extra_css:
- applications.css
extra_js:
- applications.js
- applications/search_bar.js
- applications/broken_image_placeholder.js
- applications/categories_scroller.js
- scroll_to_top.js
---
.wrapper
.application-container
.application-overlay
.application-content
%h1 Applications Supporting GitLab
%h1 Our Application Partners
%p
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu consequat quam.
Suspendisse imperdiet eros lacus, id bladit sem volutpat ut.
.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
.container-text
%p
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 #{link_to 'partners page', 'http://about.gitlab.com/partners'}
.search-container
%input.search-apps{ type: "text", 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
.app-list
- data.applications.each do |app_category|
%hr{id: app_category.id}
%h2
= app_category.title
.row
- app_category.applications.each do |application|
.col-md-4
.app
%h4
= application.title
%p
= application.content
- if application.links
- application.links.each do |link|
%a{href: link.url, title: link.title}
= link.title
%br
%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
= image_tag "/images/applications/apps/#{application.title.parameterize.underscore}.png", width: 100, height: 100
%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
%script#js-placeholder-image{ type: 'text/template' }= partial '/images/applications/apps/placeholder.svg'
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="none" d="M0 0h100v100H0z"/><path fill="#ec6d2e" d="M99.8 56.6l-5.6-17.2-11-34a2 2 0 0 0-3.7-.2l-11 34.2h-37l-11-34A2 2 0 0 0 17 5L5.7 39.5l-5.5 17A3.8 3.8 0 0 0 1.6 61L50 96l48.4-35a3.8 3.8 0 0 0 1.4-4.4"/><path fill="#9c9b9b" d="M50 96l18.4-56.6H31.6z"/><path fill="#c6c6c5" d="M50 96L31.6 39.4H5.8z"/><path fill="#ececec" d="M5.8 39.4L.2 56.6A3.8 3.8 0 0 0 1.6 61L50 96z"/><path fill="#9c9b9b" d="M5.8 39.4h25.8l-11-34a2 2 0 0 0-3.7 0z"/><path fill="#c6c6c5" d="M50 96l18.4-56.6h25.8z"/><path fill="#ececec" d="M94.2 39.4l5.6 17.2a3.8 3.8 0 0 1-1.4 4.3L50 96l44.2-56.6z"/><path fill="#9c9b9b" d="M94.2 39.4H68.4l11-34a2 2 0 0 1 3.7 0z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-27h14.05a13 13 0 0 0 12.95 12 1 1 0 0 0 1-1v-24a1 1 0 0 0-1-1 13 13 0 0 0-12.95 12h-14.05v-31h72v31h-15.05a13 13 0 0 0-12.95-12 1 1 0 0 0-1 1v6h-9a1 1 0 0 0 0 2h9v8h-9a1 1 0 0 0 0 2h9v6a1 1 0 0 0 1 1 13 13 0 0 0 12.95-12h15.05v25.9a4.11 4.11 0 0 1-4.1 4.1zm-51.9-31a11 11 0 0 1 10-11v22a11 11 0 0 1-10-11zm29-11a11 11 0 0 1 0 22z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m51.44 25.18v-.06a1.69 1.69 0 0 0-1.63-1.12h0a1.73 1.73 0 0 0-1.64 1.2l-3.97 12.8h-12.39l-2.44-8.08v0l-1.53-4.71a1.69 1.69 0 0 0-1.63-1.21h0a1.73 1.73 0 0 0-1.64 1.18l-4.16 12.82v.06l-2.11 6.49a2.43 2.43 0 0 0 .88 2.72l18.23 13.25a1 1 0 0 0 .59.19 1 1 0 0 0 .59-.19l18.25-13.26a2.43 2.43 0 0 0 1-1.7 2.4 2.4 0 0 0-.1-1zm4.23 20.46l-17.67 12.84-17.66-12.83a.44.44 0 0 1-.16-.49l6-18.54 1.26 3.88 2.65 8.78a1 1 0 0 0 1 .71h13.85a1 1 0 0 0 1-.7l3.91-12.66 6 18.52a.42.42 0 0 1 0 .18.43.43 0 0 1-.18.32z"/><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m52.5 23h-29a5 5 0 0 0-5 5v29c0 .14 0 .29 0 .43a5 5 0 0 0 5 4.57h29a5 5 0 0 0 5-5v-29a5 5 0 0 0-5-5zm3 34a3 3 0 0 1-3 3h-29a3 3 0 0 1-3-2.74c0-.09 0-.17 0-.26v-29a3 3 0 0 1 3-3h29a3 3 0 0 1 3 3z"/><path d="m29.08 34.28a1 1 0 0 0-1.41 1.41l6.81 6.81-6.81 6.81a1 1 0 1 0 1.41 1.41l7.52-7.52a1 1 0 0 0 0-1.41z"/><path d="m48.5 49h-10a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z"/><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m58.14 39.46a5.65 5.65 0 0 0-3.14.31v-11.77a1 1 0 0 0-1-1h-11.77a5.64 5.64 0 1 0-10.46 0h-11.77a1 1 0 0 0-1 1v13.55a1 1 0 0 0 1.67.75 3.64 3.64 0 1 1 0 5.41 1 1 0 0 0-1.67.74v13.55a1 1 0 0 0 1 1h13.55a1 1 0 0 0 .75-1.67 3.65 3.65 0 0 1-.87-3.12 3.64 3.64 0 1 1 6.28 3.12 1 1 0 0 0 .74 1.67h13.55a1 1 0 0 0 1-1v-11.77a5.64 5.64 0 1 0 3.14-10.77zm1.77 7.83a3.63 3.63 0 0 1-5.24.41 1 1 0 0 0-1.67.74v12.56h-10.77a5.63 5.63 0 0 0-1.67-6.46 5.63 5.63 0 0 0-8.79 6.46h-10.77v-10.77a5.64 5.64 0 1 0 0-10.46v-10.77h12.55a1 1 0 0 0 .74-1.67 3.64 3.64 0 1 1 5.41 0 1 1 0 0 0 .75 1.67h12.55v12.55a1 1 0 0 0 1.67.75 3.63 3.63 0 0 1 5.25 5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m37.5 28.09a4.55 4.55 0 0 0 2.41-.7l10.55 10.37a1.06 1.06 0 0 0 1.49-1.51l-10.54-10.36a4.58 4.58 0 1 0-3.91 2.2zm-1.7-6.29a2.41 2.41 0 1 1 3.4 3.4 2.46 2.46 0 0 1-3.4 0 2.4 2.4 0 0 1 0-3.4z"/><path d="m57.5 37.91a4.58 4.58 0 0 0-3.9 7l-10.36 10.55a1.06 1.06 0 0 0 1.51 1.49l10.36-10.54a4.59 4.59 0 1 0 2.39-8.5zm1.7 6.29a2.46 2.46 0 0 1-3.4 0 2.41 2.41 0 1 1 3.4 0z"/><path d="m37.5 57.91a4.55 4.55 0 0 0-2.37.67l-9.55-10.3a1.06 1.06 0 1 0-1.58 1.44l9.59 10.35a4.58 4.58 0 1 0 3.88-2.16zm1.7 6.29a2.46 2.46 0 0 1-3.4 0 2.41 2.41 0 1 1 3.4 0z"/><path d="m32.72 30.58a1.06 1.06 0 1 0-1.44-1.58l-10.35 9.62a4.65 4.65 0 1 0 1.48 1.51zm-12.52 13.62a2.46 2.46 0 0 1-3.4 0 2.41 2.41 0 1 1 3.4 0z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m29 54a1 1 0 0 0 0-2h-1v-6a1 1 0 0 0-2 0v6h-17a1 1 0 0 0 0 2z"/><path d="m27 34a1 1 0 0 0-1 1v7h-5a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2h-3v-7a1 1 0 0 0-1-1z"/><path d="m60 23h-29a5 5 0 0 0-5 5v3h-11a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2h-3v-3a3 3 0 0 1 3-3h29a3 3 0 0 1 3 3v29a3 3 0 0 1-3 3h-29a3 3 0 0 1-3-2.72c0-.17 0-1.17 0-1.28a1 1 0 0 0-2 0c0 .12 0 1.31 0 1.43a5 5 0 0 0 5 4.57h29a5 5 0 0 0 5-5v-29a5 5 0 0 0-5-5z"/><path d="m35.17 50.72a1 1 0 0 0 1.41 0l7.52-7.52a1 1 0 0 0 0-1.41l-7.52-7.52a1 1 0 0 0-1.41 1.41l6.83 6.82-6.81 6.81a1 1 0 0 0-.02 1.41z"/><path d="m56 51a1 1 0 0 0 0-2h-10a1 1 0 0 0 0 2z"/><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m61.29 30h-1.29a1 1 0 0 0 0 2h1.29a1.71 1.71 0 0 1 1.71 1.71v17.58a1.71 1.71 0 0 1-1.71 1.71h-1.29a1 1 0 0 0 0 2h1.29a3.71 3.71 0 0 0 3.71-3.71v-17.58a3.71 3.71 0 0 0-3.71-3.71z"/><path d="m14.71 32h2.29a1 1 0 0 0 0-2h-2.29a3.71 3.71 0 0 0-3.71 3.71v17.58a3.71 3.71 0 0 0 3.71 3.71h2.29a1 1 0 0 0 0-2h-2.29a1.71 1.71 0 0 1-1.71-1.71v-17.58a1.71 1.71 0 0 1 1.71-1.71z"/><path d="m52.65 23h-28.3a5.36 5.36 0 0 0-5.35 5.35v28.3a5.36 5.36 0 0 0 5.35 5.35h28.3a5.36 5.36 0 0 0 5.35-5.35v-28.3a5.36 5.36 0 0 0-5.35-5.35zm3.35 33.65a3.36 3.36 0 0 1-3.35 3.35h-28.3a3.36 3.36 0 0 1-3.35-3.35v-28.3a3.36 3.36 0 0 1 3.35-3.35h28.3a3.36 3.36 0 0 1 3.35 3.35z"/><path d="m49 35a4 4 0 0 0-3.86 3h-13.28a4 4 0 1 0 0 2h3.14c.59 0 1 1 1 1.93v3.64a3.43 3.43 0 0 0 3.43 3.43h2.71a4 4 0 1 0 0-2h-2.71a1.43 1.43 0 0 1-1.43-1.43v-3.64a5.14 5.14 0 0 0-.38-1.93h7.52a4 4 0 1 0 3.86-5zm-3 11a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm-18-5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm21 0a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"/><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m52 24h-26a5 5 0 0 0-5 5v6a1 1 0 0 0 2 0v-6a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3v26a3 3 0 0 1-3 3h-26a3 3 0 0 1-3-3v-6a1 1 0 0 0-2 0v6a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5v-26a5 5 0 0 0-5-5z"/><path d="m39 47a5 5 0 1 0-4.9-6h-22.1a1 1 0 0 0 0 2h22.1a5 5 0 0 0 4.9 4zm0-8a3 3 0 1 1-3 3 3 3 0 0 1 3-3z"/><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m46 29h-16a5 5 0 0 0-5 5v16a5 5 0 0 0 5 5h16a5 5 0 0 0 5-5v-16a5 5 0 0 0-5-5zm3 21a3 3 0 0 1-3 3h-16a3 3 0 0 1-3-3v-16a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3z"/><path d="m57 18h-16a5 5 0 0 0-5 5v3a1 1 0 0 0 2 0v-3a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3h-3a1 1 0 0 0 0 2h3a5 5 0 0 0 5-5v-16a5 5 0 0 0-5-5z"/><path d="m38 57a1 1 0 0 0-1 1v4a3 3 0 0 1-3 3h-16a3 3 0 0 1-3-3v-16a3 3 0 0 1 3-3h4a1 1 0 0 0 0-2h-4a5 5 0 0 0-5 5v16a5 5 0 0 0 5 5h16a5 5 0 0 0 5-5v-4a1 1 0 0 0-1-1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m58.34 23.58a5 5 0 0 0-5.44 8.33l-5.6 10.27a4.95 4.95 0 0 0-5.23 1.73l-7.25-3.63a5 5 0 1 0-7.91 2.63l-5.6 10.26a5 5 0 1 0-1.31 9.83 5 5 0 0 0 4.79-6.47 5 5 0 0 0-1.69-2.45l5.6-10.26a4.94 4.94 0 0 0 1.3.18 5 5 0 0 0 1.47-.22 5 5 0 0 0 2.46-1.7l7.25 3.63a5 5 0 1 0 7.91-2.63l5.6-10.26a4.94 4.94 0 0 0 1.31.18 5 5 0 0 0 2.35-9.42zm-35.69 35.83h0a3 3 0 1 1 .22-2.29 3 3 0 0 1-.22 2.29zm10-19a3 3 0 0 1-4.05 1.24h0a3 3 0 1 1 4.05-1.24zm16 8h0a3 3 0 1 1 .22-2.29 3 3 0 0 1-.22 2.29zm10-19a3 3 0 0 1-4.05 1.24h0a3 3 0 1 1 4.05-1.24z"/><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m39 57.1v-7.1a1 1 0 0 0-2 0v7.1a5 5 0 1 0 2 0zm-1 7.9a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"/><path d="m38 17a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"/><path d="m39 37.1v-7.1a1 1 0 0 0-2 0v7.1a5 5 0 1 0 2 0zm-1 7.9a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"/><path d="m58 57a5 5 0 0 0-4.9 4h-7.1a1 1 0 0 0 0 2h7.1a5 5 0 1 0 4.9-6zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"/><path d="m46 43h11v11a1 1 0 0 0 2 0v-12a1 1 0 0 0-1-1h-12a1 1 0 0 0 0 2z"/><path d="m30 61h-7.1a5 5 0 1 0 0 2h7.1a1 1 0 0 0 0-2zm-12 4a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"/><path d="m30 41h-12a1 1 0 0 0-1 1v12a1 1 0 0 0 2 0v-11h11a1 1 0 0 0 0-2z"/></svg>
<svg viewBox="0 0 76 76" width="76" height="76" xmlns="http://www.w3.org/2000/svg"><path d="m69.9 0h-64.9a5 5 0 0 0-5 5v66a5 5 0 0 0 5 5h64.9a6.11 6.11 0 0 0 6.1-6.1v-63.8a6.11 6.11 0 0 0-6.1-6.1zm-64.9 2h64.9a4.11 4.11 0 0 1 4.1 4.1v2.9h-72v-4a3 3 0 0 1 3-3zm64.9 72h-64.9a3 3 0 0 1-3-3v-60h72v58.9a4.11 4.11 0 0 1-4.1 4.1z"/><path d="m7.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m12.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m17.5 7a1.5 1.5 0 1 0-1.5-1.5 1.5 1.5 0 0 0 1.5 1.5zm0-2a .5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"/><path d="m49.84 23.5a1 1 0 0 0-.84-.5h-22a1 1 0 0 0-.87.5l-11 19a1 1 0 0 0 0 1l11 19a1 1 0 0 0 .87.5h22a1 1 0 0 0 .87-.5l11-19a1 1 0 0 0 0-1zm-1.45 37.5h-20.78l-10.4-18 10.4-18h20.78l10.4 18z"/><path d="m38 35a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm0 14a6 6 0 1 1 6-6 6 6 0 0 1-6 6z"/></svg>
source/images/applications/usersnap.png

3.92 KiB

(function () {
var ApplicationBrokenImagePlaceholder = {
init: function init(images, placeholderImage) {
this.images = [].slice.call(images);
this.placeholderImage = placeholderImage.innerHTML;
this.bindEvents();
},
bindEvents: function bindEvents() {
this.images.forEach(this.bindEvent.bind(this));
},
bindEvent: function(image) {
image.addEventListener('error', this.applyPlaceholder.bind(this));
},
applyPlaceholder: function applyPlaceholder(e) {
e.target.outerHTML = this.placeholderImage;
},
};
ApplicationBrokenImagePlaceholder.init(
document.querySelectorAll('.category-applications .application img'),
document.getElementById('js-placeholder-image')
);
}).call(this);
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment