Commit 10436465 authored by Alejandro Rodríguez's avatar Alejandro Rodríguez

Use middleman helpers for images

This allows us to take full advantage of middleman URL generation
capacities.

The regular expression `%img((?:\.[\w-]+)+)\{ ?alt: ?"([\w\/\-_ ]+)" ?, ?src: ?"([\w\/\-._]+)" ?, ?style: ?"(.+)" ?\}/?`
was substituted by `= image_tag "$3", class: "$1", alt: "$2", style: "$4"`
and similar cases were derived from it.
parent 0e3e3c01
......@@ -26,7 +26,7 @@ extra_js:
.dot
%h1 1983
.tile.event-tile
%img.event-tile-image{ src: "/images/20-years-open-source/1983-gnu-project.svg", alt: "20 years open source gnu project gitlab svg" }
= image_tag "/images/20-years-open-source/1983-gnu-project.svg", class: "event-tile-image", alt: "20 years open source gnu project gitlab svg"
%h2 GNU Project launches
%p
Richard Stallman, an alumnus of MIT’s Artificial Intelligence Lab, created the GNU Project inspired by his ethos of free software. The project went on to create a free operating system as part of the journey to a
......@@ -56,7 +56,7 @@ extra_js:
.dot
%h1 1991
.tile.event-tile
%img.event-tile-image{ src: "/images/20-years-open-source/1991-linux-kernel.svg", alt: "20 years open source linux kernel gitlab svg" }
= image_tag "/images/20-years-open-source/1991-linux-kernel.svg", class: "event-tile-image", alt: "20 years open source linux kernel gitlab svg"
%h2 Advent of the Linux kernel
%p The Linux kernel, an open source, monolithic and Unix-like operating system kernel, was originally created by Linus Torvalds for his personal computer as a hobby, with no vision for any big, professional application. However, together, the kernel and GNU OS created the first completely free software operating system.
......@@ -99,7 +99,7 @@ extra_js:
.dot
%h1 1998
.tile.event-tile
%img.event-tile-image{ src: "/images/20-years-open-source/1998-open-source.svg", alt: "20 years open source gitlab svg" }
= image_tag "/images/20-years-open-source/1998-open-source.svg", class: "event-tile-image", alt: "20 years open source gitlab svg"
%h2 “Open source” is born
%i January 1998
%p Up until this point, free software was not widely adopted commercially. Plagued by politics and associated with the GPL which many considered far too liberal (“cooperation is more important than copyright”), the movement was unpopular with corporations, who often viewed free software as a threat to their own products.
......@@ -172,7 +172,7 @@ extra_js:
.dot
%h1 2005
.tile.event-tile
%img.event-tile-image{ src: "/images/20-years-open-source/2005-git-released.svg", alt: "20 years open source git release gitlab svg" }
= image_tag "/images/20-years-open-source/2005-git-released.svg", class: "event-tile-image", alt: "20 years open source git release gitlab svg"
%h2 Git is released
%i Created by Linus Torvalds
%p Git, the most popular distributed version control system (DVCS), was developed by the creator of Linux because he thought no existing open source DCVS was fit for his needs as a kernel maintainer. He and other Linux Kernel maintainers had been using BitKeeper, a proprietary DVCS, but their free-of-charge license was revoked when a Samba maintainer started to reverse-engineer it with a view to creating an open source replacement tool. Over time, Torvalds and other developers grew Git from a simple content tracker to a powerful DVCS, allowing developers to work asynchronously, across the globe, on the same code. Git forms the basis of modern code collaboration tools like GitHub, GitLab, and Bitbucket.
......@@ -193,7 +193,7 @@ extra_js:
%h2 Google releases Android as open source
%p The first version of the smartphone operating system was released as open source in September 2008. Android is now the world’s most popular mobile platform. Android is based on the Linux kernel, so its popularity means that Linux is now the dominant kernel on both mobile platforms (via Android), and supercomputers, and is a key player in server operating systems.
.tile.event-tile
%img.event-tile-image{ src: "/images/20-years-open-source/2008-free-software-legal.svg", alt: "20 years open source legal gitlab svg" }
= image_tag "/images/20-years-open-source/2008-free-software-legal.svg", class: "event-tile-image", alt: "20 years open source legal gitlab svg"
%h2 Free software licenses ruled legally binding
%p In an important legal milestone for the FOSS movement, the US federal appeals court ruled that free software licenses definitely do set legally binding conditions on the use of copyrighted work, and are therefore enforceable under existing copyright law. What this means is that end users in violating of the licensing conditions lose their license, thus infringing copyright. Although this poses a licensing risk, most commercial software vendors continue to use open source software in commercial products, while adhering to the license terms.
......@@ -224,7 +224,7 @@ extra_js:
.dot
%h1 2014
.tile.event-tile
%img.event-tile-image{ src: "/images/20-years-open-source/2014-kubernetes-launches.svg", alt: "20 years open source kubernetes gitlab svg" }
= image_tag "/images/20-years-open-source/2014-kubernetes-launches.svg", class: "event-tile-image", alt: "20 years open source kubernetes gitlab svg"
%h2 Kubernetes launches
%i Created by Google
%p The open source container orchestration platform, designed by Google, has become one of the largest and most contributed-to open source projects and emerged as the market leader for container orchestration.
......
......@@ -13,10 +13,10 @@ extra_js:
canonical_path: "/agile-delivery/"
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%img.hero-image-huge{ src: "/images/agile/agile.svg", alt: "GitLab agile graphic" }
= image_tag "/images/agile/agile.svg", class: "hero-image-huge", alt: "GitLab agile graphic"
%h1 Agile delivery
%a.btn.cta-btn.orange.devops-cta{ href: "https://learn.gitlab.com/c/201906-whitepaper-re?x=9tzwq4&utm_medium=other&utm_source=webpage&utm_campaign=betterproductsfaster" } Learn how to accelerate delivery
......@@ -75,7 +75,7 @@ canonical_path: "/agile-delivery/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px" }
%img{src: "/images/icons/scrum.svg"}
= image_tag "/images/icons/scrum.svg"
.media-body.media-middle
%h3.u-margin-top-0 Scrum
......@@ -85,7 +85,7 @@ canonical_path: "/agile-delivery/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/kanban.svg"}
= image_tag "/images/icons/kanban.svg"
.media-body.media-middle
%h3.u-margin-top-0 Kanban
......@@ -94,13 +94,13 @@ canonical_path: "/agile-delivery/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/agile.svg"}
= image_tag "/images/icons/agile.svg"
.media-body.media-middle
%h3.u-margin-top-0 Agile mindset
%p.u-margin-bottom-0 An Agile mindset means viewing setbacks as learning opportunities, embracing iteration, collaboration, and change, and focusing on delivering value. With an Agile mindset, teams can adjust to changing market needs, respond to customer feedback, and deliver business value. Adopting a new perspective can positively change a team’s culture, since the shift permits innovation without fear, collaboration with ease, and delivery without roadblocks.
%img{ src: "/images/agile/agile-ci-cd.svg", alt: "Agile diagram" }
= image_tag "/images/agile/agile-ci-cd.svg", alt: "Agile diagram"
.row.u-margin-top-lg.js-in-page-nav-section#resources
......
......@@ -7,10 +7,10 @@ extra_css:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%img.hero-image-small{ src: "/images/devops-tools/gitlab-logo.svg", alt: "Gitlab logo devops tools svg" }
= image_tag "/images/devops-tools/gitlab-logo.svg", class: "hero-image-small", alt: "Gitlab logo devops tools svg"
%h1#analyst-relations-gitlab Analyst Relations at GitLab
%p Insight about AR at GitLab
......
......@@ -14,10 +14,10 @@ extra_js:
canonical_path: "/application-security/"
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%img.hero-image-huge{ src: "/images/application-security.svg", alt: "GitLab DevSecOps graphic" }
= image_tag "/images/application-security.svg", class: "hero-image-huge", alt: "GitLab DevSecOps graphic"
%h1 Application Security
%p DevOps challenges traditional security practices. Learn how to integrate security into the DevOps lifecycle.
= link_to "Download the whitepaper", "/resources/whitepaper-seismic-shift-application-security/", class: "btn cta-btn orange devops-cta"
......@@ -88,7 +88,7 @@ canonical_path: "/application-security/"
%p In DevSecOps, testing can be applied to all phases of the life cycle. <a href="https://about.gitlab.com/developer-survey/">According to our 2019 Developer Survey</a>, most developers test <em>less than half</em> of their code with application security methods. The code that is tested is most commonly reviewed with the following:
%img.u-margin-bottom-sm{ src: "/images/application-security-survey-graph.png" }
= image_tag "/images/application-security-survey-graph.png", class: "u-margin-bottom-sm"
%p There is always more to be done when it comes to testing, but using every type of test is unrealistic for most teams. It’s best to understand which tests work best for you (this can depend on app or software function, development processes, infrastructure, etc.), and incorporate those into your DevSecOps practice.
......
......@@ -13,10 +13,10 @@ extra_js:
canonical_path: "/ci-cd/"
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%img.hero-image-huge{ src: "/images/cicd/g_gitlab-ci-cd.svg", alt: "Gitlab devops loop svg" }
= image_tag "/images/cicd/g_gitlab-ci-cd.svg", class: "hero-image-huge", alt: "Gitlab devops loop svg"
%h1 Continuous integration and delivery
%p Learn more about continuous software development with GitLab CI/CD.
= link_to "Watch a GitLab CI/CD webcast", "/webcast/mastering-ci-cd/", class: "btn cta-btn orange devops-cta"
......@@ -67,7 +67,7 @@ canonical_path: "/ci-cd/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px" }
%img{src: "/images/icons/first-look-influence.svg"}
= image_tag "/images/icons/first-look-influence.svg"
.media-body.media-middle
%h3.u-margin-top-0 A single source repository
......@@ -77,7 +77,7 @@ canonical_path: "/ci-cd/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/build.svg"}
= image_tag "/images/icons/build.svg"
.media-body.media-middle
%h3.u-margin-top-0 Automated builds
......@@ -86,7 +86,7 @@ canonical_path: "/ci-cd/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/computer-test.svg"}
= image_tag "/images/icons/computer-test.svg"
.media-body.media-middle
%h3.u-margin-top-0 Builds should be self-testing
......@@ -95,7 +95,7 @@ canonical_path: "/ci-cd/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/scale.svg", style: "height: 80px;"}
= image_tag "/images/icons/scale.svg", style: "height: 80px;"
.media-body.media-middle
%h3.u-margin-top-0 Frequent iterations
......@@ -104,7 +104,7 @@ canonical_path: "/ci-cd/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/stable-computer.svg"}
= image_tag "/images/icons/stable-computer.svg"
.media-body.media-middle
%h3.u-margin-top-0 Stable testing environments
......@@ -113,7 +113,7 @@ canonical_path: "/ci-cd/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/visibility.svg", style: "height: 80px;"}
= image_tag "/images/icons/visibility.svg", style: "height: 80px;"
.media-body.media-middle
%h3.u-margin-top-0 Maximum visibility
......@@ -122,7 +122,7 @@ canonical_path: "/ci-cd/"
.media.u-margin-top-sm.u-margin-bottom-md.has-shadowed-svg
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/gitlab-rocket.svg"}
= image_tag "/images/icons/gitlab-rocket.svg"
.media-body.media-middle
%h3.u-margin-top-0 Automated deployments
......
......@@ -10,10 +10,10 @@ extra_js:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%img{ src: "/images/community/community-customers.svg", alt: "Gitlab community customers logo svg" }
= image_tag "/images/community/community-customers.svg", alt: "Gitlab community customers logo svg"
%h1 Join the ranks of GitLab Contributing Organizations!
.gitlab-content-container
......
......@@ -8,8 +8,8 @@ extra_css:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right"
.header-content
%h1 Core Team Alumni
%p
......
......@@ -8,8 +8,8 @@ extra_css:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right"
.header-content
%h1 Core Team
%p
......
......@@ -9,8 +9,8 @@ extra_js:
- features.js
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.flex-container.flex-column.justify-center.align-center
%h1 Become a GitLab speaker
......@@ -19,35 +19,35 @@ extra_js:
:markdown
## Why we support aspiring speakers
GitLab supports technologists, developers, and engineers who want to become speakers and presenters at tech events. As the first single application for the entire DevOps lifecycle, any speakers who want to share their experience and educate others on the software development lifecycle and developer experience are eligible for GitLab support.
GitLab supports technologists, developers, and engineers who want to become speakers and presenters at tech events. As the first single application for the entire DevOps lifecycle, any speakers who want to share their experience and educate others on the software development lifecycle and developer experience are eligible for GitLab support.
Our goal in supporting tech speakers to increase awareness of GitLab and Concurrent DevOps and better educate the technology community about the power of our application.
.content.tile
:markdown
## Who can become a speaker
## Who can become a speaker
At GitLab, we believe **everyone can contribute**. We support people who are interested in sharing their experiences with GitLab, DevOps, and other related topics. Whether you have yet to submit a CFP or you have given dozens of talks, we're happy to work with you.
At GitLab, we believe **everyone can contribute**. We support people who are interested in sharing their experiences with GitLab, DevOps, and other related topics. Whether you have yet to submit a CFP or you have given dozens of talks, we're happy to work with you.
The only requirements are a passion for GitLab and a belief in our [mission](https://about.gitlab.com/company/strategy/#mission).
The only requirements are a passion for GitLab and a belief in our [mission](https://about.gitlab.com/company/strategy/#mission).
.content.tile
:markdown
## How GitLab can help
GitLab provides supports for speakers who fit the following criteria:
GitLab provides supports for speakers who fit the following criteria:
1. The speaker is a GitLab user whose talk will touch on how GitLab has made life better for them and/or their team. Bonus points for DevOps, Kubernetes, Cloud Native, and other GitLab-adjacent topics.
2. The speaker has plans to give a talk or submit a CFP in the next 3 months.
3. The speaker agrees to be listed on GitLab's [Find a Speaker](https://about.gitlab.com/events/find-a-speaker/) page.
2. The speaker has plans to give a talk or submit a CFP in the next 3 months.
3. The speaker agrees to be listed on GitLab's [Find a Speaker](https://about.gitlab.com/events/find-a-speaker/) page.
Depending on the size and audience for the event and the contents of the talk, support may range from feedback and editing on CFPs to live practice sessions with our team to travel assistance.
Depending on the size and audience for the event and the contents of the talk, support may range from feedback and editing on CFPs to live practice sessions with our team to travel assistance.
.content.tile
:markdown
## Ready to get started?
## Ready to get started?
At GitLab, we use issues to track our speaker program. If you're ready to start preparing for your talk, please open an issue on our evangelist program project.
At GitLab, we use issues to track our speaker program. If you're ready to start preparing for your talk, please open an issue on our evangelist program project.
Within the "speaker" template, you will find fields to include some basic information about yourself, your talk, and a checklist of tasks to help you get started. Once you submit an issue, our team will be in touch.
......
......@@ -9,10 +9,10 @@ extra_js:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%img.hero-image-small{ src: "/images/evangelists/gitlab-logo.svg", alt: "GitLab logo icon svg" }
= image_tag "/images/evangelists/gitlab-logo.svg", class: "hero-image-small", alt: "GitLab logo icon svg"
%h1 GitLab Evangelist Program
%p Everyone can contribute.
......@@ -22,7 +22,7 @@ extra_js:
%h3
= "Host an event"
.flex-container
%img.evangelist-logo{ src: "/images/evangelists/gitlab-logo.svg", alt: "GitLab logo svg" }
= image_tag "/images/evangelists/gitlab-logo.svg", class: "evangelist-logo", alt: "GitLab logo svg"
%p Bring the community together.
%p
= "Do you host a DevOps, Cloud, Kubernetes, or other tech meetup in your hometown? We want to help you grow your community. GitLab provides a variety of support to community organizers from sponsoring events to providing speakers to sending swag."
......@@ -37,7 +37,7 @@ extra_js:
%h3
= "Contribute to our blog"
.flex-container
%img.evangelist-logo{ src: "/images/evangelists/gitlab-logo.svg", alt: "GitLab logo svg" }
= image_tag "/images/evangelists/gitlab-logo.svg", class: "evangelist-logo", alt: "GitLab logo svg"
%p Put your love for GitLab in writing.
%p
= "At GitLab, we believe everyone can contribute - even to our blog. That's why we started our Community Writers Program. If you prefer to publish elsewhere, that's awesome. Use #gitlab when sharing or tagging your post so we can upvote, like, retweet, and comment."
......@@ -49,7 +49,7 @@ extra_js:
%h3
= "Find a speaker"
.flex-container
%img.evangelist-logo{ src: "/images/evangelists/gitlab-logo.svg", alt: "GitLab logo svg" }
= image_tag "/images/evangelists/gitlab-logo.svg", class: "evangelist-logo", alt: "GitLab logo svg"
%p Invite a GitLab speaker to your event.
%p
= "Are you planning a tech event? We can help you find a great speaker. We have a global network of GitLab team-members and community members who want to share their experience and expertise with tech meetups and conferences."
......@@ -61,7 +61,7 @@ extra_js:
%h3
= "Become a speaker"
.flex-container
%img.evangelist-logo{ src: "/images/evangelists/gitlab-logo.svg", alt: "GitLab logo svg" }
= image_tag "/images/evangelists/gitlab-logo.svg", class: "evangelist-logo", alt: "GitLab logo svg"
%p Share your knowledge with the world.
%p
= "We connect great speakers with great events. If you're ready to become a tech speaker, add your name to our Find a Speaker page. If you need some help with CFPs or preparing your talks along the way, we are happy to help with that too. Let's do this."
......@@ -73,7 +73,7 @@ extra_js:
%h3
= "Get in touch"
.flex-container
%img.evangelist-logo{ src: "/images/evangelists/gitlab-logo.svg", alt: "GitLab logo svg" }
= image_tag "/images/evangelists/gitlab-logo.svg", class: "evangelist-logo", alt: "GitLab logo svg"
%p We want to hear from you.
%p
= "If you have any questions about the evangelist program or suggestions on how we can make things better, please let us know. Our community team is here to help."
......
......@@ -17,10 +17,10 @@ extra_js:
---
.blank-header.commit-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }/
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }/
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%img.hero-commit-image-large{ src: "/images/heroes/gitlab-heroes-icon.svg", alt: "Gitlab Heroes icon" }/
= image_tag "/images/heroes/gitlab-heroes-icon.svg", class: "hero-commit-image-large", alt: "Gitlab Heroes icon"
%h3 GitLab Heroes
%p GitLab Heroes engages, supports, and recognizes members of the wider GitLab community who make outstanding contributions to GitLab and our community around the globe.
.row
......@@ -44,11 +44,11 @@ extra_js:
we want to engage, support, and recognize you for your contribution.
.col-md-5.text-center
%img.title-icon{ src: "/images/events/gitlab-commit/call-for-proposal.jpg" }/
= image_tag "/images/events/gitlab-commit/call-for-proposal.jpg", class: "title-icon"
.row.u-margin-top-md.js-in-page-nav-section#rewards
.col-md-5.col-md-offset-1.text-center
%img.title-icon{ src: "/images/heroes/contribute.jpg" }/
= image_tag "/images/heroes/contribute.jpg", class: "title-icon"
.col-md-5.text-left
%h2.u-text-brand{ style: "display: none" } Rewards
%h3.u-text-brand Hero Rewards
......@@ -85,7 +85,7 @@ extra_js:
%a{href: "/community/meetups"}community organizer,
or thought leader.
.col-md-5.text-center
%img.title-icon{ src: "/images/heroes/educate.jpg" }/
= image_tag "/images/heroes/educate.jpg", class: "title-icon"
.row.u-margin-top-md.js-in-page-nav-section#heros-journey
%h2.u-text-brand.text-center Hero's Journey
......
......@@ -8,8 +8,8 @@ extra_css:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right"
.header-content
%h1 Meet the GitLab Heroes
%p.text-center GitLab Heroes are members of the wider GitLab community who make outstanding contributions to GitLab and our community around the globe.
......
......@@ -8,8 +8,8 @@ extra_css:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%h1 Community
%p A community of 2,200+ contributors
......@@ -18,107 +18,107 @@ extra_css:
.gitlab-content-container
.grid-layout.grid-layout3
= link_to "/resources/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-resources.svg", alt: "Gitlab community resources svg"}
= image_tag "/images/community/community-resources.svg", class: "icon-small", alt: "Gitlab community resources svg"
.tile-content
%h4 Resources
%p Learn Git, improve your DevOps workflow, or discover new trends with GitLab.
= link_to "/community/contribute/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-contributing.svg", alt: "Gitlab community contributing svg"}
= image_tag "/images/community/community-contributing.svg", class: "icon-small", alt: "Gitlab community contributing svg"
.tile-content
%h4 Contribute
%p Learn how to become a GitLab contributor.
= link_to "/community/heroes/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/downloads/logo.svg", alt: "Gitlab logo svg"}
= image_tag "/images/downloads/logo.svg", class: "icon-small", alt: "Gitlab logo svg"
.tile-content
%h4 Heroes Program
%p GitLab Heroes are our top contributors, organizers, and evangelists. Learn more about how you can become a Hero.
= link_to "/community/meetups/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-events.svg", alt: "Gitlab community events svg"}
= image_tag "/images/community/community-events.svg", class: "icon-small", alt: "Gitlab community events svg"
.tile-content
%h4 Meetups
%p We support meetups with sponsorship, swag, speakers, and more. Ready to start a GitLab group in your area?
= link_to "/community/hackathon/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-hackathon.svg", alt: "Gitlab hackathon svg"}
= image_tag "/images/community/community-hackathon.svg", class: "icon-small", alt: "Gitlab hackathon svg"
.tile-content
%h4 Hackathon
%p Quarterly virtual hackathon.
= link_to "/community/contributing-orgs/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-customers.svg", alt: "Gitlab community customers svg"}
= image_tag "/images/community/community-customers.svg", class: "icon-small", alt: "Gitlab community customers svg"
.tile-content
%h4 Contributing organizations
%p Join the group of organizations that help shape GitLab and learn how GitLab supports them.
= link_to "/events/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-events.svg", alt: "Gitlab community events svg"}
= image_tag "/images/community/community-events.svg", class: "icon-small", alt: "Gitlab community events svg"
.tile-content
%h4 Events
%p On the road again: follow the Gitlab event circuit.
= link_to "/documentation/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-docs.svg", alt: "Gitlab community docs svg"}
= image_tag "/images/community/community-docs.svg", class: "icon-small", alt: "Gitlab community docs svg"
.tile-content
%h4 Documentation
%p All GitLab projects in one place.
= link_to "/get-help/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-help.svg", alt: "Gitlab community help svg"}
= image_tag "/images/community/community-help.svg", class: "icon-small", alt: "Gitlab community help svg"
.tile-content
%h4 Get help
%p How to get technical and account support.
= link_to "/community/moving-to-gitlab/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/downloads/logo.svg", alt: "Gitlab logo svg"}
= image_tag "/images/downloads/logo.svg", class: "icon-small", alt: "Gitlab logo svg"
.tile-content
%h4 From GitHub to GitLab
%p Join the community #movingtogitlab.
%a.tile.tile-animated.grid-item{href: "http://contributors.gitlab.com"}
%img.icon-small{src: "/images/community/community-contributing.svg", alt: "Gitlab community contributors svg"}
= image_tag "/images/community/community-contributing.svg", class: "icon-small", alt: "Gitlab community contributors svg"
.tile-content
%h4 Contributors
%p Contributors to the open-source project.
= link_to "/community/top-annual-contributors/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-contributors.svg", alt: "Gitlab community contributors svg"}
= image_tag "/images/community/community-contributors.svg", class: "icon-small", alt: "Gitlab community contributors svg"
.tile-content
%h4 Top Contributors
%p GitLab's Top Contributors starting from 2018.
= link_to "/community/core-team/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/downloads/logo.svg", alt: "Gitlab logo svg"}
= image_tag "/images/downloads/logo.svg", class: "icon-small", alt: "Gitlab logo svg"
.tile-content
%h4 Core team
%p People behind the open-source project.
= link_to "/community/mvp/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-hof.svg", alt: "Gitlab hall of fame svg"}
= image_tag "/images/community/community-hof.svg", class: "icon-small", alt: "Gitlab hall of fame svg"
.tile-content
%h4 Hall of fame
%p The most valuable persons in past releases.
= link_to "/community/sponsorship/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-events.svg", alt: "Gitlab community events svg"}
= image_tag "/images/community/community-events.svg", class: "icon-small", alt: "Gitlab community events svg"
.tile-content
%h4 Diversity Sponsorship
%p Fostering diversity by sponsoring events.
= link_to "/partners/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-apps.svg", alt: "Gitlab community apps svg"}
= image_tag "/images/community/community-apps.svg", class: "icon-small", alt: "Gitlab community apps svg"
.tile-content
%h4 Partners
%p Technology partners and applications that support GitLab.
= link_to "/customers/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-customers.svg", alt: "Gitlab community customers svg"}
= image_tag "/images/community/community-customers.svg", class: "icon-small", alt: "Gitlab community customers svg"
.tile-content
%h4 Customers
%p Inspiring stories of how GitLab customers have transformed their software development practices.
= link_to "/community/gitlab-first-look/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-customers.svg", alt: "Gitlab community customers svg"}
= image_tag "/images/community/community-customers.svg", class: "icon-small", alt: "Gitlab community customers svg"
.tile-content
%h4 GitLab First Look
%p Join GitLab First Look for exclusive access to betas!
= link_to "/community/sweepstakes/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/downloads/logo.svg", alt: "Gitlab logo svg"}
= image_tag "/images/downloads/logo.svg", class: "icon-small", alt: "Gitlab logo svg"
.tile-content
%h4 Sweepstakes
%p Contests where you can win cool stuff.
= link_to "/community/writers/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-docs.svg", alt: "Gitlab community docs svg"}
= image_tag "/images/community/community-docs.svg", class: "icon-small", alt: "Gitlab community docs svg"
.tile-content
%h4 Community writers
%p Contribute to the GitLab blog.
= link_to "/community/issue-bash/", class: "tile tile-animated grid-item" do
%img.icon-small{src: "/images/community/community-bash.svg", alt: "Gitlab community bash svg"}
= image_tag "/images/community/community-bash.svg", class: "icon-small", alt: "Gitlab community bash svg"
.tile-content
%h4 Issue bash
%p Quarterly community event.
......@@ -11,8 +11,8 @@ extra_js:
- all-clickable.js
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%h1 GitLab Meetup Guide
%p Our how-to guide to help you organize events your community will love.
......
......@@ -6,10 +6,10 @@ extra_css:
- moving-to-gitlab.css
---
.blank-header
%img.image-border.image-border-left{ src: "/images/moving-to-gitlab/arrow-pattern-left.svg", alt: "Moving to gitlab pattern left svg" }
%img.image-border.image-border-right{ src: "/images/moving-to-gitlab/arrow-pattern-right.svg", alt: "Moving to gitlab pattern right svg" }
= image_tag "/images/moving-to-gitlab/arrow-pattern-left.svg", class: "image-border image-border-left", alt: "Moving to gitlab pattern left svg"
= image_tag "/images/moving-to-gitlab/arrow-pattern-right.svg", class: "image-border image-border-right", alt: "Moving to gitlab pattern right svg"
.header-content
%img.github-importer{ src: "/images/home/github-importer.svg", alt: "Gitlab github importer svg" }
= image_tag "/images/home/github-importer.svg", class: "github-importer", alt: "Gitlab github importer svg"
%h1 #movingtogitlab
%p GitLab is home to thousands of public and open source projects, built by a community of over 2,000 contributors.
%a.btn.cta-btn.accent{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" } See our documentation
......@@ -30,7 +30,7 @@ extra_css:
data-tweet-limit="3">Tweets by @movingtogitlab</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
.tile.cta-tile.flex-container.justify-center.align-center
%img.tile-logo{ src: "/images/devops-tools/gitlab-logo.svg", alt: "Gitlab logo svg" }
= image_tag "/images/devops-tools/gitlab-logo.svg", class: "tile-logo", alt: "Gitlab logo svg"
%p
:markdown
Learn more about being a part of the [GitLab community](/community/).
......@@ -9,8 +9,8 @@ extra_css:
---
.blank-header
%img.image-border.image-border-left{ src: "/images/home/icons-pattern-left.svg", alt: "Gitlab hero border pattern left svg" }
%img.image-border.image-border-right{ src: "/images/home/icons-pattern-right.svg", alt: "Gitlab hero border pattern right svg" }
= image_tag "/images/home/icons-pattern-left.svg", class: "image-border image-border-left", alt: "Gitlab hero border pattern left svg"
= image_tag "/images/home/icons-pattern-right.svg", class: "image-border image-border-right", alt: "Gitlab hero border pattern right svg"
.header-content
%h1 Contact
%p Let us know how we can help by getting in touch
......@@ -18,17 +18,17 @@ extra_css:
.content
.contact-tiles.grid-layout.grid-layout3
= link_to "/sales/", class: "tile tile-animated" do