Commit c2ca6315 authored by Phil Hughes's avatar Phil Hughes

Downloadable comparison PDFs

parent 54b0fcf8
wkhtmltopdf --margin-left 0 --margin-right 0 --margin-top 0 public/comparison/pdfs/gitlab-ce-ee-vs-bitbucket-server.html test.pdf
---
layout: false
---
%html
%head
%link{ rel: "stylesheet", href: font_url(current_page) }
%link{ rel: "stylesheet", href: "../../stylesheets/styles.css" }
%link{ rel: "stylesheet", href: "../../stylesheets/compared.css" }
%link{ rel: "stylesheet", href: "../../stylesheets/compare-pdf.css" }
%body
%header{ style: "background-image: url(../../images/comparison/title_image.png)" }
.inner-header-content.clearfix
.pull-left
%h1
GitLab vs. GitHub
%h2
GitLab compared to other tools
%img.pull-right{ src: "../../images/wordmark.png", width: 150 }
.comparison-container.full-post
.top-content
:markdown
## GitLab is the next-generation development toolset that covers 100% of your software development lifecycle.
GitLab unifies chat, issues, code review, CI, CD, and cycle analytics into a single UI.
Unlike other source code management tools that only support a portion of your development lifecycle,
GitLab delivers a unified experience for every step of the development lifecycle providing the most efficient approach to so ware delivery.
So no matter what line of business you’re in, GitLab gives you the edge to compete, innovate, and win.
.blog-entry.clearfix
.comparison-page-content.clearfix
= partial "../gitlab-ce-ee-vs-bitbucket-server"
:javascript
var split = [];
var grid = [];
var compareContent = document.querySelector('.comparison-page-content');
var els = compareContent.querySelectorAll('h3');
var clearfix = document.createElement('div');
for (var i = 0; i < els.length; i++) {
var el = els[i];
var nextChild = el.nextSibling;
var innerGrid = [el];
while (nextChild !== null && nextChild.tagName !== 'H3') {
if (nextChild !== null) {
innerGrid.push(nextChild);
}
nextChild = nextChild.nextSibling;
}
grid.push(innerGrid);
}
compareContent.innerHTML = '';
split.push(grid.slice(0, Math.floor(grid.length / 2)));
split.push(grid.slice(Math.floor(grid.length / 2)));
for (var i = 0; i < split.length; i++) {
var col = split[i];
var colDiv = document.createElement('div');
colDiv.className = 'compare-col';
for (var a = 0; a < col.length; a++) {
var grid = col[a];
var div = document.createElement('div');
for (var b = 0; b < grid.length; b++) {
div.appendChild(grid[b]);
}
colDiv.appendChild(div);
}
compareContent.appendChild(colDiv);
}
@import "variables";
body {
padding-top: 0;
background-color: $color-white;
}
header {
padding-top: 30px;
padding-bottom: 30px;
background-size: contain;
background-color: $color-primary;
.inner-header-content {
padding: 0 60px;
h1 {
margin: 0;
color: $color-white;
font-size: 40px;
font-weight: 300;
}
h2 {
margin: 0;
color: $color-secondary;
font-size: 18px;
}
img {
margin-top: 12px;
}
}
}
.top-content {
padding: 30px 60px;
h2 {
margin: 0 0 20px;
font-size: 20px;
text-align: center;
}
p {
margin: 0;
font-size: 16px;
font-weight: 100;
}
}
.blog-entry {
max-width: 100%;
padding: 0 60px;
}
.comparison-page-content {
margin-left: -15px;
margin-right: -15px;
h2 {
display: none;
}
h3 {
padding-top: 0;
margin-bottom: 0;
color: $color-primary;
font-size: 16px;
font-weight: 600;
}
p {
font-size: 14px;
&:not(:last-child) {
margin-bottom: 5px;
}
}
a {
color: $color-dark;
text-decoration: underline;
}
}
.compare-col {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
File added
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