Commit df259291 authored by Jarek Ostrowski's avatar Jarek Ostrowski

Add movingtogitlab to hello bar

parent 1d206bc7
Pipeline #23169962 canceled with stages
.gke-promo-banner.animated
%a.gke-promo-banner.animated{href: '/2018/06/03/movingtogitlab/'}
.gke-promo-banner-content
%p
Free download:
%a{href: '/resources/scaling-enterprise-devops/'} Starting and Scaling DevOps in the Enterprise by Gary Gruver
Are you #movingtogitlab? Read our blog post on migrating to GitLab
%section.home-splash.flex-container
%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: "/2018/06/03/movingtogitlab/" }
%img.hero-image{ src: "/images/home/github-importer.svg", alt: "Github import to Gitlab" }
.hero-container.flex-container.flex-column.full-width.justify-center
%h1.hero-title
Are you #movingtogitlab?
A 200% Faster DevOps Cycle
%h3.hero-description
Learn about this latest trend and why more people are making the switch.
%a.btn.cta-btn.accent.github-import{href: "/2018/06/03/movingtogitlab/"}
Read our blog post
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" }
---
layout: default
title: Moving to GitLab
description: "Thousands have moved to GitLab. Will you be next?"
suppress_header: true
......@@ -13,10 +12,10 @@ suppress_header: true
.container{ style: "max-width: 900px;" }
%h2.block-title.text-center
Step-by-step migration instructions
%p.text-center
%p.text-center
Watch this video for step-by-step instructions on how to migrate from GitHub to GitLab and follow along with the docs.
%iframe{src: "https://www.youtube.com/embed/VYOXuOg9tQI", width: 560, height: 315, allow: "autoplay; encrypted-media", allowfullscreen: "allowfullscreen"}
.page-container{ :style => "padding-bottom: 35px;" }
.container{ style: "max-width: 150px;" }
%a.featured-item-button.text-center{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" } Documentation
......@@ -29,4 +28,3 @@ suppress_header: true
href="https://twitter.com/movingtogitlab"
data-tweet-limit="3">Tweets by @movingtogitlab</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
......@@ -8,6 +8,7 @@
align-items: center;
margin: 0 auto;
padding: 16px;
background-color: $color-gray-extra-light-alt;
@include ie10-and-up {
width: 770px;
......
......@@ -72,45 +72,16 @@ body {
}
.navbar-fixed-top {
position: sticky;
top: 0;
position: static;
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 {
......@@ -120,17 +91,16 @@ body {
// scss-lint:enable SelectorDepth
.nav-logo .wordmark {
fill: $color-white;
fill: currentcolor;
}
.search-box,
.search-input {
background-color: $color-primary;
color: $color-white;
background-color: $color-white;
}
.search-input {
border-color: $color-white;
border-color: $color-gray-dark;
margin-right: 30px;
padding-right: 0;
font-weight: 400;
......@@ -140,12 +110,16 @@ body {
}
}
.search-icon:hover {
color: darken($color-white, 60%);
}
.search-close {
right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: $color-white;
background-color: currentcolor;
}
.navbar-collapse {
......@@ -206,40 +180,49 @@ body {
.home-splash {
position: relative;
overflow: hidden;
padding: 100px 140px;
max-width: 1440px;
margin: auto;
background: $color-primary;
color: $color-white;
padding: 120px 140px;
padding-bottom: 156px;
max-width: 1440px;
background: $color-white;
.hero-container {
z-index: 1;
align-items: flex-start;
padding-right: 100px;
@media all and (max-width: $screen-md-min) {
padding-right: 0;
align-items: center;
padding: 120px 0;
}
}
.pattern-image {
.hero-image {
height: 100%;
padding: 20px 0;
padding-bottom: 40px;
position: absolute;
right: 160px;
top: 0;
height: 100%;
opacity: .25;
transition: .4s cubic-bezier(0, 0, 0, 1);
@media all and (max-width: $screen-sm-min) {
display: none;
@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;
}
}
.pattern-image-left {
left: 0;
}
.pattern-image-right {
right: 0;
}
@media all and (max-width: $screen-md-min) {
right: 0;
}
.hero-image {
height: 80px;
margin-bottom: 40px;
transition: .4s cubic-bezier(0, 0, 0, 1);
}
.hero-image:hover {
......@@ -311,13 +294,13 @@ body {
.hero-description {
margin-top: 10px;
line-height: 1.5;
color: $color-transparent-white-alt;
color: $color-gray;
font-size: 20px;
}
.btn {
margin-top: 40px;
margin-bottom: 0;
margin-top: 42px;
margin-bottom: 20px;
font-weight: 400;
padding: 4px 30px;
font-size: 18px;
......@@ -331,11 +314,15 @@ body {
}
@media all and (max-width: $screen-lg-min) {
padding: 80px;
padding: 0 80px;
}
@media all and (max-width: $screen-md-min) {
flex-wrap: wrap;
}
@media all and (max-width: $screen-sm-min) {
padding: 80px 40px;
padding: 0 20px;
}
}
......
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