Minor docs style updates (#409)

* Minor style updates

- Uses the Material `teal` colour which seems to be a close match... This will be changed later once I do more branding things with a proper theme override
- Adds a monochrome version of the current Browsertrix Cloud logo.
- Fixes typo :P

docs/assets/brand/btrix-logo.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="-14.305 -26.054 671.927 428.238" xmlns="http://www.w3.org/2000/svg">
+  <g id="Browsertrix-Horizontal-no-padding" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="matrix(0.736865, 0, 0, 0.736865, 142.301071, 121.421288)" style="">
+    <g id="C4-Logo" transform="translate(2.000000, 5.000000)" fill="#fff">
+      <path d="M88,142.596779 L88,187.400287 C129.247836,195.322678 179.850046,199.721014 233.177384,199.721014 C286.783114,199.721014 337.635191,195.276635 379,187.275923 L379,142.796048 C432.052464,153.427171 466,169.72673 466,188 C466,220.032515 361.682347,246 233,246 C104.317653,246 0,220.032515 0,188 C0,169.612176 34.3745016,153.222886 88,142.596779 Z" id="Combined-Shape"/>
+      <path d="M353,0 L353,155.25055 C317.606088,160.636359 276.364698,163.605072 233.177384,163.605072 C190.252242,163.605072 149.249471,160.672294 114,155.348368 L114,0 L353,0 Z M187,13 L187,30 L337,30 L337,13 L187,13 Z M131,13 L131,30 L149,30 L149,13 L131,13 Z M159,13 L159,30 L177,30 L177,13 L159,13 Z" id="Combined-Shape" fill-rule="nonzero"/>
+    </g>
+  </g>
+  <g transform="matrix(10.641995, 0, 0, 10.641995, -2.323544, -134.788986)" style="">
+    <g>
+      <path style="fill: #fff;" d="M50.752,47.941H13.72C6.155,47.941,0,41.786,0,34.221S6.154,20.5,13.72,20.5 c1.233,0,2.466,0.171,3.673,0.511c2.143-5.025,7.094-8.338,12.611-8.338c3.96,0,7.659,1.68,10.27,4.637 c1.211-0.511,2.521-0.779,3.833-0.779c5.438,0,9.862,4.424,9.862,9.862c0,0.763-0.092,1.524-0.271,2.275 c4.066,1.27,6.916,5.067,6.916,9.411C60.614,43.516,56.19,47.941,50.752,47.941z M13.72,22.5C7.258,22.5,2,27.758,2,34.221 c0,6.462,5.258,11.72,11.72,11.72h37.032c4.335,0,7.861-3.527,7.861-7.862c0-3.758-2.676-7.003-6.362-7.715 c-0.286-0.056-0.534-0.233-0.679-0.487c-0.145-0.254-0.172-0.558-0.072-0.833c0.311-0.868,0.469-1.759,0.469-2.65 c0-4.335-3.527-7.862-7.862-7.862c-1.279,0-2.505,0.302-3.642,0.898c-0.428,0.224-0.952,0.111-1.251-0.268 c-2.243-2.853-5.601-4.489-9.21-4.489c-4.992,0-9.441,3.176-11.072,7.902c-0.086,0.252-0.271,0.459-0.512,0.575 c-0.24,0.115-0.518,0.131-0.77,0.041C16.366,22.732,15.042,22.5,13.72,22.5z"/>
+    </g>
+  </g>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+  <g transform="matrix(1, 0, 0, 1, 234.888443, 3.585283)"/>
+</svg>

docs/index.md

@@ -8,5 +8,5 @@ Welcome to the Browsertrix Cloud official user guide and developer docs. These d
 
 If you are unfamiliar with Browsertrix Cloud, please check out [our website](https://browsertrix.cloud) or the main repository at [https://github.com/webrecorder/browsertrix-cloud](https://github.com/webrecorder/browsertrix-cloud)
 
-Our docs are still under construction. If you find something missing, chances are we haven't gotten around to writing that part yet. If you find typoes or something isn't clear or seems incorrect, please open an [issue](https://github.com/webrecorder/browsertrix-cloud/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc) and we'll try to make sure that your questions get answered here in the future!
+Our docs are still under construction. If you find something missing, chances are we haven't gotten around to writing that part yet. If you find typos or something isn't clear or seems incorrect, please open an [issue](https://github.com/webrecorder/browsertrix-cloud/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc) and we'll try to make sure that your questions get answered here in the future!
 

mkdocs.yml

@@ -1,4 +1,4 @@
-site_name: Browsertrix Cloud
+site_name: Browsertrix Cloud Docs
 theme:
   name: material
   features:
@@ -9,6 +9,10 @@ theme:
   font:
     text: Inter
     code: Recursive
+  palette:
+    primary: teal
+    accent: cyan
+  logo: assets/brand/btrix-logo.svg
 
   icon:
     admonition: