diff --git a/content/english/_index.md b/content/english/_index.md
index 66eeb0b44d..7b9c176a1b 100644
--- a/content/english/_index.md
+++ b/content/english/_index.md
@@ -5,8 +5,9 @@ draft: false
 hidemetadata: true
 ---
 
-## Workshop Projects
+
 {{< workshop-list style="card" depth="1" showhidden="false" description="true"  />}}
 
 ## Contributing
+
 Want to help improve our workshops or our website? Click here: **[Workshop Contributor Guidelines](guidelines/)**!
diff --git a/themes/docdock/layouts/partials/flex/body-beforecontent.html b/themes/docdock/layouts/partials/flex/body-beforecontent.html
index 2db29a7fe8..4ba1ba74f6 100644
--- a/themes/docdock/layouts/partials/flex/body-beforecontent.html
+++ b/themes/docdock/layouts/partials/flex/body-beforecontent.html
@@ -2,6 +2,14 @@
   <!-- Page Logo-->
   {{ partial "header.html" . }}
 </header>
+
+{{- if .IsHome}}
+<div>
+  <h2 style="margin-left: 2%;" class="Workshop-Projects-Header">Workshop Projects</h2>
+  <p style="margin-left: 2%;">Here are the projects our organization has created.</p>
+</div>
+{{- end}}
+
 <article>
   <aside>
     <ul class="menu">
diff --git a/themes/docdock/layouts/partials/menu.html b/themes/docdock/layouts/partials/menu.html
index 0f9beb8869..88cd1c589a 100644
--- a/themes/docdock/layouts/partials/menu.html
+++ b/themes/docdock/layouts/partials/menu.html
@@ -1,86 +1,69 @@
-{{- $currentNode := . }}
-{{- $showvisitedlinks := .Site.Params.showVisitedLinks -}}
-
-{{- if eq .Site.Params.orderSectionsBy "title"}}
-  {{- range .Site.Home.Sections.ByTitle}}
-    {{- if (or (eq $currentNode .Site.Home) (.IsAncestor $currentNode))}}
-      {{- template "section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks" $showvisitedlinks}}
-    {{- end}}
-  {{- end}}
-{{- else}}
-  {{- range .Site.Home.Sections.ByWeight}}
-    {{- if (or (eq $currentNode .Site.Home) (.IsAncestor $currentNode))}}
-      {{- template "section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks" $showvisitedlinks}}
-    {{- end}}
-  {{- end}}
-{{- end}}
+{{- $currentNode := . }} {{- $showvisitedlinks := .Site.Params.showVisitedLinks
+-}} {{- if eq .Site.Params.orderSectionsBy "title"}} {{- range
+.Site.Home.Sections.ByTitle}} {{- if (or (eq $currentNode .Site.Home)
+(.IsAncestor $currentNode))}} {{- template "section-tree-nav" dict "sect" .
+"currentnode" $currentNode "showvisitedlinks" $showvisitedlinks}} {{- end}} {{-
+end}} {{- else}} {{- range .Site.Home.Sections.ByWeight}} {{- if (or (eq
+$currentNode .Site.Home) (.IsAncestor $currentNode))}} {{- template
+"section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks"
+$showvisitedlinks}} {{- end}} {{- end}} {{- end}}
 
 <!-- templates -->
-{{- define "section-tree-nav" }}
-{{- $showvisitedlinks := .showvisitedlinks }}
-{{- $currentNode := .currentnode }}
- {{- with .sect}}
-  {{- if and .IsSection (or (not .Params.hidden) $.showhidden)}}
-    {{- $numberOfPages := (add (len .Pages) (len .Sections)) }}
-    {{- safeHTML .Params.head}}
-    <li data-nav-id="{{.Permalink}}" class="dd-item
+{{- define "section-tree-nav" }} {{- $showvisitedlinks := .showvisitedlinks }}
+{{- $currentNode := .currentnode }} {{- with .sect}} {{- if and .IsSection (or
+(not .Params.hidden) $.showhidden)}} {{- $numberOfPages := (add (len .Pages)
+(len .Sections)) }} {{- safeHTML .Params.head}}
+<li
+  data-nav-id="{{.Permalink}}"
+  class="dd-item
         {{- if .IsAncestor $currentNode}} parent{{end}}
         {{- if eq .Permalink $currentNode.Permalink}} active{{end}}
         {{- if .Params.alwaysopen}} alwaysopen{{end -}}
         {{- if ne $numberOfPages 0 }} haschildren{{end}}
-        ">
-      <div>
-      <a href="{{ .RelPermalink}}">{{safeHTML .Params.Pre}}{{.Title}}{{safeHTML .Params.Post}}</a>
-        
-        {{- if ne $numberOfPages 0 }}
-          {{- if or (.IsAncestor $currentNode) (.Params.alwaysopen) }}
-            <i class="fa fa-angle-down fa-lg category-icon"></i>
-          {{- else -}}
-            <i class="fa fa-angle-right fa-lg category-icon"></i>
-          {{- end}}
-        {{- end}}
+        "
+>
+  <div>
+    <a href="{{ .RelPermalink}}"
+      >{{safeHTML .Params.Pre}}{{.Title}}{{safeHTML .Params.Post}}</a
+    >
 
-        {{- if $showvisitedlinks}}<i class="fa fa-circle-thin read-icon"></i>{{end}}
-      </div>
-      {{- if ne $numberOfPages 0 }}
-        <ul>
-          {{- .Scratch.Set "pages" .Pages }}
-          {{- if .Sections}}
-          {{- .Scratch.Set "pages" (.Pages | union .Sections) }}
-          {{- end}}
-          {{- $pages := (.Scratch.Get "pages") }}
-
-        {{- if eq .Site.Params.orderPagesBy "title"}}
-          {{- range $pages.ByTitle }}
-            {{- if and .Params.hidden (not $.showhidden) }}
-            {{- else}}
-            {{- template "section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks" $showvisitedlinks }}
-            {{- end}}
-          {{- end}}
-        {{- else}}
-          {{- range $pages.ByWeight }}
-            {{- if and .Params.hidden (not $.showhidden) }}
-            {{- else}}
-            {{- template "section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks" $showvisitedlinks }}
-            {{- end}}
-          {{- end}}
-        {{- end}}
-        </ul>
-      {{- end}}
-    </li>
-  {{- else}}
-    {{- if not .Params.Hidden }}
-      <li data-nav-id="{{.Permalink}}" class="dd-item
-     {{- if eq .Permalink $currentNode.Permalink}} active{{end -}}
-      ">
-        <div>
-          <a href="{{ .RelPermalink}}">
-            {{safeHTML .Params.Pre}}{{.LinkTitle}}{{safeHTML .Params.Post}}
-          </a>
-          {{- if $showvisitedlinks}}<i class="fa fa-circle-thin read-icon"></i>{{end}}
-        </div>
-    </li>
-     {{- end}}
+    {{- if ne $numberOfPages 0 }} {{- if or (.IsAncestor $currentNode)
+    (.Params.alwaysopen) }}
+    <i class="fa fa-angle-down fa-lg category-icon"></i>
+    {{- else -}}
+    <i class="fa fa-angle-up fa-lg category-icon"></i>
+    {{- end}} {{- end}} {{- if $showvisitedlinks}}<i
+      class="fa fa-circle-thin read-icon"
+    ></i
+    >{{end}}
+  </div>
+  {{- if ne $numberOfPages 0 }}
+  <ul>
+    {{- .Scratch.Set "pages" .Pages }} {{- if .Sections}} {{- .Scratch.Set
+    "pages" (.Pages | union .Sections) }} {{- end}} {{- $pages := (.Scratch.Get
+    "pages") }} {{- if eq .Site.Params.orderPagesBy "title"}} {{- range
+    $pages.ByTitle }} {{- if and .Params.hidden (not $.showhidden) }} {{- else}}
+    {{- template "section-tree-nav" dict "sect" . "currentnode" $currentNode
+    "showvisitedlinks" $showvisitedlinks }} {{- end}} {{- end}} {{- else}} {{-
+    range $pages.ByWeight }} {{- if and .Params.hidden (not $.showhidden) }} {{-
+    else}} {{- template "section-tree-nav" dict "sect" . "currentnode"
+    $currentNode "showvisitedlinks" $showvisitedlinks }} {{- end}} {{- end}} {{-
+    end}}
+  </ul>
   {{- end}}
- {{- end}}
-{{- end}}
+</li>
+{{- else}} {{- if not .Params.Hidden }}
+<li
+  data-nav-id="{{.Permalink}}"
+  class="dd-item
+     {{- if eq .Permalink $currentNode.Permalink}} active{{end -}}
+      "
+>
+  <div>
+    <a href="{{ .RelPermalink}}">
+      {{safeHTML .Params.Pre}}{{.LinkTitle}}{{safeHTML .Params.Post}}
+    </a>
+    {{- if $showvisitedlinks}}<i class="fa fa-circle-thin read-icon"></i>{{end}}
+  </div>
+</li>
+{{- end}} {{- end}} {{- end}} {{- end}}
diff --git a/themes/docdock/static/css/chunk.css b/themes/docdock/static/css/chunk.css
index b054ef211e..74f8a37f34 100644
--- a/themes/docdock/static/css/chunk.css
+++ b/themes/docdock/static/css/chunk.css
@@ -370,6 +370,7 @@ body {
   padding: 0;
   font-family: Lato, sans-serif;
   font-weight: normal;
+  background-color: #f1f6f1;
 }
 .jgBGVn span {
   display: block;
diff --git a/themes/docdock/static/css/data-style.css b/themes/docdock/static/css/data-style.css
index 390e8253e5..55518114d3 100644
--- a/themes/docdock/static/css/data-style.css
+++ b/themes/docdock/static/css/data-style.css
@@ -31,6 +31,7 @@
   font-family: Lato, sans-serif;
   color: rgb(112, 112, 112);
   font-size: 16px;
+  background-color: #ffffff;
 }
 .emolVn {
   float: left;
@@ -94,9 +95,7 @@
   text-decoration-style: unset;
 }
 .iFdsJw {
-  background-image: /*savepage-url=./static/media/2018_0814_Pattern_Adjusted.57f3c140.svg*/ url(
-
-  );
+  background-image: /*savepage-url=./static/media/2018_0814_Pattern_Adjusted.57f3c140.svg*/ url();
   font-family: Lato, sans-serif;
   font-weight: bolder;
   box-shadow: rgba(245, 107, 107, 0.1) 0px 4px 12px;
diff --git a/themes/docdock/static/css/nucleus.css b/themes/docdock/static/css/nucleus.css
index ed2c0a38a4..4587f19a9f 100644
--- a/themes/docdock/static/css/nucleus.css
+++ b/themes/docdock/static/css/nucleus.css
@@ -1,25 +1,35 @@
-*, *::before, *::after {
+*,
+*::before,
+*::after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 @-webkit-viewport {
-  width: device-width; }
+  width: device-width;
+}
 @-moz-viewport {
-  width: device-width; }
+  width: device-width;
+}
 @-ms-viewport {
-  width: device-width; }
+  width: device-width;
+}
 @-o-viewport {
-  width: device-width; }
+  width: device-width;
+}
 @viewport {
-  width: device-width; }
+  width: device-width;
+}
 html {
   font-size: 100%;
   -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%; }
+  -webkit-text-size-adjust: 100%;
+}
 
 body {
-  margin: 0; }
+  margin: 0;
+}
 
 article,
 aside,
@@ -33,73 +43,91 @@ main,
 nav,
 section,
 summary {
-  display: block; }
+  display: block;
+}
 
 audio,
 canvas,
 progress,
 video {
   display: inline-block;
-  vertical-align: baseline; }
+  vertical-align: baseline;
+}
 
 audio:not([controls]) {
   display: none;
-  height: 0; }
+  height: 0;
+}
 
 [hidden],
 template {
-  display: none; }
+  display: none;
+}
 
 a {
   background: transparent;
-  text-decoration: none; }
+  text-decoration: none;
+}
 
 a:active,
 a:hover {
-  outline: 0; }
+  outline: 0;
+}
 
 abbr[title] {
-  border-bottom: 1px dotted; }
+  border-bottom: 1px dotted;
+}
 
 b,
 strong {
-  font-weight: bold; }
+  font-weight: bold;
+}
 
 dfn {
-  font-style: italic; }
+  font-style: italic;
+}
 
 mark {
-  background: #FFFF27;
-  color: #333; }
+  background: #ffff27;
+  color: #333;
+}
 
 sub,
 sup {
   font-size: 0.8rem;
   line-height: 0;
   position: relative;
-  vertical-align: baseline; }
+  vertical-align: baseline;
+}
 
 sup {
-  top: -0.5em; }
+  top: -0.5em;
+}
 
 sub {
-  bottom: -0.25em; }
+  bottom: -0.25em;
+}
 
 img {
   border: 0;
-  max-width: 100%; }
+  max-width: 100%;
+}
 
 svg:not(:root) {
-  overflow: hidden; }
+  overflow: hidden;
+}
 
 figure {
-  margin: 1em 40px; }
+  margin: 1em 40px;
+}
 
 hr {
-  height: 0; }
+  height: 0;
+}
 
 pre {
-  overflow: auto; }
+  overflow: auto;
+}
 
 button,
 input,
@@ -108,90 +136,120 @@ select,
 textarea {
   color: inherit;
   font: inherit;
-  margin: 0; }
+  margin: 0;
+}
 
 button {
-  overflow: visible; }
+  overflow: visible;
+}
 
 button,
 select {
-  text-transform: none; }
+  text-transform: none;
+}
 
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
-  cursor: pointer; }
+  cursor: pointer;
+}
 
 button[disabled],
 html input[disabled] {
-  cursor: default; }
+  cursor: default;
+}
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
-  padding: 0; }
+  padding: 0;
+}
 
 input {
-  line-height: normal; }
+  line-height: normal;
+}
 
 input[type="checkbox"],
 input[type="radio"] {
-  padding: 0; }
+  padding: 0;
+}
 
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
-  height: auto; }
+  height: auto;
+}
 
 input[type="search"] {
-  -webkit-appearance: textfield; }
+  -webkit-appearance: textfield;
+}
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none; }
+  -webkit-appearance: none;
+}
 
 legend {
   border: 0;
-  padding: 0; }
+  padding: 0;
+}
 
 textarea {
-  overflow: auto; }
+  overflow: auto;
+}
 
 optgroup {
-  font-weight: bold; }
+  font-weight: bold;
+}
 
 table {
   border-collapse: collapse;
   border-spacing: 0;
   table-layout: fixed;
-  width: 100%; }
+  width: 100%;
+}
 
-tr, td, th {
-  vertical-align: middle; }
+tr,
+td,
+th {
+  vertical-align: middle;
+}
 
-th, td {
-  padding: 0.425rem 0; }
+th,
+td {
+  padding: 0.425rem 0;
+}
 
 th {
-  text-align: left; }
+  text-align: left;
+}
 
 .container {
   width: 75em;
   margin: 0 auto;
-  padding: 0; }
-  @media only all and (min-width: 60em) and (max-width: 74.938em) {
-    .container {
-      width: 60em; } }
-  @media only all and (min-width: 48em) and (max-width: 59.938em) {
-    .container {
-      width: 48em; } }
-  @media only all and (min-width: 30.063em) and (max-width: 47.938em) {
-    .container {
-      width: 30em; } }
-  @media only all and (max-width: 30em) {
-    .container {
-      width: 100%; } }
+  padding: 0;
+}
+@media only all and (min-width: 60em) and (max-width: 74.938em) {
+  .container {
+    width: 60em;
+  }
+}
+@media only all and (min-width: 48em) and (max-width: 59.938em) {
+  .container {
+    width: 48em;
+  }
+}
+@media only all and (min-width: 30.063em) and (max-width: 47.938em) {
+  .container {
+    width: 30em;
+  }
+}
+@media only all and (max-width: 30em) {
+  .container {
+    width: 100%;
+  }
+}
 
 .grid {
   display: -webkit-box;
@@ -206,12 +264,15 @@ th {
   flex-flow: row;
   list-style: none;
   margin: 0;
-  padding: 0; }
-  @media only all and (max-width: 47.938em) {
-    .grid {
-      -webkit-flex-flow: row wrap;
-      -moz-flex-flow: row wrap;
-      flex-flow: row wrap; } }
+  padding: 0;
+}
+@media only all and (max-width: 47.938em) {
+  .grid {
+    -webkit-flex-flow: row wrap;
+    -moz-flex-flow: row wrap;
+    flex-flow: row wrap;
+  }
+}
 
 .block {
   -webkit-box-flex: 1;
@@ -222,20 +283,24 @@ th {
   -ms-flex: 1;
   flex: 1;
   min-width: 0;
-  min-height: 0; }
-  @media only all and (max-width: 47.938em) {
-    .block {
-      -webkit-box-flex: 0;
-      -moz-box-flex: 0;
-      box-flex: 0;
-      -webkit-flex: 0 100%;
-      -moz-flex: 0 100%;
-      -ms-flex: 0 100%;
-      flex: 0 100%; } }
+  min-height: 0;
+}
+@media only all and (max-width: 47.938em) {
+  .block {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 100%;
+    -moz-flex: 0 100%;
+    -ms-flex: 0 100%;
+    flex: 0 100%;
+  }
+}
 
 .content {
   margin: 0.625rem;
-  padding: 0.938rem; }
+  padding: 0.938rem;
+}
 
 @media only all and (max-width: 47.938em) {
   body [class*="size-"] {
@@ -245,7 +310,9 @@ th {
     -webkit-flex: 0 100%;
     -moz-flex: 0 100%;
     -ms-flex: 0 100%;
-    flex: 0 100%; } }
+    flex: 0 100%;
+  }
+}
 
 .size-1-2 {
   -webkit-box-flex: 0;
@@ -254,7 +321,8 @@ th {
   -webkit-flex: 0 50%;
   -moz-flex: 0 50%;
   -ms-flex: 0 50%;
-  flex: 0 50%; }
+  flex: 0 50%;
+}
 
 .size-1-3 {
   -webkit-box-flex: 0;
@@ -263,7 +331,8 @@ th {
   -webkit-flex: 0 33.33333%;
   -moz-flex: 0 33.33333%;
   -ms-flex: 0 33.33333%;
-  flex: 0 33.33333%; }
+  flex: 0 33.33333%;
+}
 
 .size-1-4 {
   -webkit-box-flex: 0;
@@ -272,7 +341,8 @@ th {
   -webkit-flex: 0 25%;
   -moz-flex: 0 25%;
   -ms-flex: 0 25%;
-  flex: 0 25%; }
+  flex: 0 25%;
+}
 
 .size-1-5 {
   -webkit-box-flex: 0;
@@ -281,7 +351,8 @@ th {
   -webkit-flex: 0 20%;
   -moz-flex: 0 20%;
   -ms-flex: 0 20%;
-  flex: 0 20%; }
+  flex: 0 20%;
+}
 
 .size-1-6 {
   -webkit-box-flex: 0;
@@ -290,7 +361,8 @@ th {
   -webkit-flex: 0 16.66667%;
   -moz-flex: 0 16.66667%;
   -ms-flex: 0 16.66667%;
-  flex: 0 16.66667%; }
+  flex: 0 16.66667%;
+}
 
 .size-1-7 {
   -webkit-box-flex: 0;
@@ -299,7 +371,8 @@ th {
   -webkit-flex: 0 14.28571%;
   -moz-flex: 0 14.28571%;
   -ms-flex: 0 14.28571%;
-  flex: 0 14.28571%; }
+  flex: 0 14.28571%;
+}
 
 .size-1-8 {
   -webkit-box-flex: 0;
@@ -308,7 +381,8 @@ th {
   -webkit-flex: 0 12.5%;
   -moz-flex: 0 12.5%;
   -ms-flex: 0 12.5%;
-  flex: 0 12.5%; }
+  flex: 0 12.5%;
+}
 
 .size-1-9 {
   -webkit-box-flex: 0;
@@ -317,7 +391,8 @@ th {
   -webkit-flex: 0 11.11111%;
   -moz-flex: 0 11.11111%;
   -ms-flex: 0 11.11111%;
-  flex: 0 11.11111%; }
+  flex: 0 11.11111%;
+}
 
 .size-1-10 {
   -webkit-box-flex: 0;
@@ -326,7 +401,8 @@ th {
   -webkit-flex: 0 10%;
   -moz-flex: 0 10%;
   -ms-flex: 0 10%;
-  flex: 0 10%; }
+  flex: 0 10%;
+}
 
 .size-1-11 {
   -webkit-box-flex: 0;
@@ -335,7 +411,8 @@ th {
   -webkit-flex: 0 9.09091%;
   -moz-flex: 0 9.09091%;
   -ms-flex: 0 9.09091%;
-  flex: 0 9.09091%; }
+  flex: 0 9.09091%;
+}
 
 .size-1-12 {
   -webkit-box-flex: 0;
@@ -344,7 +421,8 @@ th {
   -webkit-flex: 0 8.33333%;
   -moz-flex: 0 8.33333%;
   -ms-flex: 0 8.33333%;
-  flex: 0 8.33333%; }
+  flex: 0 8.33333%;
+}
 
 @media only all and (min-width: 48em) and (max-width: 59.938em) {
   .size-tablet-1-2 {
@@ -354,7 +432,8 @@ th {
     -webkit-flex: 0 50%;
     -moz-flex: 0 50%;
     -ms-flex: 0 50%;
-    flex: 0 50%; }
+    flex: 0 50%;
+  }
 
   .size-tablet-1-3 {
     -webkit-box-flex: 0;
@@ -363,7 +442,8 @@ th {
     -webkit-flex: 0 33.33333%;
     -moz-flex: 0 33.33333%;
     -ms-flex: 0 33.33333%;
-    flex: 0 33.33333%; }
+    flex: 0 33.33333%;
+  }
 
   .size-tablet-1-4 {
     -webkit-box-flex: 0;
@@ -372,7 +452,8 @@ th {
     -webkit-flex: 0 25%;
     -moz-flex: 0 25%;
     -ms-flex: 0 25%;
-    flex: 0 25%; }
+    flex: 0 25%;
+  }
 
   .size-tablet-1-5 {
     -webkit-box-flex: 0;
@@ -381,7 +462,8 @@ th {
     -webkit-flex: 0 20%;
     -moz-flex: 0 20%;
     -ms-flex: 0 20%;
-    flex: 0 20%; }
+    flex: 0 20%;
+  }
 
   .size-tablet-1-6 {
     -webkit-box-flex: 0;
@@ -390,7 +472,8 @@ th {
     -webkit-flex: 0 16.66667%;
     -moz-flex: 0 16.66667%;
     -ms-flex: 0 16.66667%;
-    flex: 0 16.66667%; }
+    flex: 0 16.66667%;
+  }
 
   .size-tablet-1-7 {
     -webkit-box-flex: 0;
@@ -399,7 +482,8 @@ th {
     -webkit-flex: 0 14.28571%;
     -moz-flex: 0 14.28571%;
     -ms-flex: 0 14.28571%;
-    flex: 0 14.28571%; }
+    flex: 0 14.28571%;
+  }
 
   .size-tablet-1-8 {
     -webkit-box-flex: 0;
@@ -408,7 +492,8 @@ th {
     -webkit-flex: 0 12.5%;
     -moz-flex: 0 12.5%;
     -ms-flex: 0 12.5%;
-    flex: 0 12.5%; }
+    flex: 0 12.5%;
+  }
 
   .size-tablet-1-9 {
     -webkit-box-flex: 0;
@@ -417,7 +502,8 @@ th {
     -webkit-flex: 0 11.11111%;
     -moz-flex: 0 11.11111%;
     -ms-flex: 0 11.11111%;
-    flex: 0 11.11111%; }
+    flex: 0 11.11111%;
+  }
 
   .size-tablet-1-10 {
     -webkit-box-flex: 0;
@@ -426,7 +512,8 @@ th {
     -webkit-flex: 0 10%;
     -moz-flex: 0 10%;
     -ms-flex: 0 10%;
-    flex: 0 10%; }
+    flex: 0 10%;
+  }
 
   .size-tablet-1-11 {
     -webkit-box-flex: 0;
@@ -435,7 +522,8 @@ th {
     -webkit-flex: 0 9.09091%;
     -moz-flex: 0 9.09091%;
     -ms-flex: 0 9.09091%;
-    flex: 0 9.09091%; }
+    flex: 0 9.09091%;
+  }
 
   .size-tablet-1-12 {
     -webkit-box-flex: 0;
@@ -444,7 +532,9 @@ th {
     -webkit-flex: 0 8.33333%;
     -moz-flex: 0 8.33333%;
     -ms-flex: 0 8.33333%;
-    flex: 0 8.33333%; } }
+    flex: 0 8.33333%;
+  }
+}
 @media only all and (max-width: 47.938em) {
   @supports not (flex-wrap: wrap) {
     .grid {
@@ -455,7 +545,8 @@ th {
       -webkit-flex-wrap: inherit;
       -moz-flex-wrap: inherit;
       -ms-flex-wrap: inherit;
-      flex-wrap: inherit; }
+      flex-wrap: inherit;
+    }
 
     .block {
       display: block;
@@ -465,146 +556,228 @@ th {
       -webkit-flex: inherit;
       -moz-flex: inherit;
       -ms-flex: inherit;
-      flex: inherit; } } }
+      flex: inherit;
+    }
+  }
+}
 .first-block {
   -webkit-box-ordinal-group: 0;
   -webkit-order: -1;
   -ms-flex-order: -1;
-  order: -1; }
+  order: -1;
+}
 
 .last-block {
   -webkit-box-ordinal-group: 2;
   -webkit-order: 1;
   -ms-flex-order: 1;
-  order: 1; }
+  order: 1;
+}
 
 .fixed-blocks {
   -webkit-flex-flow: row wrap;
   -moz-flex-flow: row wrap;
-  flex-flow: row wrap; }
+  flex-flow: row wrap;
+}
+.fixed-blocks .block {
+  -webkit-box-flex: inherit;
+  -moz-box-flex: inherit;
+  box-flex: inherit;
+  -webkit-flex: inherit;
+  -moz-flex: inherit;
+  -ms-flex: inherit;
+  flex: inherit;
+  width: 25%;
+}
+@media only all and (min-width: 60em) and (max-width: 74.938em) {
+  .fixed-blocks .block {
+    width: 33.33333%;
+  }
+}
+@media only all and (min-width: 48em) and (max-width: 59.938em) {
   .fixed-blocks .block {
-    -webkit-box-flex: inherit;
-    -moz-box-flex: inherit;
-    box-flex: inherit;
-    -webkit-flex: inherit;
-    -moz-flex: inherit;
-    -ms-flex: inherit;
-    flex: inherit;
-    width: 25%; }
-    @media only all and (min-width: 60em) and (max-width: 74.938em) {
-      .fixed-blocks .block {
-        width: 33.33333%; } }
-    @media only all and (min-width: 48em) and (max-width: 59.938em) {
-      .fixed-blocks .block {
-        width: 50%; } }
-    @media only all and (max-width: 47.938em) {
-      .fixed-blocks .block {
-        width: 100%; } }
+    width: 50%;
+  }
+}
+@media only all and (max-width: 47.938em) {
+  .fixed-blocks .block {
+    width: 100%;
+  }
+}
 
 body {
   font-size: 1.05rem;
-  line-height: 1.7; }
-
-h1, h2, h3, h4, h5, h6 {
+  line-height: 1.7;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin: 0.85rem 0 1.7rem 0;
-  text-rendering: optimizeLegibility; }
+  text-rendering: optimizeLegibility;
+}
 
 h1 {
-  font-size: 3.25rem; }
+  font-size: 3.25rem;
+}
 
 h2 {
-  font-size: 2.55rem; }
+  font-size: 2.55rem;
+}
 
 h3 {
-  font-size: 2.15rem; }
+  font-size: 2.15rem;
+}
 
 h4 {
-  font-size: 1.8rem; }
+  font-size: 1.8rem;
+}
 
 h5 {
-  font-size: 1.4rem; }
+  font-size: 1.4rem;
+}
 
 h6 {
-  font-size: 0.9rem; }
+  font-size: 0.9rem;
+}
 
 p {
-  margin: 1.7rem 0; }
+  margin: 1.7rem 0;
+}
 
-ul, ol {
+ul,
+ol {
   margin-top: 1.7rem;
-  margin-bottom: 1.7rem; }
-  ul ul, ul ol, ol ul, ol ol {
-    margin-top: 0;
-    margin-bottom: 0; }
+  margin-bottom: 1.7rem;
+}
+ul ul,
+ul ol,
+ol ul,
+ol ol {
+  margin-top: 0;
+  margin-bottom: 0;
+}
 
 blockquote {
   margin: 1.7rem 0;
-  padding-left: 0.85rem; }
+  padding-left: 0.85rem;
+}
 
 cite {
   display: block;
-  font-size: 0.925rem; }
-  cite:before {
-    content: "\2014 \0020"; }
+  font-size: 0.925rem;
+}
+cite:before {
+  content: "\2014 \0020";
+}
 
 pre {
   margin: 1.7rem 0;
-  padding: 0.938rem; }
+  padding: 0.938rem;
+}
 
 code {
-  vertical-align: bottom; }
+  vertical-align: bottom;
+}
 
 small {
-  font-size: 0.925rem; }
+  font-size: 0.925rem;
+}
 
 hr {
   border-left: none;
   border-right: none;
   border-top: none;
-  margin: 1.7rem 0; }
+  margin: 1.7rem 0;
+}
 
 fieldset {
   border: 0;
   padding: 0.938rem;
-  margin: 0 0 1.7rem 0; }
+  margin: 0 0 1.7rem 0;
+}
 
 input,
 label,
 select {
-  display: block; }
+  display: block;
+}
 
 label {
-  margin-bottom: 0.425rem; }
-  label.required:after {
-    content: "*"; }
-  label abbr {
-    display: none; }
-
-textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple=multiple] {
+  margin-bottom: 0.425rem;
+}
+label.required:after {
+  content: "*";
+}
+label abbr {
+  display: none;
+}
+
+textarea,
+input[type="email"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="url"],
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+select[multiple="multiple"] {
   -webkit-transition: border-color;
   -moz-transition: border-color;
   transition: border-color;
   border-radius: 0.1875rem;
   margin-bottom: 0.85rem;
   padding: 0.425rem 0.425rem;
-  width: 100%; }
-  textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
-    outline: none; }
+  width: 100%;
+}
+textarea:focus,
+input[type="email"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="url"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+select[multiple="multiple"]:focus {
+  outline: none;
+}
 
 textarea {
-  resize: vertical; }
+  resize: vertical;
+}
 
-input[type="checkbox"], input[type="radio"] {
+input[type="checkbox"],
+input[type="radio"] {
   display: inline;
-  margin-right: 0.425rem; }
+  margin-right: 0.425rem;
+}
 
 input[type="file"] {
-  width: 100%; }
+  width: 100%;
+}
 
 select {
   width: auto;
   max-width: 100%;
-  margin-bottom: 1.7rem; }
+  margin-bottom: 1.7rem;
+}
 
 button,
 input[type="submit"] {
@@ -612,6 +785,7 @@ input[type="submit"] {
   user-select: none;
   vertical-align: middle;
   white-space: nowrap;
-  border: inherit; }
+  border: inherit;
+}
 
 /*# sourceMappingURL=nucleus.css.map */
diff --git a/themes/docdock/static/js/docdock.js b/themes/docdock/static/js/docdock.js
index f0322628e5..beaf25a6d4 100644
--- a/themes/docdock/static/js/docdock.js
+++ b/themes/docdock/static/js/docdock.js
@@ -1,212 +1,230 @@
 // Get Parameters from some url
 var getUrlParameter = function getUrlParameter(sPageURL) {
-    var url = sPageURL.split('?');
-    var obj = {};
-    if (url.length == 2) {
-        var sURLVariables = url[1].split('&'),
-            sParameterName,
-            i;
-        for (i = 0; i < sURLVariables.length; i++) {
-            sParameterName = sURLVariables[i].split('=');
-            obj[sParameterName[0]] = sParameterName[1];
-        }
-        return obj;
-    } else {
-        return undefined;
+  var url = sPageURL.split("?");
+  var obj = {};
+  if (url.length == 2) {
+    var sURLVariables = url[1].split("&"),
+      sParameterName,
+      i;
+    for (i = 0; i < sURLVariables.length; i++) {
+      sParameterName = sURLVariables[i].split("=");
+      obj[sParameterName[0]] = sParameterName[1];
     }
+    return obj;
+  } else {
+    return undefined;
+  }
 };
 
 jQuery(document).ready(function () {
-
-    // Execute actions on images generated from Markdown pages
-    var images = $("article img").not(".inline");
-    // Wrap image inside a featherlight (to get a full size view in a popup)
-    images.wrap(function () {
-        var image = $(this);
-        if (!image.parent("a").length) {
-            return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
-        }
-    });
-
-    // Change styles, depending on parameters set to the image
-    images.each(function (index) {
-        var image = $(this);
-        var o = getUrlParameter(image[0].src);
-        if (typeof o !== "undefined") {
-            var h = o["height"];
-            var w = o["width"];
-            var c = o["classes"];
-            image.css({
-                width: function () {
-                    if (typeof w !== "undefined") {
-                        return w;
-                    }
-                },
-                height: function () {
-                    if (typeof h !== "undefined") {
-                        return h;
-                    }
-                }
-            });
-            if (typeof c !== "undefined") {
-                var classes = c.split(',');
-                $.each(classes, function(i) {
-                    image.addClass(classes[i]);
-                });
-            }
-        }
-    });
-
-    // Add link button for every
-    var text, clip = new Clipboard('.anchor');
-    $("h1~h2,h1~h3,h1~h4,h1~h5,h1~h6").append(function (index, html) {
-        var element = $(this);
-        var url = document.location.origin + document.location.pathname;
-        var link = url + "#" + element[0].id;
-        return " <span class='anchor' data-clipboard-text='" + link + "'>" +
-            "<i class='fa fa-link fa-lg'></i>" +
-            "</span>";
-    });
-
-    $(".anchor").on('mouseleave', function (e) {
-        $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
-    });
-
-    clip.on('success', function (e) {
-        e.clearSelection();
-        $(e.trigger).attr('aria-label', 'Link copied to clipboard!').addClass('tooltipped tooltipped-s');
-    });
-
+  // Execute actions on images generated from Markdown pages
+  var images = $("article img").not(".inline");
+  // Wrap image inside a featherlight (to get a full size view in a popup)
+  images.wrap(function () {
+    var image = $(this);
+    if (!image.parent("a").length) {
+      return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
+    }
+  });
+
+  // Change styles, depending on parameters set to the image
+  images.each(function (index) {
+    var image = $(this);
+    var o = getUrlParameter(image[0].src);
+    if (typeof o !== "undefined") {
+      var h = o["height"];
+      var w = o["width"];
+      var c = o["classes"];
+      image.css({
+        width: function () {
+          if (typeof w !== "undefined") {
+            return w;
+          }
+        },
+        height: function () {
+          if (typeof h !== "undefined") {
+            return h;
+          }
+        },
+      });
+      if (typeof c !== "undefined") {
+        var classes = c.split(",");
+        $.each(classes, function (i) {
+          image.addClass(classes[i]);
+        });
+      }
+    }
+  });
+
+  // Add link button for every
+  var text,
+    clip = new Clipboard(".anchor");
+  $("h1~h2,h1~h3,h1~h4,h1~h5,h1~h6").append(function (index, html) {
+    var element = $(this);
+    var url = document.location.origin + document.location.pathname;
+    var link = url + "#" + element[0].id;
+    return (
+      " <span class='anchor' data-clipboard-text='" +
+      link +
+      "'>" +
+      "<i class='fa fa-link fa-lg'></i>" +
+      "</span>"
+    );
+  });
+
+  $(".anchor").on("mouseleave", function (e) {
+    $(this)
+      .attr("aria-label", null)
+      .removeClass("tooltipped tooltipped-s tooltipped-w");
+  });
+
+  clip.on("success", function (e) {
+    e.clearSelection();
+    $(e.trigger)
+      .attr("aria-label", "Link copied to clipboard!")
+      .addClass("tooltipped tooltipped-s");
+  });
 });
 
-
-
 function fallbackMessage(action) {
-    var actionMsg = '';
-    var actionKey = (action === 'cut' ? 'X' : 'C');
+  var actionMsg = "";
+  var actionKey = action === "cut" ? "X" : "C";
+
+  if (/iPhone|iPad/i.test(navigator.userAgent)) {
+    actionMsg = "No support :(";
+  } else if (/Mac/i.test(navigator.userAgent)) {
+    actionMsg = "Press ⌘-" + actionKey + " to " + action;
+  } else {
+    actionMsg = "Press Ctrl-" + actionKey + " to " + action;
+  }
+
+  return actionMsg;
+}
 
-    if (/iPhone|iPad/i.test(navigator.userAgent)) {
-        actionMsg = 'No support :(';
-    }
-    else if (/Mac/i.test(navigator.userAgent)) {
-        actionMsg = 'Press ⌘-' + actionKey + ' to ' + action;
-    }
-    else {
-        actionMsg = 'Press Ctrl-' + actionKey + ' to ' + action;
+jQuery(document).ready(function () {
+  baseurl = baseurl.endsWith("/") ? baseurl : baseurl + "/";
+
+  jQuery("#sidebar .category-icon").on("click", function () {
+    $(this).toggleClass("fa-angle-down fa-angle-up");
+    $(this).parent().parent().children("ul").toggle();
+    return false;
+  });
+
+  jQuery("[data-clear-history-toggle]").on("click", function () {
+    sessionStorage.clear();
+    location.reload();
+    return false;
+  });
+
+  var ajax;
+  jQuery("[data-search-input]").on("input", function () {
+    var input = jQuery(this),
+      value = input.val(),
+      items = jQuery("[data-nav-id]");
+    items.removeClass("search-match");
+    if (!value.length) {
+      $("ul.topics").removeClass("searched");
+      items.css("display", "block");
+      sessionStorage.removeItem("search-value");
+      $(".highlightable").unhighlight({ element: "mark" });
+      return;
     }
 
-    return actionMsg;
-}
-
-jQuery(document).ready(function() {
+    sessionStorage.setItem("search-value", value);
+    $(".highlightable")
+      .unhighlight({ element: "mark" })
+      .highlight(value, { element: "mark" });
 
-    baseurl = baseurl.endsWith('/')?baseurl:baseurl+'/';
+    if (ajax && ajax.abort) ajax.abort();
 
-    jQuery('#sidebar .category-icon').on('click', function() {
-        $( this ).toggleClass("fa-angle-down fa-angle-right") ;
-        $( this ).parent().parent().children('ul').toggle() ;
-        return false;
+    jQuery("[data-search-clear]").on("click", function () {
+      jQuery("[data-search-input]").val("").trigger("input");
+      sessionStorage.removeItem("search-input");
+      $(".highlightable").unhighlight({ element: "mark" });
     });
+  });
 
+  $.expr[":"].contains = $.expr.createPseudo(function (arg) {
+    return function (elem) {
+      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
+    };
+  });
+
+  if (sessionStorage.getItem("search-value")) {
+    var searchValue = sessionStorage.getItem("search-value");
+    sessionStorage.removeItem("search-value");
+    var searchedElem = $("article")
+      .find(":contains(" + searchValue + ")")
+      .get(0);
+    searchedElem && searchedElem.scrollIntoView();
+    $(".highlightable").highlight(searchValue, { element: "mark" });
+  }
+
+  // clipboard
+  var clipInit = false;
+  $("code").each(function () {
+    var code = $(this),
+      text = code.text();
+
+    if (text.length > 5) {
+      if (!clipInit) {
+        var text,
+          clip = new Clipboard(".copy-to-clipboard", {
+            text: function (trigger) {
+              text = $(trigger).prev("code").text();
+              return text.replace(/^\$\s/gm, "");
+            },
+          });
+
+        var inPre;
+        clip.on("success", function (e) {
+          e.clearSelection();
+          inPre = $(e.trigger).parent().prop("tagName") == "PRE";
+          $(e.trigger)
+            .attr("aria-label", "Copied to clipboard!")
+            .addClass("tooltipped tooltipped-" + (inPre ? "w" : "s"));
+        });
 
-    jQuery('[data-clear-history-toggle]').on('click', function() {
-        sessionStorage.clear();
-        location.reload();
-        return false;
-    });
-
-    var ajax;
-    jQuery('[data-search-input]').on('input', function() {
-        var input = jQuery(this),
-            value = input.val(),
-            items = jQuery('[data-nav-id]');
-        items.removeClass('search-match');
-        if (!value.length) {
-            $('ul.topics').removeClass('searched');
-            items.css('display', 'block');
-            sessionStorage.removeItem('search-value');
-            $(".highlightable").unhighlight({ element: 'mark' })
-            return;
-        }
-
-        sessionStorage.setItem('search-value', value);
-        $(".highlightable").unhighlight({ element: 'mark' }).highlight(value, { element: 'mark' });
-
-        if (ajax && ajax.abort) ajax.abort();
-
-        jQuery('[data-search-clear]').on('click', function() {
-            jQuery('[data-search-input]').val('').trigger('input');
-            sessionStorage.removeItem('search-input');
-            $(".highlightable").unhighlight({ element: 'mark' })
+        clip.on("error", function (e) {
+          inPre = $(e.trigger).parent().prop("tagName") == "PRE";
+          $(e.trigger)
+            .attr("aria-label", fallbackMessage(e.action))
+            .addClass("tooltipped tooltipped-" + (inPre ? "w" : "s"));
+          $(document).one("copy", function () {
+            $(e.trigger)
+              .attr("aria-label", "Copied to clipboard!")
+              .addClass("tooltipped tooltipped-" + (inPre ? "w" : "s"));
+          });
         });
-    });
 
-    $.expr[":"].contains = $.expr.createPseudo(function(arg) {
-        return function( elem ) {
-            return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
-        };
-    });
+        clipInit = true;
+      }
 
-    if (sessionStorage.getItem('search-value')) {
-        var searchValue = sessionStorage.getItem('search-value')
-        sessionStorage.removeItem('search-value');
-        var searchedElem = $('article').find(':contains(' + searchValue + ')').get(0);
-        searchedElem && searchedElem.scrollIntoView();
-        $(".highlightable").highlight(searchValue, { element: 'mark' });
+      code.after(
+        '<span class="copy-to-clipboard" title="Copy to clipboard"><object class="clippy-icon" type="image/svg+xml" data="' +
+          baseurl +
+          'images/clippy.svg"/></span>'
+      );
+      code.next(".copy-to-clipboard").on("mouseleave", function () {
+        $(this)
+          .attr("aria-label", null)
+          .removeClass("tooltipped tooltipped-s tooltipped-w");
+      });
     }
+  });
 
-    // clipboard
-    var clipInit = false;
-    $('code').each(function() {
-        var code = $(this),
-            text = code.text();
-
-        if (text.length > 5) {
-            if (!clipInit) {
-                var text, clip = new Clipboard('.copy-to-clipboard', {
-                    text: function(trigger) {
-                        text = $(trigger).prev('code').text();
-                        return text.replace(/^\$\s/gm, '');
-                    }
-                });
-
-                var inPre;
-                clip.on('success', function(e) {
-                    e.clearSelection();
-                    inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
-                    $(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
-                });
-
-                clip.on('error', function(e) {
-                    inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
-                    $(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
-                    $(document).one('copy', function(){
-                        $(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
-                    });
-                });
-
-                clipInit = true;
-            }
-
-            code.after('<span class="copy-to-clipboard" title="Copy to clipboard"><object class="clippy-icon" type="image/svg+xml" data="' + baseurl + 'images/clippy.svg"/></span>');
-            code.next('.copy-to-clipboard').on('mouseleave', function() {
-                $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
-            });
-        }
+  // allow keyboard control for prev/next links
+  jQuery(function () {
+    jQuery(".nav-prev").click(function () {
+      location.href = jQuery(this).attr("href");
     });
-
-    // allow keyboard control for prev/next links
-    jQuery(function() {
-        jQuery('.nav-prev').click(function(){
-            location.href = jQuery(this).attr('href');
-        });
-        jQuery('.nav-next').click(function() {
-            location.href = jQuery(this).attr('href');
-        });
+    jQuery(".nav-next").click(function () {
+      location.href = jQuery(this).attr("href");
     });
-    
-    // Commented out to prevent the left/right arrow keys from moving to the left/right pages
-    /*jQuery(document).keydown(function(e) {
+  });
+
+  // Commented out to prevent the left/right arrow keys from moving to the left/right pages
+  /*jQuery(document).keydown(function(e) {
       // prev links - left arrow key
       if(e.which == '37') {
         jQuery('.nav.nav-prev').click();
@@ -218,96 +236,105 @@ jQuery(document).ready(function() {
       }
     });*/
 
-    $('#top-bar a:not(:has(img)):not(.btn)').addClass('highlight');
-    $('article a:not(:has(img)):not(.btn)').addClass('highlight');
+  $("#top-bar a:not(:has(img)):not(.btn)").addClass("highlight");
+  $("article a:not(:has(img)):not(.btn)").addClass("highlight");
 });
 
-jQuery(window).on('load', function() {
-    // store this page in session
-    sessionStorage.setItem(jQuery('body').data('url'), 1);
+jQuery(window).on("load", function () {
+  // store this page in session
+  sessionStorage.setItem(jQuery("body").data("url"), 1);
 
-    // loop through the sessionStorage and see if something should be marked as visited
-    for (var url in sessionStorage) {
-        if (sessionStorage.getItem(url) == 1) jQuery('[data-nav-id="' + url + '"]').addClass('visited');
-    }
+  // loop through the sessionStorage and see if something should be marked as visited
+  for (var url in sessionStorage) {
+    if (sessionStorage.getItem(url) == 1)
+      jQuery('[data-nav-id="' + url + '"]').addClass("visited");
+  }
 });
 
-$(function() {
-    $('a[rel="lightbox"]').featherlight({
-        root: 'section#body'
-    });
+$(function () {
+  $('a[rel="lightbox"]').featherlight({
+    root: "section#body",
+  });
 });
 
 jQuery.extend({
-    highlight: function(node, re, nodeName, className) {
-        if (node.nodeType === 3) {
-            var match = node.data.match(re);
-            if (match && !(node.parentNode.ownerSVGElement instanceof SVGElement)) {
-                var highlight = document.createElement(nodeName || 'span');
-                highlight.className = className || 'highlight';
-                var wordNode = node.splitText(match.index);
-                wordNode.splitText(match[0].length);
-                var wordClone = wordNode.cloneNode(true);
-                highlight.appendChild(wordClone);
-                wordNode.parentNode.replaceChild(highlight, wordNode);
-                return 1; //skip added node in parent
-            }
-        } else if ((node.nodeType === 1 && node.childNodes) && // only element nodes that have children
-            !/(script|style)/i.test(node.tagName) && // ignore script and style nodes
-            !(node.tagName === nodeName.toUpperCase() && node.className === className)) { // skip if already highlighted
-            for (var i = 0; i < node.childNodes.length; i++) {
-                i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
-            }
-        }
-        return 0;
+  highlight: function (node, re, nodeName, className) {
+    if (node.nodeType === 3) {
+      var match = node.data.match(re);
+      if (match && !(node.parentNode.ownerSVGElement instanceof SVGElement)) {
+        var highlight = document.createElement(nodeName || "span");
+        highlight.className = className || "highlight";
+        var wordNode = node.splitText(match.index);
+        wordNode.splitText(match[0].length);
+        var wordClone = wordNode.cloneNode(true);
+        highlight.appendChild(wordClone);
+        wordNode.parentNode.replaceChild(highlight, wordNode);
+        return 1; //skip added node in parent
+      }
+    } else if (
+      node.nodeType === 1 &&
+      node.childNodes && // only element nodes that have children
+      !/(script|style)/i.test(node.tagName) && // ignore script and style nodes
+      !(node.tagName === nodeName.toUpperCase() && node.className === className)
+    ) {
+      // skip if already highlighted
+      for (var i = 0; i < node.childNodes.length; i++) {
+        i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
+      }
     }
+    return 0;
+  },
 });
 
-jQuery.fn.unhighlight = function(options) {
-    var settings = {
-        className: 'highlight',
-        element: 'span'
-    };
-    jQuery.extend(settings, options);
-
-    return this.find(settings.element + "." + settings.className).each(function() {
-        var parent = this.parentNode;
-        parent.replaceChild(this.firstChild, this);
-        parent.normalize();
-    }).end();
+jQuery.fn.unhighlight = function (options) {
+  var settings = {
+    className: "highlight",
+    element: "span",
+  };
+  jQuery.extend(settings, options);
+
+  return this.find(settings.element + "." + settings.className)
+    .each(function () {
+      var parent = this.parentNode;
+      parent.replaceChild(this.firstChild, this);
+      parent.normalize();
+    })
+    .end();
 };
 
-jQuery.fn.highlight = function(words, options) {
-    var settings = {
-        className: 'highlight',
-        element: 'span',
-        caseSensitive: false,
-        wordsOnly: false
-    };
-    jQuery.extend(settings, options);
-
-    if (!words) { return; }
-
-    if (words.constructor === String) {
-        words = [words];
-    }
-    words = jQuery.grep(words, function(word, i) {
-        return word != '';
-    });
-    words = jQuery.map(words, function(word, i) {
-        return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-    });
-    if (words.length == 0) { return this; }
-    ;
-
-    var flag = settings.caseSensitive ? "" : "i";
-    var pattern = "(" + words.join("|") + ")";
-    if (settings.wordsOnly) {
-        pattern = "\\b" + pattern + "\\b";
-    }
-    var re = new RegExp(pattern, flag);
-
-    return this.each(function() {
-        jQuery.highlight(this, re, settings.element, settings.className);
-    });
+jQuery.fn.highlight = function (words, options) {
+  var settings = {
+    className: "highlight",
+    element: "span",
+    caseSensitive: false,
+    wordsOnly: false,
+  };
+  jQuery.extend(settings, options);
+
+  if (!words) {
+    return;
+  }
+
+  if (words.constructor === String) {
+    words = [words];
+  }
+  words = jQuery.grep(words, function (word, i) {
+    return word != "";
+  });
+  words = jQuery.map(words, function (word, i) {
+    return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+  });
+  if (words.length == 0) {
+    return this;
+  }
+  var flag = settings.caseSensitive ? "" : "i";
+  var pattern = "(" + words.join("|") + ")";
+  if (settings.wordsOnly) {
+    pattern = "\\b" + pattern + "\\b";
+  }
+  var re = new RegExp(pattern, flag);
+
+  return this.each(function () {
+    jQuery.highlight(this, re, settings.element, settings.className);
+  });
 };
diff --git a/themes/docdock/static/theme-flex/script.js b/themes/docdock/static/theme-flex/script.js
index d21472d254..cd98fa5c5b 100644
--- a/themes/docdock/static/theme-flex/script.js
+++ b/themes/docdock/static/theme-flex/script.js
@@ -1,164 +1,184 @@
-jQuery(document).ready(function() {
-    jQuery('.category-icon').on('click', function() {
-        $( this ).toggleClass("fa-angle-down fa-angle-right") ;
-        $( this ).parent().parent().children('ul').toggle() ;
-        return false;
-    });
-
-
-
-    // Images
-    // Execute actions on images generated from Markdown pages
-    var images = $("article img").not(".inline");
-    // Wrap image inside a featherlight (to get a full size view in a popup)
-    images.wrap(function () {
-        var image = $(this);
-        if (!image.parent("a").length) {
-            return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
-        }
-    });
-    // Change styles, depending on parameters set to the image
-    images.each(function (index) {
-        var image = $(this);
-        var o = getUrlParameter(image[0].src);
-        if (typeof o !== "undefined") {
-            var h = o["height"];
-            var w = o["width"];
-            var c = o["classes"];
-            image.css({
-                width: function () {
-                    if (typeof w !== "undefined") {
-                        return w;
-                    }
-                },
-                height: function () {
-                    if (typeof h !== "undefined") {
-                        return h;
-                    }
-                }
-            });
-            if (typeof c !== "undefined") {
-                var classes = c.split(',');
-                $.each(classes, function(i) {
-                    image.addClass(classes[i]);
-                });
-            }
-        }
-    });
+jQuery(document).ready(function () {
+  jQuery(".category-icon").on("click", function () {
+    $(this).toggleClass("fa-angle-down fa-angle-up");
+    $(this).parent().parent().children("ul").toggle();
+    return false;
+  });
+
+  // Images
+  // Execute actions on images generated from Markdown pages
+  var images = $("article img").not(".inline");
+  // Wrap image inside a featherlight (to get a full size view in a popup)
+  images.wrap(function () {
+    var image = $(this);
+    if (!image.parent("a").length) {
+      return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
+    }
+  });
+  // Change styles, depending on parameters set to the image
+  images.each(function (index) {
+    var image = $(this);
+    var o = getUrlParameter(image[0].src);
+    if (typeof o !== "undefined") {
+      var h = o["height"];
+      var w = o["width"];
+      var c = o["classes"];
+      image.css({
+        width: function () {
+          if (typeof w !== "undefined") {
+            return w;
+          }
+        },
+        height: function () {
+          if (typeof h !== "undefined") {
+            return h;
+          }
+        },
+      });
+      if (typeof c !== "undefined") {
+        var classes = c.split(",");
+        $.each(classes, function (i) {
+          image.addClass(classes[i]);
+        });
+      }
+    }
+  });
+
+  // Clipboard
+  // Add link button for every
+  var text,
+    clip = new Clipboard(".anchor");
+  $("h1~h2,h1~h3,h1~h4,h1~h5,h1~h6").append(function (index, html) {
+    var element = $(this);
+    var url = document.location.origin + document.location.pathname;
+    var link = url + "#" + element[0].id;
+    return (
+      " <span class='anchor' data-clipboard-text='" +
+      link +
+      "'>" +
+      "<i class='fa fa-link fa-lg'></i>" +
+      "</span>"
+    );
+  });
+
+  $(".anchor").on("mouseleave", function (e) {
+    $(this)
+      .attr("aria-label", null)
+      .removeClass("tooltipped tooltipped-s tooltipped-w");
+  });
+
+  clip.on("success", function (e) {
+    e.clearSelection();
+    $(e.trigger)
+      .attr("aria-label", "Link copied to clipboard!")
+      .addClass("tooltipped tooltipped-s");
+  });
+
+  var ajax;
+  jQuery("[data-search-input]").on("input", function () {
+    var input = jQuery(this),
+      value = input.val(),
+      items = jQuery("[data-nav-id]");
+    items.removeClass("search-match");
+    if (!value.length) {
+      $("ul.menu").removeClass("searched");
+      items.css("display", "block");
+      sessionStorage.removeItem("search-value");
+      $("article").unhighlight({ element: "mark" });
+      return;
+    }
 
+    sessionStorage.setItem("search-value", value);
+    $("article")
+      .unhighlight({ element: "mark" })
+      .highlight(value, { element: "mark" });
 
-	// Clipboard
-	// Add link button for every
-    var text, clip = new Clipboard('.anchor');
-    $("h1~h2,h1~h3,h1~h4,h1~h5,h1~h6").append(function (index, html) {
-        var element = $(this);
-        var url = document.location.origin + document.location.pathname;
-        var link = url + "#" + element[0].id;
-        return " <span class='anchor' data-clipboard-text='" + link + "'>" +
-            "<i class='fa fa-link fa-lg'></i>" +
-            "</span>";
-    });
+    if (ajax && ajax.abort) ajax.abort();
 
-    $(".anchor").on('mouseleave', function (e) {
-        $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
+    jQuery("[data-search-clear]").on("click", function () {
+      jQuery("[data-search-input]").val("").trigger("input");
+      sessionStorage.removeItem("search-input");
+      $("article").unhighlight({ element: "mark" });
     });
+  });
 
-    clip.on('success', function (e) {
-        e.clearSelection();
-        $(e.trigger).attr('aria-label', 'Link copied to clipboard!').addClass('tooltipped tooltipped-s');
-    });
-
-
-    var ajax;
-    jQuery('[data-search-input]').on('input', function() {
-        var input = jQuery(this),
-            value = input.val(),
-            items = jQuery('[data-nav-id]');
-        items.removeClass('search-match');
-        if (!value.length) {
-            $('ul.menu').removeClass('searched');
-            items.css('display', 'block');
-            sessionStorage.removeItem('search-value');
-            $("article").unhighlight({ element: 'mark' })
-            return;
-        }
-
-        sessionStorage.setItem('search-value', value);
-        $("article").unhighlight({ element: 'mark' }).highlight(value, { element: 'mark' });
-
-        if (ajax && ajax.abort) ajax.abort();
+  $.expr[":"].contains = $.expr.createPseudo(function (arg) {
+    return function (elem) {
+      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
+    };
+  });
+
+  if (sessionStorage.getItem("search-value")) {
+    var searchValue = sessionStorage.getItem("search-value");
+    sessionStorage.removeItem("search-value");
+    var searchedElem = $("article")
+      .find(":contains(" + searchValue + ")")
+      .get(0);
+    searchedElem && searchedElem.scrollIntoView();
+    $("article").highlight(searchValue, { element: "mark" });
+  }
+
+  // clipboard
+  var clipInit = false;
+  $("pre code").each(function () {
+    var code = $(this),
+      text = code.text();
+
+    if (text.length > 5) {
+      if (!clipInit) {
+        var text,
+          clip = new Clipboard(".copy-to-clipboard", {
+            text: function (trigger) {
+              text = $(trigger).next("code").text();
+              return text.replace(/^\$\s/gm, "");
+            },
+          });
+
+        var inPre;
+        clip.on("success", function (e) {
+          e.clearSelection();
+          inPre = $(e.trigger).parent().prop("tagName") == "PRE";
+          $(e.trigger)
+            .attr("aria-label", "Copied to clipboard!")
+            .addClass("tooltipped tooltipped-" + (inPre ? "w" : "s"));
+        });
 
-        jQuery('[data-search-clear]').on('click', function() {
-            jQuery('[data-search-input]').val('').trigger('input');
-            sessionStorage.removeItem('search-input');
-            $("article").unhighlight({ element: 'mark' })
+        clip.on("error", function (e) {
+          inPre = $(e.trigger).parent().prop("tagName") == "PRE";
+          $(e.trigger)
+            .attr("aria-label", fallbackMessage(e.action))
+            .addClass("tooltipped tooltipped-" + (inPre ? "w" : "s"));
+          $(document).one("copy", function () {
+            $(e.trigger)
+              .attr("aria-label", "Copied to clipboard!")
+              .addClass("tooltipped tooltipped-" + (inPre ? "w" : "s"));
+          });
         });
-    });
 
-    $.expr[":"].contains = $.expr.createPseudo(function(arg) {
-        return function( elem ) {
-            return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
-        };
-    });
+        clipInit = true;
+      }
 
-    if (sessionStorage.getItem('search-value')) {
-        var searchValue = sessionStorage.getItem('search-value')
-        sessionStorage.removeItem('search-value');
-        var searchedElem = $('article').find(':contains(' + searchValue + ')').get(0);
-        searchedElem && searchedElem.scrollIntoView();
-        $("article").highlight(searchValue, { element: 'mark' });
+      code.before(
+        '<span class="copy-to-clipboard" title="Copy to clipboard"><span class="fa fa-clipboard" aria-hidden="true"></span></span>'
+      );
+      $(".copy-to-clipboard").on("mouseleave", function () {
+        $(this)
+          .attr("aria-label", null)
+          .removeClass("tooltipped tooltipped-s tooltipped-w");
+      });
     }
+  });
 
-    // clipboard
-    var clipInit = false;
-    $('pre code').each(function() {
-        var code = $(this),
-            text = code.text();
-
-        if (text.length > 5) {
-            if (!clipInit) {
-                var text, clip = new Clipboard('.copy-to-clipboard', {
-                    text: function(trigger) {
-                        text = $(trigger).next('code').text();
-                        return text.replace(/^\$\s/gm, '');
-                    }
-                });
-
-                var inPre;
-                clip.on('success', function(e) {
-                    e.clearSelection();
-                    inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
-                    $(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
-                });
-
-                clip.on('error', function(e) {
-                    inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
-                    $(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
-                    $(document).one('copy', function(){
-                        $(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
-                    });
-                });
-
-                clipInit = true;
-            }
-
-            code.before('<span class="copy-to-clipboard" title="Copy to clipboard"><span class="fa fa-clipboard" aria-hidden="true"></span></span>');
-            $('.copy-to-clipboard').on('mouseleave', function() {
-                $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
-            });
-        }
+  // allow keyboard control for prev/next links
+  jQuery(function () {
+    jQuery(".nav-prev").click(function () {
+      location.href = jQuery(this).attr("href");
     });
-
-    // allow keyboard control for prev/next links
-    jQuery(function() {
-        jQuery('.nav-prev').click(function(){
-            location.href = jQuery(this).attr('href');
-        });
-        jQuery('.nav-next').click(function() {
-            location.href = jQuery(this).attr('href');
-        });
+    jQuery(".nav-next").click(function () {
+      location.href = jQuery(this).attr("href");
     });
-    /*jQuery(document).keydown(function(e) {
+  });
+  /*jQuery(document).keydown(function(e) {
       // prev links - left arrow key
       if(e.which == '37') {
         jQuery('.nav.nav-prev').click();
@@ -169,109 +189,116 @@ jQuery(document).ready(function() {
       }
     }); */
 
-    $('article a:not(:has(img)):not(.btn)').addClass('highlight');
+  $("article a:not(:has(img)):not(.btn)").addClass("highlight");
 });
 
-$(function() {
-    $('a[rel="lightbox"]').featherlight({
-        root: 'article'
-    });
+$(function () {
+  $('a[rel="lightbox"]').featherlight({
+    root: "article",
+  });
 });
 jQuery.extend({
-    highlight: function(node, re, nodeName, className) {
-        if (node.nodeType === 3) {
-            var match = node.data.match(re);
-            if (match && !$(node.parentNode).hasClass("mermaid")) {
-                var highlight = document.createElement(nodeName || 'span');
-                highlight.className = className || 'highlight';
-                var wordNode = node.splitText(match.index);
-                wordNode.splitText(match[0].length);
-                var wordClone = wordNode.cloneNode(true);
-                highlight.appendChild(wordClone);
-                wordNode.parentNode.replaceChild(highlight, wordNode);
-                return 1; //skip added node in parent
-            }
-        } else if ((node.nodeType === 1 && node.childNodes) && // only element nodes that have children
-            !/(script|style)/i.test(node.tagName) && // ignore script and style nodes
-            !(node.tagName === nodeName.toUpperCase() && node.className === className)) { // skip if already highlighted
-            for (var i = 0; i < node.childNodes.length; i++) {
-                i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
-            }
-        }
-        return 0;
+  highlight: function (node, re, nodeName, className) {
+    if (node.nodeType === 3) {
+      var match = node.data.match(re);
+      if (match && !$(node.parentNode).hasClass("mermaid")) {
+        var highlight = document.createElement(nodeName || "span");
+        highlight.className = className || "highlight";
+        var wordNode = node.splitText(match.index);
+        wordNode.splitText(match[0].length);
+        var wordClone = wordNode.cloneNode(true);
+        highlight.appendChild(wordClone);
+        wordNode.parentNode.replaceChild(highlight, wordNode);
+        return 1; //skip added node in parent
+      }
+    } else if (
+      node.nodeType === 1 &&
+      node.childNodes && // only element nodes that have children
+      !/(script|style)/i.test(node.tagName) && // ignore script and style nodes
+      !(node.tagName === nodeName.toUpperCase() && node.className === className)
+    ) {
+      // skip if already highlighted
+      for (var i = 0; i < node.childNodes.length; i++) {
+        i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
+      }
     }
+    return 0;
+  },
 });
 
-jQuery.fn.unhighlight = function(options) {
-    var settings = {
-        className: 'highlight',
-        element: 'span'
-    };
-    jQuery.extend(settings, options);
-
-    return this.find(settings.element + "." + settings.className).each(function() {
-        var parent = this.parentNode;
-        parent.replaceChild(this.firstChild, this);
-        parent.normalize();
-    }).end();
+jQuery.fn.unhighlight = function (options) {
+  var settings = {
+    className: "highlight",
+    element: "span",
+  };
+  jQuery.extend(settings, options);
+
+  return this.find(settings.element + "." + settings.className)
+    .each(function () {
+      var parent = this.parentNode;
+      parent.replaceChild(this.firstChild, this);
+      parent.normalize();
+    })
+    .end();
 };
 
-jQuery.fn.highlight = function(words, options) {
-    var settings = {
-        className: 'highlight',
-        element: 'span',
-        caseSensitive: false,
-        wordsOnly: false
-    };
-    jQuery.extend(settings, options);
-
-    if (!words) { return; }
-
-    if (words.constructor === String) {
-        words = [words];
-    }
-    words = jQuery.grep(words, function(word, i) {
-        return word != '';
-    });
-    words = jQuery.map(words, function(word, i) {
-        return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-    });
-    if (words.length == 0) { return this; }
-    ;
-
-    var flag = settings.caseSensitive ? "" : "i";
-    var pattern = "(" + words.join("|") + ")";
-    if (settings.wordsOnly) {
-        pattern = "\\b" + pattern + "\\b";
-    }
-    var re = new RegExp(pattern, flag);
-
-    return this.each(function() {
-        jQuery.highlight(this, re, settings.element, settings.className);
-    });
+jQuery.fn.highlight = function (words, options) {
+  var settings = {
+    className: "highlight",
+    element: "span",
+    caseSensitive: false,
+    wordsOnly: false,
+  };
+  jQuery.extend(settings, options);
+
+  if (!words) {
+    return;
+  }
+
+  if (words.constructor === String) {
+    words = [words];
+  }
+  words = jQuery.grep(words, function (word, i) {
+    return word != "";
+  });
+  words = jQuery.map(words, function (word, i) {
+    return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+  });
+  if (words.length == 0) {
+    return this;
+  }
+  var flag = settings.caseSensitive ? "" : "i";
+  var pattern = "(" + words.join("|") + ")";
+  if (settings.wordsOnly) {
+    pattern = "\\b" + pattern + "\\b";
+  }
+  var re = new RegExp(pattern, flag);
+
+  return this.each(function () {
+    jQuery.highlight(this, re, settings.element, settings.className);
+  });
 };
 
-
 // Get Parameters from some url
 var getUrlParameter = function getUrlParameter(sPageURL) {
-    var url = sPageURL.split('?');
-    var obj = {};
-    if (url.length == 2) {
-        var sURLVariables = url[1].split('&'),
-            sParameterName,
-            i;
-        for (i = 0; i < sURLVariables.length; i++) {
-            sParameterName = sURLVariables[i].split('=');
-            obj[sParameterName[0]] = sParameterName[1];
-        }
-        return obj;
-    } else {
-        return undefined;
+  var url = sPageURL.split("?");
+  var obj = {};
+  if (url.length == 2) {
+    var sURLVariables = url[1].split("&"),
+      sParameterName,
+      i;
+    for (i = 0; i < sURLVariables.length; i++) {
+      sParameterName = sURLVariables[i].split("=");
+      obj[sParameterName[0]] = sParameterName[1];
     }
+    return obj;
+  } else {
+    return undefined;
+  }
 };
 
 // Burger icon click toggle header menu on small devices
-$('.burger').on('click', function(e){
-    $('#shortcuts').toggleClass("responsive") ;
-    e.preventDefault();
+$(".burger").on("click", function (e) {
+  $("#shortcuts").toggleClass("responsive");
+  e.preventDefault();
 });
diff --git a/themes/docdock/static/theme-flex/style.css b/themes/docdock/static/theme-flex/style.css
index bbb9518761..5c949c56aa 100644
--- a/themes/docdock/static/theme-flex/style.css
+++ b/themes/docdock/static/theme-flex/style.css
@@ -53,7 +53,8 @@
 @font-face {
   font-family: "Lato";
   font-weight: 600;
-  src: local("Lato Semibold"), url("../fonts/Lato-Semibold.ttf") format("truetype");
+  src: local("Lato Semibold"),
+    url("../fonts/Lato-Semibold.ttf") format("truetype");
 }
 @font-face {
   font-family: "Lato";
@@ -69,6 +70,10 @@
     url("../fonts/Lato-Black.ttf") format("truetype");
 }
 
+.workshop-projects-header {
+  font-family: "Space Mono";
+}
+
 article > aside {
   /* background-color: #f9f9f9; */
   bottom: 0;
@@ -82,16 +87,19 @@ article > aside {
   flex-direction: column;
   padding: 2rem 0rem 1rem 0rem;
   width: 20rem;
-  max-height:100vh;
+  max-height: 100vh;
   overflow-y: auto;
   /* align-self: flex-start is needed so that position: sticky works  */
   align-self: flex-start;
   position: sticky;
   top: 0px;
+  background-color: #f1f6f1;
 }
 article > aside .menu {
-  line-height: 2rem;
+  line-height: 3rem;
   list-style-type: none;
+  font-family: Lato;
+  font-weight: bold;
 }
 article > aside .menu > label {
   display: block;
@@ -143,7 +151,7 @@ article > aside .menu .dd-item div i.read-icon {
 }
 article > aside .menu .dd-item div i.category-icon {
   display: flex;
-  align-items: center;
+  align-items: start;
   justify-content: center;
   order: 1;
   width: 20px;
@@ -155,6 +163,7 @@ article > aside .menu .dd-item div a {
   order: 2;
   padding: 0 0rem;
   text-decoration: none;
+  color: black;
 }
 article > aside .menu .dd-item div a:hover,
 article > aside .menu .dd-item div a:focus,
@@ -306,14 +315,16 @@ section strong {
 #navigation a.nav-next {
   text-align: right;
 }
-#navigation a.nav-prev, #navigation a.nav-next {
+#navigation a.nav-prev,
+#navigation a.nav-next {
   width: 340px;
 }
 @media (max-width: 985px) {
   .nextprevbutton-desktop-only {
-      display: none;
+    display: none;
   }
-  #navigation a.nav-prev, #navigation a.nav-next {
+  #navigation a.nav-prev,
+  #navigation a.nav-next {
     width: 100%;
   }
   #navigation a.nav-prev {
@@ -329,9 +340,9 @@ section strong {
 #navigation .nextprevbutton-border {
   width: 100%;
 
-  background: #FFFFFF;
+  background: #ffffff;
   border: 4px solid #000000;
-  border-radius: 4px; 
+  border-radius: 4px;
 }
 #navigation .nextprevbutton-next-text {
   margin: 21px auto auto 20px;
@@ -392,10 +403,11 @@ article {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  margin-top: 3.5rem;
+  /* margin-top: 3.5rem; */
   margin-right: auto;
   margin-left: auto;
-  width:100%;
+  width: 100%;
+  background-color: #f1f6f1;
   /* Re-enable max-width after #259 is fixed (https://github.com/NuevoFoundation/workshops/issues/259) */
   /* max-width: 1210px; */
   /* background-color: #F1F6F1; */
@@ -403,7 +415,7 @@ article {
 
 /* Special homepage styling */
 body#home article section.page {
-  background-color: #F1F6F1;
+  background-color: #f1f6f1;
   border-radius: 5px;
 }
 
@@ -418,8 +430,7 @@ article section.page {
 }
 article section.page h1:first-of-type {
   margin: 3rem 0rem;
-  font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial",
-    sans-serif;
+  font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
   text-align: center;
   color: #060606;
   font-size: 3.25rem;
@@ -430,7 +441,9 @@ article section.page h1 {
 }
 article section.page h2 {
   margin-top: 3rem;
+  font-family: "Space Mono";
 }
+
 article section.page table {
   width: 100%;
   margin-bottom: 2em;
@@ -765,7 +778,7 @@ div.notices p:first-child:after {
   top: -27px;
   color: #fff;
   left: 2rem;
-  content: attr(header-value)
+  content: attr(header-value);
 }
 
 div.notices.note {
@@ -814,7 +827,7 @@ ul.children.children-card {
   justify-content: space-between;
 }
 ul.children.children-card > .workshop-button {
-  position:relative;
+  position: relative;
   background-color: #fff;
   cursor: pointer;
   text-align: left;
@@ -832,7 +845,7 @@ ul.children.children-card > .workshop-button {
   border-radius: 5px;
 }
 
-@media(hover: hover) and (pointer: fine) {
+@media (hover: hover) and (pointer: fine) {
   /* This media query only triggers on desktop.
      Only add these on desktop so that mobile users don't need to press the button twice */