Comparison

data/docs-menu.json

@@ -13,6 +13,10 @@
 			{
 				"title": "Installing Thermal",
 				"slug": "installing-thermal"
+			},
+			{
+				"title": "Comparison",
+				"slug": "comparison"
 			}
 		]
 	},

docs/comparison.md

@@ -0,0 +1,34 @@
+---
+title: Comparison
+description: Compare Thermal with other tools
+titleBorder: true
+---
+
+This is definitely the most difficult page in the guide to write, but we do feel it’s important. Odds are, you've had problems with some other tool and you're here because you want to know if Thermal can solve your specific problems in better way. That's what we hope to answer for you.
+
+We also try very hard to avoid bias. As the core team, we obviously like Thermal a lot. There are some problems we think it solves better than anything else out there. If we didn’t believe that, we wouldn’t be working on it. We do want to be fair and accurate though. Where other tools like GitHub Desktop and SourceTree offer convenience but only limited extensibility, but there aren’t any other graphical interface providing extreme flexibility approachable.
+
+## Repository
+
+| Features | **Thermal** | GitHub Desktop | SourceTree |
+| :--- | :---: | :---: | :---: |
+| Safe lock | Coming soon | 0% | 0% |
+| Code difference | W.I.P | 100% | 50% |
+| Settings | 100% | 0% | 0% |
+| Stats | 100% | 0% | 0% |
+| Commit | 100% | 100% | 100% |
+| Logs | 100% | 100% | 100% |
+
+## Application
+
+| Features | **Thermal** | GitHub Desktop | SourceTree |
+| :--- | :---: | :---: | :---: |
+| Commitizen | Coming soon | 0% | 0% |
+| Git tweet | Coming soon | 0% | 0% |
+
+## Design
+
+| Features | **Thermal** | GitHub Desktop | SourceTree |
+| :--- | :---: | :---: | :---: |
+| Design system | W.I.P | 50% | 0% |
+| Modular design | 100% | 100% | 50% |

src/layouts/Post.vue

@@ -132,6 +132,21 @@ export default {
 		-ms-hyphens: none
 		hyphens: none
 
+	table
+		width: 100%
+
+		thead
+			th
+				border-bottom: 2px solid #00ADB5
+				margin-bottom: .2rem
+				padding: .4rem
+
+		tbody
+			td
+				border-bottom: 1px solid rgba(71, 76, 85, 0.2)
+				margin-bottom: .2rem
+				padding: .4rem
+
 .edit-link
 	display: flex
 	flex-direction: row