Commit 3b9f7f79 authored by Brandon Lyon's avatar Brandon Lyon

bl-cormar918-jenkins

parent 4a47468b
......@@ -8,8 +8,7 @@ extra_css:
- comparison-page.css
- gitlab-feature-landing-page.css
- features.css
- webcast.css
- webcast-single.css
- form-to-resource.css
---
.wrapper.gitlab-ee-page
.blank-header
......@@ -19,48 +18,37 @@ extra_css:
%h1 Gitlab or Jenkins
%p
Problems with Jenkins? Switch to GitLab and experience 50% less admin overhead, 20% improved developer efficiency and 50% less computing cost.
%a.btn.cta-btn.orange{ href: "#" } Link to proof point
.sub-wrapper
.container
.row
.col-md-10.col-md-offset-1
.col-md-5.col-md-offset-1
%h2.compare-heading.u-text-brand.u-margin-top-0 Why customers choose Gitlab over Jenkins
.media.u-margin-top-xs
.media-left.media-middle.u-padding-right-sm
-#.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px" }
%img{src: "/images/icons/first-look-influence.svg"}
.media-body.media-middle
%h4.u-margin-top-0 No third party plugins
%p Jenkins has thousands of plugins written by third parties, which is a maintenance nightmare for teams and enterprise organizations. Plugins vary in quality and may lose support without notice.
%p GitLab provides the backbone of DevOps in a single application without 3rd party plugins, providing a seamless workflow between SCM & CI.
.media.u-margin-top-xs
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/computer-test.svg"}
.media-body.media-middle
%h4.u-margin-top-0 Reduced Risk
%p Many Jenkins users experience service instability resulting from running bigger workloads with a large number of plugins.
%p As a single solution built for the enterprise, GitLab decreases toolchain downtime and eliminates error-prone integrations, allowing teams to increase agility to deliver apps faster.
.media.u-margin-top-xs
.media-left.media-middle.u-padding-right-sm
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/scale.svg"}
.media-body.media-middle
%h4.u-margin-top-0 Lower Cost & Increased Efficiency
%p Plugins are only part of the problem. Jenkins requires dedicated resources, admins and maintenance, which increases the total cost of ownership across the enterprise.
%p GitLab requires fewer steps to deploy code and significantly reduces the software development cycle time. Developers can now spend more time writing code and less time maintaining the toolchain.
.wrapper.webcast-outer-wrapper
.sub-wrapper
.container
= partial "includes/webcast-single", locals: { youtube_url: "https://www.youtube.com/embed/isJu3P-pwc4", formid: "1592", webcasttitle: "Watch a webcast to learn how GitLab's CI/CD can help speed up your development cycle by 200%" }
.col-md-4.col-md-offset-1
.webcast-outer-wrapper
-#= partial "includes/webcast-single", locals: { youtube_url: "https://www.youtube.com/embed/isJu3P-pwc4", formid: "1592", webcasttitle: "Watch a webcast to learn how GitLab's CI/CD can help speed up your development cycle by 200%" }
= partial "includes/form-to-resource", locals: { destination_url: "https://about.gitlab.com", form_id: "1592", cta_title: "See the advantages of GitLab for C.I. over Jenkins", link_text: "> Click here to view the resources" }
.wrapper.wrapper--large-fonts
.wrapper.container
......@@ -70,5 +58,3 @@ extra_css:
.col-md-10.col-md-offset-1
%h2 See what Gitlab can do for Jenkins users
%p Learn how to deploy using Gitlab CI/CD. Find out how we eliminate toolchain complexity. See in-depth feature comparisons. Read case studies from large companies like Ticketmaster.
.btn-group
%a.btn.cta-btn.orange{ href: "#" } Pathfactory Link
.form-to-resource-content
.form-to-resource-content-section
.form-container
%h3.margin-top0 #{cta_title}
%p.font-small
If you don't see the form, try temporarily disabling ad blockers or use
= succeed "." do
%a{href: "https://www.google.com/chrome/", target: "_blank"} another browser
.form
%script{src: "//page.gitlab.com/js/forms2/js/forms2.min.js"}
%form{id: "mktoForm_#{form_id}"}
:javascript
var formNumber = #{form_id || 'null'};
MktoForms2.loadForm("//page.gitlab.com", "194-VVC-221", formNumber, function(form) {
form.onSuccess(function() {
form.getFormElem().hide();
$('.confirmform').attr('style', 'visibility: visible');
$('.confirmform').attr('style', 'height: initial');
dataLayer.push({event: 'webcasts', mktoFormId: form.getId()});
return false;
});
});
.confirmform{style: "visibility:hidden;height:0;"}
.centered-form-info
%h3
%a.destination-url{src: "#{destination_url}"} #{link_text}
%p You will also receive an copy of the study sent to your inbox shortly.
......@@ -15,9 +15,11 @@
.blank-header {
padding: 40px 20px;
}
.sub-wrapper {
padding: 40px;
}
.cta-featured-image {
/*background-color: #282b3c;*/
background-color: $color-gray-dark;
......@@ -28,11 +30,13 @@
padding: 0px 0px 40px 0px;
text-align: center;
}
.cta-featured-image h2 {
color: #ffffff;
display: inline-block;
text-align: left;
}
.cta-featured-image p {
font-size: 22px;
margin-left: auto;
......@@ -40,7 +44,8 @@
max-width: 850px;
text-align: left;
}
.temp-form-image {
margin: 50px 0px 0px 0px;
width: 100%;
}
\ No newline at end of file
}
......@@ -186,6 +186,7 @@ select {
.mktoCheckboxList {
display: flex;
margin-left: 7px;
}
.mktoRequiredField {
......
@import "vendor/bootstrap/bootstrap/variables";
@import "variables";
.gitlab-content-container {
display: flex;
@media all and (max-width: $screen-md-min) {
flex-direction: column;
}
}
.webcast-video-container {
display: none;
iframe {
height: 370px;
}
}
.sticky-form {
position: sticky;
top: 60px;
}
.form-container {
flex-shrink: 0;
overflow: hidden;
//sass-lint:disable-all
input,
select {
box-shadow: none !important;
}
button {
box-shadow: none !important;
border: 0 !important;
background: $color-accent !important;
color: $color-white !important;
min-width: auto !important;
padding: $input-padding !important;
font-size: 16px !important;
&:hover {
background: $color-secondary !important;
}
}
@media all and (max-width: $screen-md-min) {
margin-top: 20px;
margin-left: 0;
}
}
.form-to-resource-content {
//sass-lint:disable-all
.mktoClear {
display: none;
}
.mktoForm {
max-width: inherit;
width: inherit;
}
.mktoForm button[type="submit"] {
min-width: 150px !important;
}
.destination-url:hover {
cursor: pointer;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment