Use comparisons.yml for the comparisons table.
@regisF enjoy
Preview: https://cs-comparison-yml.about.gitlab.com/comparison/
Merge request reports
Activity
mentioned in issue #1087 (closed)
@travsten I think I'm mostly done with my part, there's plenty still to add :)
- Resolved by username-removed-386624
- Resolved by username-removed-386624
- Resolved by username-removed-386624
- Resolved by username-removed-386624
@travsten I know it's a WIP, but here's some quick feedback on the top section:
Here's the live Review App URL: https://cs-comparison-yml.about.gitlab.com/comparison/
Some minor feedback @travsten:
- The header of the table should probably have more padding, comparing it to the mockup the "Features" title and the logos are closer to the border than they should be
- Compare the dropdown to the ones on GitLab.com, there are slight differences (though if you're just reusing the compensation calculator dropdown this isn't really our problem, so we can probably ignore it).
- We should make the "Last Updated" text a row in the table so the border above it is the same size as the rest.
Great job, this was done a lot faster than I expected :D
- data/comparisons.yml 0 → 100644
46 - title: "Move issues between projects" 47 description: "You can move issues between projects in GitLab. All links, history and comments will be copied and the original issue will reference the newly moved issue. This makes working with multiple issue trackers much easier." 48 documentation_link: "" 49 competitor_one: true 50 competitor_two: false 51 - title: "Group-level milestones" 52 description: "View all the issues for the milestone you’re currently working on across multiple projects." 53 documentation_link: "[Example milestone for GitLab 8.2 (need to be logged in)](https://gitlab.com/groups/gitlab-org/milestones/8-2?title=8.2)" 54 competitor_one: true 55 competitor_two: false 56 - title: "Create new branches from Issues" 57 description: "In GitLab, you can quickly create a new branch from an issue on the issue tracker. It will include the issue number and title automatically, making it easy to track which branch belongs to which issue." 58 documentation_link: "[See how in our documentation](http://doc.gitlab.com/ce/workflow/web_editor.html#sts=Create%20a%20new%20branch%20from%20an%20issue)" 59 competitor_one: true 60 competitor_two: false 61 - title: "Search through commit messages" This exists in GitHub now: https://github.com/FNA-XNA/fna-xna.github.io/search?q=test&type=Commits&utf8=%E2%9C%93
- data/comparisons.yml 0 → 100644
72 description: "You can change the order of tasks in markdown on GitHub. GitLab does not have this ability, but is considering implementing it." 73 documentation_link: "[See the GitLab issue to implement this](https://gitlab.com/gitlab-org/gitlab-ce/issues/18003)" 74 competitor_one: false 75 competitor_two: true 76 - title: "Allow edits from upstream maintainers in branch" 77 description: "In GitHub, when a user opens a pull request from a fork, they are given the option that allows the upstream repository contributors to collaborate with them on their new branch. GitLab allows you to restrict pushes very carefully, but does not have this option." 78 documentation_link: "[GitLab issue to implement the same feature](https://gitlab.com/gitlab-org/gitlab-ce/issues/21975)" 79 competitor_one: false 80 competitor_two: true 81 - title: "Cycle Analytics" 82 description: "GitLab provides a dashboard that lets teams measure the time it takes to go from an idea to production. GitLab can provide this data because it has all the tools built-in: from the idea, to the CI, to code review, to deploy to production." 83 documentation_link: "[Feature Highlight: Cycle Analytics](https://about.gitlab.com/2016/09/21/cycle-analytics-feature-highlight/)" 84 competitor_one: true 85 competitor_two: false 86 - title: "Slash commands" 87 description: "In GitLab, you can pilot almost everything that affects an issue or a merge request with slash commands." - data/comparisons.yml 0 → 100644
91 - title: "Issue board" 92 description: "GitHub has Projects, which are not tight to labels in any way, making it hard to automatize flows. GitLab has Issue boards. Each list of an issue board is based on a label that exists in your issue tracker. The Issue Board will therefore match the state of your issue tracker in a user friendly way." 93 documentation_link: "[Feature highlight: Issue Boards](https://about.gitlab.com/2016/08/22/announcing-the-gitlab-issue-board/)" 94 competitor_one: true 95 competitor_two: 'sortof' 96 - title: "Time tracking" 97 description: "Time Tracking in GitLab Enterprise Edition lets your team add estimates and record time spent on issues and merge requests. There is no need to use external tools anymore." 98 documentation_link: "[Time Tracking is available as an Enterprise Edition Product](https://about.gitlab.com/features/time-tracking/)" 99 competitor_one: true 100 competitor_two: false 101 - title: "Continuous Integration" 102 description: "GitHub integrates with popular, external CI platforms. GitLab provides a continuous integration service, built-in, for free. It's tightly integrated with everything in the product and just works. You can also decide to use external CI solutions if you choose to." 103 documentation_link: "[Documentation on CI](https://docs.gitlab.com/ce/ci/quick_start/README.html)" 104 competitor_one: true 105 competitor_two: false 106 - title: "Docker Registry support" - data/comparisons.yml 0 → 100644
127 - title: "File Locking" 128 description: "GitLab EE provides an easy mechanism to lock files, preventing everyone from modifying a specific file or an entire directory." 129 documentation_link: "" 130 competitor_one: true 131 competitor_two: false 132 - title: "Access to the server" 133 description: "You have complete control of the server/instance, so you can install additional software (intrusion detection, performance monitoring, etc.) and view log files on the server itself." 134 documentation_link: "[Learn more about logging](http://doc.gitlab.com/ce/logs/logs.html)" 135 competitor_one: true 136 competitor_two: false 137 - title: "Runs on metal" 138 description: "You can run GitLab fully on metal. No need for pre-supplied VMs. Run GitLab on your infrastructure, however you like." 139 documentation_link: "" 140 competitor_one: true 141 competitor_two: false 142 - title: "Run more users on a single server" - data/comparisons.yml 0 → 100644
192 - title: "Custom Push Rules (pre-received hooks)" 193 description: "GitHub allows site administrators to create pre-received hooks at a global or project level. GitLab also allows the creation of those hooks at a project or global level, but they can be set by either the project owner or an administrator, and provides a simple user interface to define those push rules." 194 documentation_link: "[Documentation on push rules](https://docs.gitlab.com/ee/push_rules/push_rules.html#prevent-pushing-secrets-to-the-repository)" 195 competitor_one: true 196 competitor_two: 'sortof' 197 - title: "Prevent committing secrets in the repositories" 198 description: "GitLab provides a way to avoid committing sensitive files to your repositories automatically." 199 documentation_link: "[Documentation](https://docs.gitlab.com/ee/push_rules/push_rules.html#prevent-pushing-secrets-to-the-repository)" 200 competitor_one: true 201 competitor_two: false 202 - title: "Ability to set a project size" 203 description: "GitLab allows to set a project size limit at a global, group and project level." 204 documentation_link: "[Documentation on account and limit settings](https://docs.gitlab.com/ee/user/admin_area/settings/account_and_limit_settings.html)" 205 competitor_one: true 206 competitor_two: false 207 - title: "Merge Request Issue Templates" - data/comparisons.yml 0 → 100644
240 logo: '/images/comparison/github-logo.svg' 241 last_updated: 'January 31, 2017' 242 features: 243 - title: "Unlimited public private repositories and unlimited collaborators for free" 244 description: "No matter the type of project or how many people you collaborate with, you can use GitLab.com for free. That means free public projects, free private projects and as many people on those as you need." 245 competitor_one: true 246 competitor_two: false 247 - title: "GitLab.com runs GitLab Enterprise Edition with all its features" 248 description: "All the features from GitLab Enterprise Edition run on GitLab.com. This means you can use Push Rules, Merge Request Approvals and even File Locking on GitLab.com." 249 competitor_one: true 250 competitor_two: true 251 - title: "Free CI with Shared or Own Runner" 252 description: "GitLab.com has shared runners that allow you to use GitLab CI completely free. Alternatively, you can set up your own Runner for faster build processing or special requirements." 253 competitor_one: true 254 competitor_two: false 255 - title: "GitHub.com has faster pageloads than GitLab.com" - data/comparisons.yml 0 → 100644
241 last_updated: 'January 31, 2017' 242 features: 243 - title: "Unlimited public private repositories and unlimited collaborators for free" 244 description: "No matter the type of project or how many people you collaborate with, you can use GitLab.com for free. That means free public projects, free private projects and as many people on those as you need." 245 competitor_one: true 246 competitor_two: false 247 - title: "GitLab.com runs GitLab Enterprise Edition with all its features" 248 description: "All the features from GitLab Enterprise Edition run on GitLab.com. This means you can use Push Rules, Merge Request Approvals and even File Locking on GitLab.com." 249 competitor_one: true 250 competitor_two: true 251 - title: "Free CI with Shared or Own Runner" 252 description: "GitLab.com has shared runners that allow you to use GitLab CI completely free. Alternatively, you can set up your own Runner for faster build processing or special requirements." 253 competitor_one: true 254 competitor_two: false 255 - title: "GitHub.com has faster pageloads than GitLab.com" 256 description: "Improving this is a work in progress." - data/comparisons.yml 0 → 100644
256 description: "Improving this is a work in progress." 257 documentation_link: "[Issue](https://gitlab.com/gitlab-com/operations/issues/42/)" 258 competitor_one: false 259 competitor_two: true 260 261 gitlab_ce_ee_vs_bitbucket_server: 262 title: "GitLab CE/EE vs. Bitbucket Server" 263 competitor_one: 264 name: 'GitLab CE/EE' 265 logo: '/images/comparison/ce-ee-gitlab-logo.svg' 266 competitor_two: 267 name: 'Bitbucket Server' 268 logo: '/images/comparison/bitbucket-logo.svg' 269 last_updated: 'January 31, 2017' 270 features: 271 - title: "Built-in Continuous Integration tool" - data/comparisons.yml 0 → 100644
327 gitlab_com_vs_bitbucket_org: 328 title: "GitLab.com vs. Bitbucket.org" 329 competitor_one: 330 name: 'GitLab.com' 331 logo: '/images/comparison/gitlab-logo.svg' 332 competitor_two: 333 name: 'Bitbucket.org' 334 logo: '/images/comparison/bitbucket-logo.svg' 335 last_updated: 'January 31, 2017' 336 features: 337 - title: "Unlimited collaborators" 338 description: "With GitLab.com, you don't have to start paying when you have more than 5 collaborators across all your private repositories." 339 competitor_one: true 340 competitor_two: true 341 - title: "New features every month" 342 description: "GitLab is updated very often. The schedule is predictable with a monthly release cycle." 28 } 29 30 h4 { 31 color: $color-gray-light; 32 padding: 0 160px 10px; 33 line-height: 25px; 34 35 @media (max-width: $screen-md-max) { 36 padding: 0 40px 10px; 37 } 38 } 39 40 .left-columns { 41 padding-right: 30px; 42 43 @media (max-width: $screen-md-min) { The table header could use a little tweaking. I think the logos should be a bit smaller, the bottom-border should only be 1px, and there should be more space underneath to match the design (design is on top):
Other than that, and some notes on the CSS, this is looking like the
.com! Fantastic job @travsten & @connorshea! @luke what do you think?@travsten @connorshea here's a quick screenshot of spacing, font sizes, weights, and colors for the table:
Also, the line below
FEATURES
and the logos should be 1pxI think we will need nice tooltips when mouse over the True/false icon. Because as we read through the table, we might forget if GitLab is on the right or the left. The tooltips would read "GitLab has it" and "GitHub doesn't have it" or something like that.
What do you think @luke?
- Resolved by Régis Freyd (GitLab)
30 Unlike closed-source software, you can modify GitLab's source code. Be it right on the server or by forking our repositories, you can add features and make customizations. We do recommend that you try to merge your changes back into the main source code, so that others can benefit and your instance stays easy to maintain and update. 31 .row 32 .col-md-6.left-columns 33 %h3 34 Viable long term 35 %p 36 GitLab has a solid community with hundreds of thousands of organizations using and often contributing to the software. This means that GitLab is much more viable for long term usage, as it's not reliable on a single company supporting it. 37 .col-md-6.right-columns 38 %h3 39 New stable version every month 40 %p 41 GitLab releases a new stable version every single month, full of improvements, new features, and fixes. This allows GitLab to move fast and respond to customer requests extremely quickly. 42 .row 43 .col-md-6.left-columns 44 %h3 45 Build with a community @scornille can you think of a sixth fact so the design will be balanced? If not, that's ok for now, but it'd be better.
- Resolved by Régis Freyd (GitLab)
- Resolved by Régis Freyd (GitLab)
added 1 commit
- 0978bb31 - Altered the css to be more correct, added a bottom border to match the rest for …
Vertical alignment for the icons is really bad here. @annabeldunstone @connorshea can you check?
I think we will need nice tooltips when mouse over the True/false icon. Because as we read through the table, we might forget if GitLab is on the right or the left. The tooltips would read "GitLab has it" and "GitHub doesn't have it" or something like that.
@regisF can't this be "fixed" with a fixed thead navbar?
So when you pass the point of the head of the table, it stays there while scrolling down.
Edited by Achilleas Pipinellis@axil I'd love it. @annabeldunstone is it feasible for v1?
added 2 commits
- 50ca9370 - Fix responsive table; remove unneeded CSS; use SVG inline rather than images
- 7bb8d208 - Fix text colors, alignments, z-index of sticky banner
added 1 commit
- 018d2687 - Fix text colors, alignments, z-index of sticky banner
@regisF I'm still cleaning some stuff up, and there's some weirdness with the responsive table. I'd rather finish this up, get everyone to look at it and make sure it's in a good state, then we can add the fixed header in a separate MR later.
But I do like @axil's idea. I think tooltips are a bit overkill; I may be biased because it seems we add tooltips to a lot of stuff
added 1 commit
- 53355860 - Add text at bottom of table; remove footer positioning since it wasn't doing anything
added 4 commits
Toggle commit listadded 308 commits
-
441b2094...1d5a9ba4 - 279 commits from branch
master
- 71c4d24f - Use comparisons.yml for the comparisons table.
- bca70c58 - Split comparison pages.
- 359803f1 - Update comparison pages.
- f2af7368 - Add SVGs for Comparison page.
- 6ec57aca - Make the comparison table a partial.
- 164f466f - Use proper icons for true/false.
- 380a249e - Make logo-less comparison titles work.
- 7fb43c82 - Add last_updated attribute to YML file.
- 971ef462 - A few more tweaks.
- 3b512eb9 - Update comparisons.yml with what is currently defined
- da7be82f - Fix lint.
- b8bb8a97 - Fix format of YML file.
- c030a0db - Fix the comparisons.yml file.
- 59d176e8 - Fix some minor issues.
- 96a64049 - Layout all done. Just need to format for mobile, some color issues, background image.
- 2cbf5744 - Pretty much finished this page. I think Phil is finishing up the download button?
- 25eaa099 - CE vs EE updated
- 15215342 - Make sure SCSS Lint passes.
- 73939bff - Fix YML file.
- e6d3d71f - Modify based on some of Luke's feedback.
- 3968e6a1 - Altered the css to be more correct, added a bottom border to match the rest for …
- e2b63ec5 - Update css to respect guidelines
- b325bfdf - Fix responsive table; remove unneeded CSS; use SVG inline rather than images
- 326b6419 - Fix text colors, alignments, z-index of sticky banner
- 771a7b32 - Add text at bottom of table; remove footer positioning since it wasn't doing anything
- 26abbaa1 - Update links
- 23d62e77 - Fix the disclaimer at the bottom.
- 86a23885 - Add link and link description
- 2da98a7a - Fine tuning of the content
Toggle commit list-
441b2094...1d5a9ba4 - 279 commits from branch
added 33 commits
- 0e861c4c - Use comparisons.yml for the comparisons table.
- afa6dc75 - Split comparison pages.
- ac8ab9f2 - Update comparison pages.
- 1a388b0e - Add SVGs for Comparison page.
- 5c4641b0 - Make the comparison table a partial.
- 86c6370d - Use proper icons for true/false.
- 0abf0d7d - Make logo-less comparison titles work.
- e9b122cc - Add last_updated attribute to YML file.
- af63ee93 - A few more tweaks.
- da0ecb2c - Update comparisons.yml with what is currently defined
- 8d3cd45b - Fix lint.
- ced4ba43 - Fix format of YML file.
- 028b1a41 - Fix the comparisons.yml file.
- 6fac6245 - Fix some minor issues.
- 238164ff - Layout all done. Just need to format for mobile, some color issues, background image.
- 07680129 - Pretty much finished this page. I think Phil is finishing up the download button?
- 97d48537 - CE vs EE updated
- b644c77e - Make sure SCSS Lint passes.
- d54d0f42 - Fix YML file.
- 3e42a987 - Modify based on some of Luke's feedback.
- 0978bb31 - Altered the css to be more correct, added a bottom border to match the rest for …
- 2fa38ab1 - Update css to respect guidelines
- 50ca9370 - Fix responsive table; remove unneeded CSS; use SVG inline rather than images
- 018d2687 - Fix text colors, alignments, z-index of sticky banner
- 53355860 - Add text at bottom of table; remove footer positioning since it wasn't doing anything
- 45a5414e - Update links
- 7e1fe948 - Merge branch 'cs-comparison-yml' of gitlab.com:gitlab-com/www-gitlab-com into cs-comparison-yml
- df4c6f56 - Fix the disclaimer at the bottom.
- 79986f2e - Merge branch 'cs-comparison-yml' of gitlab.com:gitlab-com/www-gitlab-com into cs-comparison-yml
- 116fa70d - Add link and link description
- 441b2094 - Fine tuning of the content
- bba20cac - Merge branch 'cs-comparison-yml' of gitlab.com:gitlab-com/www-gitlab-com into cs-comparison-yml
- a1f9bc71 - Update with connor changes
Toggle commit listmentioned in commit 7dbd4af2