Commit 8d6dc325 authored by Jarek Ostrowski's avatar Jarek Ostrowski

Change files back to original MR

parent 0fe9e56e
Pipeline #23158564 passed with stages
in 26 minutes and 50 seconds
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1114px" height="289px" viewBox="0 0 1114 289" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
<title>github-importer</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="github-importer">
<g id="github-logo" transform="translate(0.000000, 1.000000)" fill="#000000" fill-rule="nonzero">
<path d="M148.08,0.015 C66.305,0.015 0,66.11 0,147.65 C0,212.85 42.425,268.2 101.28,287.7 C108.69,289.05 111.38,284.49 111.38,280.575 C111.38,277.075 111.255,267.79 111.18,255.475 C69.99,264.395 61.3,235.685 61.3,235.685 C54.565,218.63 44.855,214.1 44.855,214.1 C31.41,204.94 45.875,205.12 45.875,205.12 C60.74,206.17 68.555,220.335 68.555,220.335 C81.765,242.89 103.21,236.375 111.655,232.605 C113,223.06 116.82,216.555 121.055,212.865 C88.175,209.14 53.6,196.47 53.6,139.905 C53.6,123.79 59.375,110.615 68.845,100.295 C67.32,96.56 62.235,81.555 70.29,61.225 C70.29,61.225 82.725,57.255 111.015,76.375 C122.825,73.095 135.495,71.465 148.09,71.4 C160.665,71.465 173.34,73.095 185.165,76.375 C213.44,57.27 225.845,61.225 225.845,61.225 C233.925,81.55 228.845,96.575 227.32,100.295 C236.81,110.615 242.545,123.795 242.545,139.905 C242.545,196.62 207.92,209.095 174.925,212.75 C180.245,217.31 184.975,226.315 184.975,240.09 C184.975,259.82 184.795,275.74 184.795,280.58 C184.795,284.53 187.46,289.125 194.975,287.685 C253.765,268.12 296.165,212.83 296.165,147.635 C296.165,66.09 229.855,0 148.065,0" id="Shape"></path>
</g>
<g id="gitlab-logo" transform="translate(800.000000, 0.000000)" fill-rule="nonzero">
<path d="M313.3305,164.950691 L295.743,111.039055 L260.95125,4.09854545 C259.16625,-1.36618182 251.391,-1.36618182 249.543,4.09854545 L214.75125,110.970745 L99.14625,110.970745 L64.3545,4.09854545 C62.5695,-1.36618182 54.79425,-1.36618182 52.94625,4.09854545 L18.21225,110.970745 L0.62475,164.945436 C-0.966,169.842673 0.756,175.244345 4.96125,178.297236 L156.954,288.474545 L308.94675,178.297236 C313.152,175.244345 314.937,169.842673 313.341,164.945436" id="Shape" fill="#FC6D26"></path>
<polygon id="Shape" fill="#E24329" points="156.98025 288.406236 214.78275 110.976 99.17775 110.976"></polygon>
<polygon id="Shape" fill="#FC6D26" points="156.93825 288.406236 99.13575 110.976 18.1965 110.976"></polygon>
<path d="M18.1755,111.028545 L0.588,164.940182 C-1.00275,169.832164 0.71925,175.239091 4.9245,178.291982 L156.91725,288.469291 L18.18075,111.028545" id="Shape" fill="#FCA326"></path>
<path d="M18.1965,111.028545 L99.19875,111.028545 L64.33875,4.15634545 C62.55375,-1.31363636 54.7785,-1.31363636 52.9305,4.15634545 L18.1965,111.028545" id="Shape" fill="#E24329"></path>
<polygon id="Shape" fill="#FC6D26" points="156.98025 288.406236 214.78275 110.976 295.785 110.976"></polygon>
<path d="M295.7325,111.028545 L313.32,164.940182 C314.91075,169.832164 313.194,175.239091 308.9835,178.291982 L156.99075,288.406236 L295.72725,111.028545" id="Shape" fill="#FCA326"></path>
<path d="M295.785,111.028545 L214.788,111.028545 L249.57975,4.15634545 C251.36475,-1.31363636 259.14,-1.31363636 260.988,4.15634545 L295.785,111.028545" id="Shape" fill="#E24329"></path>
</g>
<path d="M554.728154,114.35688 L613.240546,114.35688 C616.554255,114.35688 619.240546,117.043172 619.240546,120.35688 C619.240546,121.24649 619.042724,122.124967 618.661404,122.928708 L552.93325,261.469433 C551.512869,264.46329 547.934421,265.738844 544.940564,264.318462 C542.846885,263.325154 541.512393,261.214964 541.512393,258.897604 L541.512393,175.54213 L483,175.54213 C479.686292,175.54213 477,172.855838 477,169.54213 C477,168.65252 477.197822,167.774042 477.579142,166.970301 L543.307296,28.4295767 C544.727678,25.4357197 548.306125,24.1601658 551.299982,25.5805474 C553.393661,26.5738557 554.728154,28.6840461 554.728154,31.0014051 L554.728154,114.35688 Z" id="Combined-Shape" fill="#FFC106" fill-rule="nonzero"></path>
<path d="M715.169231,125.772028 L737.669231,163.953846 C739.351575,166.808733 738.401041,170.486886 735.546154,172.169231 C734.623149,172.713144 733.571345,173 732.5,173 L687.5,173 C684.186292,173 681.5,170.313708 681.5,167 C681.5,165.928655 681.786856,164.876851 682.330769,163.953846 L704.830769,125.772028 C706.513114,122.917141 710.191267,121.966607 713.046154,123.648951 C713.92234,124.165275 714.652907,124.895841 715.169231,125.772028 Z" id="Triangle" fill="#000000" opacity="0.298660714" transform="translate(710.000000, 145.000000) rotate(90.000000) translate(-710.000000, -145.000000) "></path>
<path d="M392.169231,125.772028 L414.669231,163.953846 C416.351575,166.808733 415.401041,170.486886 412.546154,172.169231 C411.623149,172.713144 410.571345,173 409.5,173 L364.5,173 C361.186292,173 358.5,170.313708 358.5,167 C358.5,165.928655 358.786856,164.876851 359.330769,163.953846 L381.830769,125.772028 C383.513114,122.917141 387.191267,121.966607 390.046154,123.648951 C390.92234,124.165275 391.652907,124.895841 392.169231,125.772028 Z" id="Triangle-Copy" fill="#000000" opacity="0.298660714" transform="translate(387.000000, 145.000000) rotate(90.000000) translate(-387.000000, -145.000000) "></path>
</g>
</g>
</svg>
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
%section.home-splash.flex-container
.hero-container.flex-container.flex-column.full-width.justify-center
%img.pattern-image.pattern-image-left{ src: "/images/home/icons-pattern-left.svg" }
%img.pattern-image.pattern-image-right{ src: "/images/home/icons-pattern-right.svg" }
.hero-container.flex-container.flex-column.full-width.justify-center.align-center
%a{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" }
%img.hero-image{ src: "/images/home/github-importer.svg", alt: "Github import to Gitlab" }
%h1.hero-title
A 200% Faster DevOps Cycle
Are you #movingtogitlab?
%h3.hero-description
Spend more time writing code and less time maintaining your tool chain.
%a.btn.cta-btn.accent{href: "/products/"}
Try GitLab for Free
.hero-image-container.flex-container.justify-center.align-center.full-width.justify-center
%img.forrester-logo{ src: "/images/home/forrester-logo.png" }
%a.hero-image-link{ href: "https://about.gitlab.com/2017/09/27/gitlab-leader-continuous-integration-forrester-wave/", target: "_blank" }
%img.hero-image{ src: "/images/home/forrester-ci-wave-graphic-with-arrow.svg" }
Learn about this latest trend and why more and more people are making the switch.
%a.btn.cta-btn.accent.github-import{href: "/2018/06/03/movingtogitlab/"}
Read our blog post
......@@ -2,7 +2,6 @@
.search-close {
padding-top: 15px;
padding-bottom: 15px;
color: $navbar-default-link-color;
border: 0;
background-color: transparent;
......@@ -18,7 +17,6 @@
&:hover,
&:focus {
color: $color-primary;
outline: 0;
}
}
......@@ -50,7 +48,7 @@
position: absolute;
top: -4px;
bottom: 0;
left: calc(100% - 75px);
left: calc(100% - 80px);
right: 135px;
height: 50px;
z-index: 9;
......@@ -72,7 +70,7 @@
left: 15px;
@media (min-width: $screen-sm-min) {
left: 200px;
left: 240px;
}
.search-close {
......@@ -105,7 +103,7 @@
left: 12px;
top: 18px;
font-size: .9em;
color: $navbar-default-link-color;
color: $color-white;
}
.st-handbook {
......
......@@ -24,6 +24,27 @@ body {
.navbar-fixed-top {
transition: background .2s;
background: $color-white;
.search-box {
font-weight: 400;
}
.search-box-icon {
color: $color-primary;
}
.search-icon {
color: $color-primary;
}
.search-close {
color: $color-primary;
}
.icon-bar {
background-color: $color-primary;
}
.container {
width: 100%;
......@@ -51,16 +72,45 @@ body {
}
.navbar-fixed-top {
position: static;
position: sticky;
top: 0;
border-bottom-width: 0;
padding: 10px 0;
margin-bottom: 0;
background: $color-primary;
.search-box-icon {
color: $color-white;
}
.search-icon {
color: $color-white;
}
.search-close {
color: $color-white;
}
}
// scss-lint:disable SelectorDepth
.navbar-default .navbar-nav > li {
> a {
transition: unset;
color: $color-white;
text-decoration: none;
&:hover {
opacity: .6;
text-decoration: none;
}
}
.navbar-default {
.search-icon {
color: $color-gray;
}
}
&.open > a {
......@@ -70,35 +120,32 @@ body {
// scss-lint:enable SelectorDepth
.nav-logo .wordmark {
fill: currentcolor;
fill: $color-white;
}
.search-box,
.search-input {
background-color: $color-white;
background-color: $color-primary;
color: $color-white;
}
.search-input {
border-color: $color-gray-dark;
border-color: $color-white;
margin-right: 30px;
padding-right: 0;
font-weight: 400;
&::placeholder {
color: currentcolor;
color: $navbar-default-link-color;
}
}
.search-icon:hover {
color: darken($color-white, 60%);
}
.search-close {
right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: currentcolor;
background-color: $color-white;
}
.navbar-collapse {
......@@ -158,49 +205,41 @@ body {
.home-splash {
position: relative;
padding: 120px 140px;
padding-bottom: 156px;
overflow: hidden;
padding: 100px 140px;
max-width: 1440px;
margin: auto;
background: $color-white;
background: $color-primary;
color: $color-white;
.hero-container {
align-items: flex-start;
padding-right: 100px;
@media all and (max-width: $screen-md-min) {
padding-right: 0;
align-items: center;
padding: 120px 0;
}
z-index: 1;
}
.hero-image {
height: 100%;
padding: 20px 0;
padding-bottom: 40px;
.pattern-image {
position: absolute;
right: 160px;
top: 0;
transition: .4s cubic-bezier(0, 0, 0, 1);
height: 100%;
opacity: .25;
@media all and (max-width: $screen-lg-min) {
position: relative;
height: auto;
margin: auto;
width: 100%;
max-width: 540px;
right: 20px;
top: 0;
padding: 40px 0;
padding-bottom: 60px;
@media all and (max-width: $screen-sm-min) {
display: none;
}
@media all and (max-width: $screen-md-min) {
right: 0;
}
}
.pattern-image-left {
left: 0;
}
.pattern-image-right {
right: 0;
}
.hero-image {
height: 80px;
margin-bottom: 40px;
transition: .4s cubic-bezier(0, 0, 0, 1);
}
.hero-image:hover {
......@@ -272,13 +311,13 @@ body {
.hero-description {
margin-top: 10px;
line-height: 1.5;
color: $color-gray;
color: $color-transparent-white-alt;
font-size: 20px;
}
.btn {
margin-top: 42px;
margin-bottom: 20px;
margin-top: 40px;
margin-bottom: 0;
font-weight: 400;
padding: 4px 30px;
font-size: 18px;
......@@ -292,15 +331,11 @@ body {
}
@media all and (max-width: $screen-lg-min) {
padding: 0 80px;
}
@media all and (max-width: $screen-md-min) {
flex-wrap: wrap;
padding: 80px;
}
@media all and (max-width: $screen-sm-min) {
padding: 0 20px;
padding: 80px 40px;
}
}
......@@ -923,25 +958,7 @@ body {
background-size: contain;
overflow-x: hidden;
.slide-media {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin-right: calc(-50vw + 100%);
}
.slide-media-bg {
@include position(absolute, 0);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
+ * {
position: relative; // For proper stacking
}
}
@import "components/slide-media";
}
.customer-quote {
......@@ -1226,4 +1243,4 @@ body {
.index .feature-media {
max-width: 100%;
}
\ No newline at end of file
}
......@@ -142,6 +142,10 @@
left: 0;
z-index: $zindex-navbar-fixed;
a {
color: $navbar-default-link-color;
}
// Undo the rounded corners
@media (min-width: $grid-float-breakpoint) {
border-radius: 0;
......@@ -440,10 +444,10 @@
}
.navbar-toggle {
border-color: $navbar-default-toggle-border-color;
border-color: transparent;
&:hover,
&:focus {
background-color: $navbar-default-toggle-hover-bg;
background-color: $color-transparent-alt;
}
.icon-bar {
background-color: $navbar-default-toggle-icon-bar-bg;
......@@ -578,7 +582,7 @@
border-color: $navbar-inverse-toggle-border-color;
&:hover,
&:focus {
background-color: $navbar-inverse-toggle-hover-bg;
background-color: $color-transparent-alt;
}
.icon-bar {
background-color: $navbar-inverse-toggle-icon-bar-bg;
......
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