Adds major improvements to UI, responsiveness fixes, image updates, etc.

.assets/openpilot-docs.css

@@ -0,0 +1,214 @@
+.book-summary {
+  background-color:#000000;
+}
+
+.book-summary ul.summary li.active>a {
+  color:#FFF;
+}
+
+.book-summary ul.summary li a, .book-summary ul.summary li span {
+  color:#777;
+}
+
+.gitbook-link {
+  display:none!important;
+}
+
+#book-search-input {
+  padding: 6px;
+  background: 0 0;
+  transition: top .5s ease;
+  background: #333;
+  color:#FFF;
+  border-bottom: 1px solid rgba(0,0,0,.07);
+  border-top: 1px solid rgba(0,0,0,.07);
+  margin-bottom: 10px;
+  margin-top: -1px;
+}
+
+.logo {
+  background-image: url(../../images/[email protected]);
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+  height: 75px;
+  display:block;
+  width: 300px;
+  background-position: center center;
+}
+
+.page-itoc {
+  display:none;
+  /* float: initial;
+  flex:0 0 15%;
+  background: #000;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-radius: 5px;
+  padding: 15px;
+  font-size: smaller; */
+}
+
+.page-inner {
+  position: relative;
+  margin: 0 auto;
+  max-width:initial;
+  padding: 0 25px 40px 25px;
+}
+
+.navigation {
+  position: fixed;
+  top: initial;
+  bottom: 0;
+  margin: 0;
+  width: 35%;
+  max-width: initial;
+  min-width: initial;
+  height: initial;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  flex-direction: column;
+  font-size: 40px;
+  color: #ccc;
+  text-align: center;
+  -webkit-transition: all 350ms ease;
+  -moz-transition: all 350ms ease;
+  -o-transition: all 350ms ease;
+  transition: all 350ms ease;
+}
+
+.book-body .body-inner {
+  position: initial;
+}
+
+.markdown-section h1, 
+.markdown-section h2, 
+.markdown-section h3, 
+.markdown-section h4, 
+.markdown-section h5, 
+.markdown-section h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+}
+.markdown-section>*:first-child {
+  margin-top: 0 !important;
+}
+.markdown-section h1 {
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  border-bottom: 1px solid #eaecef;
+}
+
+.markdown-section h2 {
+  padding-bottom: 0.3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid #eaecef;
+}
+
+.markdown-section h3 {
+  font-size: 1.25em;
+}
+.markdown-section p, 
+.markdown-section blockquote, 
+.markdown-section ul, 
+.markdown-section ol, 
+.markdown-section dl, 
+.markdown-section table, 
+.markdown-section pre {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+.navigation {
+  padding:0 15px;
+  color:#147efb;
+  bottom:10px;
+  background-color:#FFF;
+  box-shadow:0 2px 10px rgba(0,0,0,0.2); 
+}
+.navigation:hover {
+  background-color:#147efb;
+  color:#FFF;
+}
+.navigation:hover  .label-page-title {
+  color:#FFF;
+}
+.navigation .fa {
+  /* display: none; */
+  position: absolute;
+}
+
+.navigation span {
+  text-align:left;
+}
+
+.navigation .label-nav {
+  display: none;
+  width: 100%;
+  font-size: 12px;
+  padding-bottom: 2px;
+  font-weight: bold;
+  color:#555;
+  padding-top: 8px;
+}
+
+.navigation .label-page-title {
+  display: block;
+  width: 100%;
+  padding-top: 15px;
+  font-size: 16px;
+  text-align:center;
+  color:#333;
+  padding-bottom: 15px;
+}
+
+.navigation.navigation-prev {
+  left: 0;
+  border-bottom-right-radius: 30px;
+  border-top-right-radius: 30px;
+  padding-left:56px;
+}
+.navigation.navigation-next {
+  border-top-left-radius: 30px;
+  border-bottom-left-radius: 30px;
+  padding-right:56px;
+}
+
+.navigation.navigation-prev .fa {
+  left: 20px;
+}
+
+.navigation.navigation-next .fa {
+  right: 20px;
+}
+
+.navigation.navigation-next span {
+  text-align:left;
+}
+.navigation.navigation-next .label-nav {
+  text-align:left;
+}
+.with-summary .navigation.navigation-prev {
+  left:300px;
+
+}
+
+.markdown-section a {
+  color: #147efb;
+  text-decoration: none;
+  background: 0 0;
+}
+.markdown-section li > p {
+  margin: 0;
+}
+.markdown-section li > p > a {
+  font-weight:400;
+  display:block;
+  padding:10px 0
+} 
+
+@media only screen and (max-width: 600px) {
+  .navigation .label-page-title {
+    display: none;
+  }
+}

.assets/openpilot-docs.js

@@ -0,0 +1,19 @@
+
+
+require(['gitbook'], function(gitbook) {
+  gitbook.events.bind('page.change', function() {
+    if (!$(".book-summary .logo").length) {
+      $(".book-summary").prepend("<a href=\"/\" class=\"logo\"></a>");
+    }
+
+    $(".navigation").each((i,val) => {
+      var $this = $(val);
+      var labelParts = $this.attr('aria-label').split(":");
+      var labelNav = labelParts[0].replace(' page','');
+      var labelPageTitle = labelParts[1];
+
+      $this.append("<span class=\"label-nav\">" + labelNav + "</span>");
+      $this.append("<span class=\"label-page-title\">" + labelPageTitle + "</span>");
+    })
+  });
+});

.bookignore

@@ -1,5 +1,8 @@
+package-lock.json
+.tool-versions
 package.json
 .gitignore
+deploy_key
 deploy_key.enc
 deploy.sh
 yarn.lock

.tool-versions

@@ -0,0 +1 @@
+python 2.7.13

GLOSSARY.md

@@ -0,0 +1,25 @@
+## EON
+The EON is the device you install openpilot on to assist in driving your vehicle.
+
+[Learn more](/docs/hardware/eon)
+
+## panda
+Panda is a universal car interface. Panda's allow you to talk to your car over USB and WiFi. It supports 3 CAN buses, 2 LIN buses, and 1 GMLAN. The software is 100% open source and is developed openly. Top contributors will be offered a job, comma.ai has a budget to fund this development, as we win if cars are more open and easier to talk to.
+
+## giraffe
+Giraffe connects Panda to vehicle control buses that are not exposed via the standard diagnostics port, usually the LKAS and ACC sensors and commands live on these buses. There are currently 2 versions, one for Honda and one for Toyota. Double check the connector and make sure it is compatible with your LKAS camera.
+
+## openpilot
+Openpilot is an open source driving agent. It is capable of controlling the gas, brake, and steering on certain cars, reaching up to 6 minutes with no user action required (besides paying attention!). Currently works with Panda and Giraffe on some Honda and Toyota cars with many more Honda and Toyota ports currently underway. See How it works and Installing OpenPilot on the EON for installation instructions for EON
+
+## NEO
+neo is an open source robotics research platform. It is powered by a OnePlus 3(3T) smartphone and an STM32F205-based CAN interface board. EON plus Panda is capable of everything that NEO is capable of.
+
+## pedal
+The Comma Pedal is an open-source, community supported gas-pedal interceptor. It is used to enable stop-and-go capability in cars that lack it.
+
+## chffr
+Chffr is like a Fitbit for your car. It's a dashcam app that powers comma.ai's self-driving technology. For every minute you record you get comma points. Pair it with panda and view your compatible car's messages in cabana. It is available for Android and iOS
+
+## chffrplus
+ChffrPlus is the default NEOS program for the EON. It doesn't allow for self driving but it does allow you to run Spotify, Waze, and Chffr all on the same phone with a great UI.

README.md

@@ -1,7 +1,9 @@
 # Introduction
+
 An open source documentation project for openpilot written for you by fellow members of the Comma community.
 
-## How to contribute
+## Help us create documentation
+
 Your contributions to the documentation are always welcome and will continue to make this a necessary resource for newcomers and veterans alike.
 
 [About Contributing](documentation/contributing.md)