update syntax highlight

7 files changed, 364 insertions, 628 deletions

diff --git a/assets/scss/components/_content.scss b/assets/scss/components/_content.scss
index 23215f9..969bedd 100644
--- a/assets/scss/components/_content.scss
+++ b/assets/scss/components/_content.scss
@@ -1,14 +1,24 @@
 .content {
   -webkit-font-smoothing: antialiased;
+  .highlight {
+    border-radius: 2px;
+    margin-bottom: 20px;
+  }
+  code {
+    background: #f5f5f5;
+    padding: 3px 6px;
+    border-radius: 3px;
+    font-family: $font-family-mono;
+    font-size: 0.9rem;
+    line-height: 1.4;
+  }
   pre {
     font-family: $font-family-mono;
     font-size: 0.9rem;
     line-height: 1.4;
     margin: 0;
-    background: #f5f5f5;
     padding: 10px;
     border-radius: 1px;
-    color: lighten($black, 10%);
     code {
       font-family: $font-family-mono;
       font-size: 0.9rem;
@@ -16,17 +26,10 @@
       border-radius: none;
       padding: 0;
       margin: 0;
+      background: none;
     }
   }
-  code {
-    background: #f5f5f5;
-    padding: 3px 6px;
-    border-radius: 3px;
-    color: lighten($black, 10%);
-    font-family: $font-family-mono;
-    font-size: 0.9rem;
-    line-height: 1.4;
-  }
+  
   strong {
     font-weight: bold;
   }
diff --git a/assets/scss/components/_highlight.scss b/assets/scss/components/_highlight.scss
deleted file mode 100644
index 54283e5..0000000
--- a/assets/scss/components/_highlight.scss
+++ /dev/null
@@ -1,331 +0,0 @@
-.highlight {
-  margin-bottom: 20px;
-}
-.highlight .hll {
-  background-color: #ffffcc;
-}
-.highlight .c {
-  color: #999988;
-  font-style: italic;
-}
-
-/* Comment */
-.highlight .err {
-  color: #a61717;
-  background-color: #e3d2d2;
-}
-
-/* Error */
-.highlight .k {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Keyword */
-.highlight .o {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Operator */
-.highlight .cm {
-  color: #999988;
-  font-style: italic;
-}
-
-/* Comment.Multiline */
-.highlight .cp {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic;
-}
-
-/* Comment.Preproc */
-.highlight .c1 {
-  color: #999988;
-  font-style: italic;
-}
-
-/* Comment.Single */
-.highlight .cs {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic;
-}
-
-/* Comment.Special */
-.highlight .gd {
-  color: #000000;
-  background-color: #ffdddd;
-}
-
-/* Generic.Deleted */
-.highlight .ge {
-  color: #000000;
-  font-style: italic;
-}
-
-/* Generic.Emph */
-.highlight .gr {
-  color: #aa0000;
-}
-
-/* Generic.Error */
-.highlight .gh {
-  color: #999999;
-}
-
-/* Generic.Heading */
-.highlight .gi {
-  color: #000000;
-  background-color: #ddffdd;
-}
-
-/* Generic.Inserted */
-.highlight .go {
-  color: #888888;
-}
-
-/* Generic.Output */
-.highlight .gp {
-  color: #555555;
-}
-
-/* Generic.Prompt */
-.highlight .gs {
-  font-weight: bold;
-}
-
-/* Generic.Strong */
-.highlight .gu {
-  color: #aaaaaa;
-}
-
-/* Generic.Subheading */
-.highlight .gt {
-  color: #aa0000;
-}
-
-/* Generic.Traceback */
-.highlight .kc {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Keyword.Constant */
-.highlight .kd {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Keyword.Declaration */
-.highlight .kn {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Keyword.Namespace */
-.highlight .kp {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Keyword.Pseudo */
-.highlight .kr {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Keyword.Reserved */
-.highlight .kt {
-  color: #445588;
-  font-weight: bold;
-}
-
-/* Keyword.Type */
-.highlight .m {
-  color: #009999;
-}
-
-/* Literal.Number */
-.highlight .s {
-  color: #d01040;
-}
-
-/* Literal.String */
-.highlight .na {
-  color: #008080;
-}
-
-/* Name.Attribute */
-.highlight .nb {
-  color: #0086b3;
-}
-
-/* Name.Builtin */
-.highlight .nc {
-  color: #445588;
-  font-weight: bold;
-}
-
-/* Name.Class */
-.highlight .no {
-  color: #008080;
-}
-
-/* Name.Constant */
-.highlight .nd {
-  color: #3c5d5d;
-  font-weight: bold;
-}
-
-/* Name.Decorator */
-.highlight .ni {
-  color: #800080;
-}
-
-/* Name.Entity */
-.highlight .ne {
-  color: #990000;
-  font-weight: bold;
-}
-
-/* Name.Exception */
-.highlight .nf {
-  color: #990000;
-  font-weight: bold;
-}
-
-/* Name.Function */
-.highlight .nl {
-  color: #990000;
-  font-weight: bold;
-}
-
-/* Name.Label */
-.highlight .nn {
-  color: #555555;
-}
-
-/* Name.Namespace */
-.highlight .nt {
-  color: #000080;
-}
-
-/* Name.Tag */
-.highlight .nv {
-  color: #008080;
-}
-
-/* Name.Variable */
-.highlight .ow {
-  color: #000000;
-  font-weight: bold;
-}
-
-/* Operator.Word */
-.highlight .w {
-  color: #bbbbbb;
-}
-
-/* Text.Whitespace */
-.highlight .mf {
-  color: #009999;
-}
-
-/* Literal.Number.Float */
-.highlight .mh {
-  color: #009999;
-}
-
-/* Literal.Number.Hex */
-.highlight .mi {
-  color: #009999;
-}
-
-/* Literal.Number.Integer */
-.highlight .mo {
-  color: #009999;
-}
-
-/* Literal.Number.Oct */
-.highlight .sb {
-  color: #d01040;
-}
-
-/* Literal.String.Backtick */
-.highlight .sc {
-  color: #d01040;
-}
-
-/* Literal.String.Char */
-.highlight .sd {
-  color: #d01040;
-}
-
-/* Literal.String.Doc */
-.highlight .s2 {
-  color: #d01040;
-}
-
-/* Literal.String.Double */
-.highlight .se {
-  color: #d01040;
-}
-
-/* Literal.String.Escape */
-.highlight .sh {
-  color: #d01040;
-}
-
-/* Literal.String.Heredoc */
-.highlight .si {
-  color: #d01040;
-}
-
-/* Literal.String.Interpol */
-.highlight .sx {
-  color: #d01040;
-}
-
-/* Literal.String.Other */
-.highlight .sr {
-  color: #009926;
-}
-
-/* Literal.String.Regex */
-.highlight .s1 {
-  color: #d01040;
-}
-
-/* Literal.String.Single */
-.highlight .ss {
-  color: #990073;
-}
-
-/* Literal.String.Symbol */
-.highlight .bp {
-  color: #999999;
-}
-
-/* Name.Builtin.Pseudo */
-.highlight .vc {
-  color: #008080;
-}
-
-/* Name.Variable.Class */
-.highlight .vg {
-  color: #008080;
-}
-
-/* Name.Variable.Global */
-.highlight .vi {
-  color: #008080;
-}
-
-/* Name.Variable.Instance */
-.highlight .il {
-  color: #009999;
-}
-
-/* Literal.Number.Integer.Long */
diff --git a/assets/scss/libraries/pygments/github.scss b/assets/scss/libraries/pygments/github.scss
new file mode 100644
index 0000000..16e727f
--- /dev/null
+++ b/assets/scss/libraries/pygments/github.scss
@@ -0,0 +1,62 @@
+.highlight  { background: #f5f5f5;  }
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #000000; font-weight: bold } /* Keyword */
+.highlight .o { color: #000000; font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d01040 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
+.highlight .sc { color: #d01040 } /* Literal.String.Char */
+.highlight .sd { color: #d01040 } /* Literal.String.Doc */
+.highlight .s2 { color: #d01040 } /* Literal.String.Double */
+.highlight .se { color: #d01040 } /* Literal.String.Escape */
+.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
+.highlight .si { color: #d01040 } /* Literal.String.Interpol */
+.highlight .sx { color: #d01040 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d01040 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
\ No newline at end of file
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index f98bdfc..30c4262 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -41,6 +41,8 @@
 
 // Libraries
 @import 'libraries/hamburgers/hamburgers';
+@import 'libraries/pygments/github';
+
 
 // Components
 @import 'components/reset';
@@ -59,7 +61,6 @@
 @import 'components/content';
 @import 'components/strip';
 @import 'components/whitebox';
-@import 'components/highlight';
 @import 'components/overview';
 
 // Pages
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
index 94026f5..00ca65c 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
@@ -5300,6 +5300,277 @@ a.text-dark:hover, a.text-dark:focus {
   .hamburger--slider.is-active .hamburger-inner::after {
     transform: translate3d(0, -16px, 0) rotate(-90deg); }
 
+.highlight {
+  background: #f5f5f5; }
+
+.highlight .hll {
+  background-color: #ffffcc; }
+
+.highlight .c {
+  color: #999988;
+  font-style: italic; }
+
+/* Comment */
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2; }
+
+/* Error */
+.highlight .k {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword */
+.highlight .o {
+  color: #000000;
+  font-weight: bold; }
+
+/* Operator */
+.highlight .cm {
+  color: #999988;
+  font-style: italic; }
+
+/* Comment.Multiline */
+.highlight .cp {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic; }
+
+/* Comment.Preproc */
+.highlight .c1 {
+  color: #999988;
+  font-style: italic; }
+
+/* Comment.Single */
+.highlight .cs {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic; }
+
+/* Comment.Special */
+.highlight .gd {
+  color: #000000;
+  background-color: #ffdddd; }
+
+/* Generic.Deleted */
+.highlight .ge {
+  color: #000000;
+  font-style: italic; }
+
+/* Generic.Emph */
+.highlight .gr {
+  color: #aa0000; }
+
+/* Generic.Error */
+.highlight .gh {
+  color: #999999; }
+
+/* Generic.Heading */
+.highlight .gi {
+  color: #000000;
+  background-color: #ddffdd; }
+
+/* Generic.Inserted */
+.highlight .go {
+  color: #888888; }
+
+/* Generic.Output */
+.highlight .gp {
+  color: #555555; }
+
+/* Generic.Prompt */
+.highlight .gs {
+  font-weight: bold; }
+
+/* Generic.Strong */
+.highlight .gu {
+  color: #aaaaaa; }
+
+/* Generic.Subheading */
+.highlight .gt {
+  color: #aa0000; }
+
+/* Generic.Traceback */
+.highlight .kc {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Constant */
+.highlight .kd {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Declaration */
+.highlight .kn {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Namespace */
+.highlight .kp {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Pseudo */
+.highlight .kr {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Reserved */
+.highlight .kt {
+  color: #445588;
+  font-weight: bold; }
+
+/* Keyword.Type */
+.highlight .m {
+  color: #009999; }
+
+/* Literal.Number */
+.highlight .s {
+  color: #d01040; }
+
+/* Literal.String */
+.highlight .na {
+  color: #008080; }
+
+/* Name.Attribute */
+.highlight .nb {
+  color: #0086B3; }
+
+/* Name.Builtin */
+.highlight .nc {
+  color: #445588;
+  font-weight: bold; }
+
+/* Name.Class */
+.highlight .no {
+  color: #008080; }
+
+/* Name.Constant */
+.highlight .nd {
+  color: #3c5d5d;
+  font-weight: bold; }
+
+/* Name.Decorator */
+.highlight .ni {
+  color: #800080; }
+
+/* Name.Entity */
+.highlight .ne {
+  color: #990000;
+  font-weight: bold; }
+
+/* Name.Exception */
+.highlight .nf {
+  color: #990000;
+  font-weight: bold; }
+
+/* Name.Function */
+.highlight .nl {
+  color: #990000;
+  font-weight: bold; }
+
+/* Name.Label */
+.highlight .nn {
+  color: #555555; }
+
+/* Name.Namespace */
+.highlight .nt {
+  color: #000080; }
+
+/* Name.Tag */
+.highlight .nv {
+  color: #008080; }
+
+/* Name.Variable */
+.highlight .ow {
+  color: #000000;
+  font-weight: bold; }
+
+/* Operator.Word */
+.highlight .w {
+  color: #bbbbbb; }
+
+/* Text.Whitespace */
+.highlight .mf {
+  color: #009999; }
+
+/* Literal.Number.Float */
+.highlight .mh {
+  color: #009999; }
+
+/* Literal.Number.Hex */
+.highlight .mi {
+  color: #009999; }
+
+/* Literal.Number.Integer */
+.highlight .mo {
+  color: #009999; }
+
+/* Literal.Number.Oct */
+.highlight .sb {
+  color: #d01040; }
+
+/* Literal.String.Backtick */
+.highlight .sc {
+  color: #d01040; }
+
+/* Literal.String.Char */
+.highlight .sd {
+  color: #d01040; }
+
+/* Literal.String.Doc */
+.highlight .s2 {
+  color: #d01040; }
+
+/* Literal.String.Double */
+.highlight .se {
+  color: #d01040; }
+
+/* Literal.String.Escape */
+.highlight .sh {
+  color: #d01040; }
+
+/* Literal.String.Heredoc */
+.highlight .si {
+  color: #d01040; }
+
+/* Literal.String.Interpol */
+.highlight .sx {
+  color: #d01040; }
+
+/* Literal.String.Other */
+.highlight .sr {
+  color: #009926; }
+
+/* Literal.String.Regex */
+.highlight .s1 {
+  color: #d01040; }
+
+/* Literal.String.Single */
+.highlight .ss {
+  color: #990073; }
+
+/* Literal.String.Symbol */
+.highlight .bp {
+  color: #999999; }
+
+/* Name.Builtin.Pseudo */
+.highlight .vc {
+  color: #008080; }
+
+/* Name.Variable.Class */
+.highlight .vg {
+  color: #008080; }
+
+/* Name.Variable.Global */
+.highlight .vi {
+  color: #008080; }
+
+/* Name.Variable.Instance */
+.highlight .il {
+  color: #009999; }
+
+/* Literal.Number.Integer.Long */
 ul,
 ol {
   margin: 0;
@@ -5673,30 +5944,31 @@ p {
 
 .content {
   -webkit-font-smoothing: antialiased; }
+  .content .highlight {
+    border-radius: 2px;
+    margin-bottom: 20px; }
+  .content code {
+    background: #f5f5f5;
+    padding: 3px 6px;
+    border-radius: 3px;
+    font-family: "Roboto Mono", monospace;
+    font-size: 0.9rem;
+    line-height: 1.4; }
   .content pre {
     font-family: "Roboto Mono", monospace;
     font-size: 0.9rem;
     line-height: 1.4;
     margin: 0;
-    background: #f5f5f5;
     padding: 10px;
-    border-radius: 1px;
-    color: #383f45; }
+    border-radius: 1px; }
     .content pre code {
       font-family: "Roboto Mono", monospace;
       font-size: 0.9rem;
       line-height: 1.4;
       border-radius: none;
       padding: 0;
-      margin: 0; }
-  .content code {
-    background: #f5f5f5;
-    padding: 3px 6px;
-    border-radius: 3px;
-    color: #383f45;
-    font-family: "Roboto Mono", monospace;
-    font-size: 0.9rem;
-    line-height: 1.4; }
+      margin: 0;
+      background: none; }
   .content strong {
     font-weight: bold; }
   .content em {
@@ -5835,277 +6107,6 @@ p {
   background: #ffffff;
   padding: 10px; }
 
-.highlight {
-  margin-bottom: 20px; }
-
-.highlight .hll {
-  background-color: #ffffcc; }
-
-.highlight .c {
-  color: #999988;
-  font-style: italic; }
-
-/* Comment */
-.highlight .err {
-  color: #a61717;
-  background-color: #e3d2d2; }
-
-/* Error */
-.highlight .k {
-  color: #000000;
-  font-weight: bold; }
-
-/* Keyword */
-.highlight .o {
-  color: #000000;
-  font-weight: bold; }
-
-/* Operator */
-.highlight .cm {
-  color: #999988;
-  font-style: italic; }
-
-/* Comment.Multiline */
-.highlight .cp {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic; }
-
-/* Comment.Preproc */
-.highlight .c1 {
-  color: #999988;
-  font-style: italic; }
-
-/* Comment.Single */
-.highlight .cs {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic; }
-
-/* Comment.Special */
-.highlight .gd {
-  color: #000000;
-  background-color: #ffdddd; }
-
-/* Generic.Deleted */
-.highlight .ge {
-  color: #000000;
-  font-style: italic; }
-
-/* Generic.Emph */
-.highlight .gr {
-  color: #aa0000; }
-
-/* Generic.Error */
-.highlight .gh {
-  color: #999999; }
-
-/* Generic.Heading */
-.highlight .gi {
-  color: #000000;
-  background-color: #ddffdd; }
-
-/* Generic.Inserted */
-.highlight .go {
-  color: #888888; }
-
-/* Generic.Output */
-.highlight .gp {
-  color: #555555; }
-
-/* Generic.Prompt */
-.highlight .gs {
-  font-weight: bold; }
-
-/* Generic.Strong */
-.highlight .gu {
-  color: #aaaaaa; }
-
-/* Generic.Subheading */
-.highlight .gt {
-  color: #aa0000; }
-
-/* Generic.Traceback */
-.highlight .kc {
-  color: #000000;
-  font-weight: bold; }
-
-/* Keyword.Constant */
-.highlight .kd {
-  color: #000000;
-  font-weight: bold; }
-
-/* Keyword.Declaration */
-.highlight .kn {
-  color: #000000;
-  font-weight: bold; }
-
-/* Keyword.Namespace */
-.highlight .kp {
-  color: #000000;
-  font-weight: bold; }
-
-/* Keyword.Pseudo */
-.highlight .kr {
-  color: #000000;
-  font-weight: bold; }
-
-/* Keyword.Reserved */
-.highlight .kt {
-  color: #445588;
-  font-weight: bold; }
-
-/* Keyword.Type */
-.highlight .m {
-  color: #009999; }
-
-/* Literal.Number */
-.highlight .s {
-  color: #d01040; }
-
-/* Literal.String */
-.highlight .na {
-  color: #008080; }
-
-/* Name.Attribute */
-.highlight .nb {
-  color: #0086b3; }
-
-/* Name.Builtin */
-.highlight .nc {
-  color: #445588;
-  font-weight: bold; }
-
-/* Name.Class */
-.highlight .no {
-  color: #008080; }
-
-/* Name.Constant */
-.highlight .nd {
-  color: #3c5d5d;
-  font-weight: bold; }
-
-/* Name.Decorator */
-.highlight .ni {
-  color: #800080; }
-
-/* Name.Entity */
-.highlight .ne {
-  color: #990000;
-  font-weight: bold; }
-
-/* Name.Exception */
-.highlight .nf {
-  color: #990000;
-  font-weight: bold; }
-
-/* Name.Function */
-.highlight .nl {
-  color: #990000;
-  font-weight: bold; }
-
-/* Name.Label */
-.highlight .nn {
-  color: #555555; }
-
-/* Name.Namespace */
-.highlight .nt {
-  color: #000080; }
-
-/* Name.Tag */
-.highlight .nv {
-  color: #008080; }
-
-/* Name.Variable */
-.highlight .ow {
-  color: #000000;
-  font-weight: bold; }
-
-/* Operator.Word */
-.highlight .w {
-  color: #bbbbbb; }
-
-/* Text.Whitespace */
-.highlight .mf {
-  color: #009999; }
-
-/* Literal.Number.Float */
-.highlight .mh {
-  color: #009999; }
-
-/* Literal.Number.Hex */
-.highlight .mi {
-  color: #009999; }
-
-/* Literal.Number.Integer */
-.highlight .mo {
-  color: #009999; }
-
-/* Literal.Number.Oct */
-.highlight .sb {
-  color: #d01040; }
-
-/* Literal.String.Backtick */
-.highlight .sc {
-  color: #d01040; }
-
-/* Literal.String.Char */
-.highlight .sd {
-  color: #d01040; }
-
-/* Literal.String.Doc */
-.highlight .s2 {
-  color: #d01040; }
-
-/* Literal.String.Double */
-.highlight .se {
-  color: #d01040; }
-
-/* Literal.String.Escape */
-.highlight .sh {
-  color: #d01040; }
-
-/* Literal.String.Heredoc */
-.highlight .si {
-  color: #d01040; }
-
-/* Literal.String.Interpol */
-.highlight .sx {
-  color: #d01040; }
-
-/* Literal.String.Other */
-.highlight .sr {
-  color: #009926; }
-
-/* Literal.String.Regex */
-.highlight .s1 {
-  color: #d01040; }
-
-/* Literal.String.Single */
-.highlight .ss {
-  color: #990073; }
-
-/* Literal.String.Symbol */
-.highlight .bp {
-  color: #999999; }
-
-/* Name.Builtin.Pseudo */
-.highlight .vc {
-  color: #008080; }
-
-/* Name.Variable.Class */
-.highlight .vg {
-  color: #008080; }
-
-/* Name.Variable.Global */
-.highlight .vi {
-  color: #008080; }
-
-/* Name.Variable.Instance */
-.highlight .il {
-  color: #009999; }
-
-/* Literal.Number.Integer.Long */
 .overview {
   background: lightgoldenrodyellow;
   border-radius: 3px;
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
index 6566e35..2cc3b1f 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
@@ -2,4 +2,4 @@
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
-* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:32px;height:19px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:32px;height:3px;background-color:#1de9b6;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:16px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-4.57142857px,-5px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-16px,0) rotate(-90deg)}ul,ol{margin:0;padding:0;list-style:none}p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.page{display:flex;min-height:100vh;flex-direction:column}.page .wrapper{flex:1}.header{color:#1de9b6;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header.header-absolute{position:absolute;z-index:10;width:100%}.lock-scroll .header.header-absolute{position:static}.footer{background:#eaeaea;padding-top:20px;padding-bottom:20px}.footer .footer-inner{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media(min-width:576px){.footer .footer-inner{justify-content:space-between;flex-direction:row;align-items:center}}.footer .footer-title{color:#fff;font-size:1.3rem;font-family:lora,Arial,sans-serif,-apple-system;margin-bottom:10px;flex:0}@media(min-width:576px){.footer .footer-title{margin:0;flex:0 0 120px}}.footer ul.footer-menu{list-style:none;margin:0;padding:0;flex:1}.footer ul.footer-menu li{display:block;margin-right:10px;color:#333;font-size:.9rem;line-height:1.8}.footer ul.footer-menu li:last-of-type{margin-right:0}.footer ul.footer-menu li a{color:#333;text-decoration:none}.footer ul.footer-menu li a:hover{text-decoration:underline}.footer ul.footer-menu li.copyright{font-weight:700;color:#333;display:none}@media(min-width:768px){.footer ul.footer-menu li.copyright{display:inline-block}}@media(min-width:576px){.footer ul.footer-menu{height:inherit;display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}.footer ul.footer-menu li{list-style:none}.footer ul.footer-menu li a{display:inline-block;height:40px;padding:10px 8px;font-weight:300}}.sub-footer{background:#f4f5fb;padding-top:20px;padding-bottom:20px}@media(min-width:768px){.sub-footer{padding-top:10px;padding-bottom:10px}}.sub-footer .sub-footer-inner{display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.sub-footer .sub-footer-inner{flex-direction:row}}.sub-footer .sub-footer-inner ul{list-style:none;margin:0;padding:0}.sub-footer .sub-footer-inner ul li{list-style:none;display:block;color:#333;font-size:.9rem;line-height:1.8;font-weight:700}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li a{color:#333;text-decoration:none}.sub-footer .sub-footer-inner ul li a:hover{text-decoration:underline}.sub-footer .sub-footer-inner ul li span{display:inline-block;height:40px;padding:10px 0 10px 8px;font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li.zerostatic a{color:#333}@media(min-width:576px){.sub-footer .sub-footer-inner ul li{display:inline-block;margin-left:10px}.sub-footer .sub-footer-inner ul li:first-of-type{margin-left:0}}.logo{display:none}@media(min-width:576px){.logo{display:block;width:70px}}.logo img{width:100%;height:auto}.logo a{display:block;width:100%;height:100%}.logo-mobile{display:block;width:54px}@media(min-width:576px){.logo-mobile{display:none}}.logo-mobile img{width:100%;height:auto}.logo-mobile a{display:block;width:100%;height:100%}.main-menu{display:none}@media(min-width:768px){.main-menu{display:block}}.main-menu>ul{display:flex;align-items:center;justify-content:flex-start;font-family:roboto,Arial,sans-serif,-apple-system}.main-menu>ul>li{list-style:none;font-size:14px}.main-menu>ul>li>a{padding:10px 14px;display:inline-block;font-weight:400;text-decoration:none;color:#1de9b6}.main-menu>ul>li>a:hover{text-decoration:underline;color:#1de9b6}.main-menu>ul>li.active>a{font-weight:700}.main-menu-mobile{position:fixed;background:#1de9b6;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-menu-mobile.open{opacity:.9;visibility:visible;height:100%;z-index:20}.main-menu-mobile.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.main-menu-mobile.open li:nth-of-type(2){animation-delay:.4s}.main-menu-mobile.open li:nth-of-type(3){animation-delay:.45s}.main-menu-mobile.open li:nth-of-type(4){animation-delay:.5s}.main-menu-mobile.open li:nth-of-type(5){animation-delay:.55s}.main-menu-mobile.open li:nth-of-type(6){animation-delay:.6s}.main-menu-mobile ul{font-size:2rem;font-family:roboto,Arial,sans-serif,-apple-system;text-align:center;list-style:none;padding:0;margin:0;flex:0}.main-menu-mobile ul li{display:block;position:relative;opacity:0}.main-menu-mobile ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;font-weight:lighter}.main-menu-mobile ul li a:hover::after,.main-menu-mobile ul li a:focus::after,.main-menu-mobile ul li a:active::after{width:100%}.main-menu-mobile ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;background:#fff;transition:.35s}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.lock-scroll{overflow:hidden}.docs-menu h4{font-size:1rem;font-weight:700}.docs-menu ul{list-style:none;padding:0;margin:0}.docs-menu ul li{font-size:.9rem;line-height:1.4;font-weight:400;margin:0;padding:4px 0}.docs-menu ul li.active a{color:#4beec5;font-weight:400}.docs-menu ul li a{color:#212529}.docs-menu ul li a:hover{color:#1de9b6}.hamburger{padding:10px 0 10px 10px;outline:none;z-index:30;cursor:pointer}@media(min-width:768px){.hamburger{display:none}}.hamburger:focus{outline:none}.hamburger .hamburger-inner,.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{background:#1de9b6}.hamburger .hamburger-inner::after{width:18px;right:0}.hamburger.is-active .hamburger-inner::after{width:inherit;right:unset}.button{white-space:nowrap;display:inline-block;padding:8px 15px 6px;background:#1de9b6;font-weight:400;text-transform:uppercase;color:#fff;text-decoration:none;-webkit-transition:all .15s ease;transition:all .15s ease;border-radius:3px}.button:hover{color:#fff;background-color:#4beec5;text-decoration:none}.button-white{background:0 0;color:#fff;border:2px solid #fff}.title{font-size:2.7rem;line-height:1.1;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:100;margin-bottom:20px}@media(min-width:768px){.title{font-size:3rem;margin-bottom:30px}}.title-summary{font-size:1.6rem;line-height:1.4;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:200;margin-bottom:10px}@media(min-width:768px){.title-summary{font-size:1.6rem}}.content{-webkit-font-smoothing:antialiased}.content pre{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;margin:0;background:#f5f5f5;padding:10px;border-radius:1px;color:#383f45}.content pre code{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;border-radius:none;padding:0;margin:0}.content code{background:#f5f5f5;padding:3px 6px;border-radius:3px;color:#383f45;font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4}.content strong{font-weight:700}.content em{font-style:italic;font-weight:400}.content ol{margin-top:10px;margin-bottom:20px;list-style-type:decimal}.content ol li{margin-bottom:5px;margin-left:20px}.content ul{margin-top:10px;margin-bottom:20px;list-style-type:disc}.content ul li{margin-bottom:5px;margin-left:20px}.content a{text-decoration:underline}.content p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.content h1{font-family:roboto,Arial,sans-serif,-apple-system;font-size:2.6rem;line-height:1.4;font-weight:300;margin-bottom:20px}.content h2{font-size:2.2rem;line-height:1.4;font-weight:300;letter-spacing:-.01em;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h3{font-size:1.6rem;line-height:1.4;font-weight:400;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h4{font-size:1.5rem;line-height:1.4;font-weight:500;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h5{font-size:1.4rem;line-height:1.4;font-weight:600;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h6{font-size:1.2rem;line-height:1.4;font-weight:700;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}.content blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.content blockquote p{display:inline}.content img{max-width:100%;height:auto}.strip{background-repeat:no-repeat}.strip-white{background-color:#fff}.strip-grey{background-color:#f4f5fb}.strip-diagonal{transform:skewY(5deg);padding-bottom:50px;margin-bottom:65px}.strip-diagonal>div{transform:skewY(-5deg)}.strip-primary-gradient{background-image:linear-gradient(to right,#1de9b6,#ffca28)}.strip-primary-gradient-top-bottom{background-image:linear-gradient(to bottom,#1de9b6,#ffca28)}.strip-primary{background-color:#1de9b6}.strip-secondary{background-color:#ffca28}.strip-diagonal-right{margin-top:-100px;transform:skewY(-5deg);padding-bottom:100px}.strip-diagonal-right>div{transform:skewY(5deg)}.strip-diagonal-left{margin-top:-100px;transform:skewY(5deg);padding-bottom:100px}.strip-diagonal-left>div{transform:skewY(-5deg)}.strip-bg-contain{background-size:contain}.strip-bg-cover{background-size:cover}.whitebox{border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px rgba(0,0,0,.2);background:#fff;padding:10px}.highlight{margin-bottom:20px}.highlight .hll{background-color:#ffc}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000;font-weight:700}.highlight .o{color:#000;font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700;font-style:italic}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000;font-weight:700}.highlight .kd{color:#000;font-weight:700}.highlight .kn{color:#000;font-weight:700}.highlight .kp{color:#000;font-weight:700}.highlight .kr{color:#000;font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:700}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:700}.highlight .nf{color:#900;font-weight:700}.highlight .nl{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}.overview{background:#fafad2;border-radius:3px;padding:4px 10px;float:right}.page-home{text-align:center}.page-home .title{font-weight:lighter;font-family:roboto,Arial,sans-serif,-apple-system}.page-home p{margin:0 auto;font-size:1.2rem;font-weight:lighter;margin-bottom:40px}@media(min-width:768px){.page-home p{width:80%}}@media(min-width:992px){.page-home p{width:60%}}.page-home .terminal{border-radius:3px;margin:0 auto;margin-top:-200px}.page-home .terminal img{width:100%;height:auto}body{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529}.container{padding-left:20px;padding-right:20px}
\ No newline at end of file
+* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:32px;height:19px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:32px;height:3px;background-color:#1de9b6;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:16px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-4.57142857px,-5px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-16px,0) rotate(-90deg)}.highlight{background:#f5f5f5}.highlight .hll{background-color:#ffc}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000;font-weight:700}.highlight .o{color:#000;font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700;font-style:italic}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000;font-weight:700}.highlight .kd{color:#000;font-weight:700}.highlight .kn{color:#000;font-weight:700}.highlight .kp{color:#000;font-weight:700}.highlight .kr{color:#000;font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:700}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:700}.highlight .nf{color:#900;font-weight:700}.highlight .nl{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}ul,ol{margin:0;padding:0;list-style:none}p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.page{display:flex;min-height:100vh;flex-direction:column}.page .wrapper{flex:1}.header{color:#1de9b6;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header.header-absolute{position:absolute;z-index:10;width:100%}.lock-scroll .header.header-absolute{position:static}.footer{background:#eaeaea;padding-top:20px;padding-bottom:20px}.footer .footer-inner{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media(min-width:576px){.footer .footer-inner{justify-content:space-between;flex-direction:row;align-items:center}}.footer .footer-title{color:#fff;font-size:1.3rem;font-family:lora,Arial,sans-serif,-apple-system;margin-bottom:10px;flex:0}@media(min-width:576px){.footer .footer-title{margin:0;flex:0 0 120px}}.footer ul.footer-menu{list-style:none;margin:0;padding:0;flex:1}.footer ul.footer-menu li{display:block;margin-right:10px;color:#333;font-size:.9rem;line-height:1.8}.footer ul.footer-menu li:last-of-type{margin-right:0}.footer ul.footer-menu li a{color:#333;text-decoration:none}.footer ul.footer-menu li a:hover{text-decoration:underline}.footer ul.footer-menu li.copyright{font-weight:700;color:#333;display:none}@media(min-width:768px){.footer ul.footer-menu li.copyright{display:inline-block}}@media(min-width:576px){.footer ul.footer-menu{height:inherit;display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}.footer ul.footer-menu li{list-style:none}.footer ul.footer-menu li a{display:inline-block;height:40px;padding:10px 8px;font-weight:300}}.sub-footer{background:#f4f5fb;padding-top:20px;padding-bottom:20px}@media(min-width:768px){.sub-footer{padding-top:10px;padding-bottom:10px}}.sub-footer .sub-footer-inner{display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.sub-footer .sub-footer-inner{flex-direction:row}}.sub-footer .sub-footer-inner ul{list-style:none;margin:0;padding:0}.sub-footer .sub-footer-inner ul li{list-style:none;display:block;color:#333;font-size:.9rem;line-height:1.8;font-weight:700}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li a{color:#333;text-decoration:none}.sub-footer .sub-footer-inner ul li a:hover{text-decoration:underline}.sub-footer .sub-footer-inner ul li span{display:inline-block;height:40px;padding:10px 0 10px 8px;font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li.zerostatic a{color:#333}@media(min-width:576px){.sub-footer .sub-footer-inner ul li{display:inline-block;margin-left:10px}.sub-footer .sub-footer-inner ul li:first-of-type{margin-left:0}}.logo{display:none}@media(min-width:576px){.logo{display:block;width:70px}}.logo img{width:100%;height:auto}.logo a{display:block;width:100%;height:100%}.logo-mobile{display:block;width:54px}@media(min-width:576px){.logo-mobile{display:none}}.logo-mobile img{width:100%;height:auto}.logo-mobile a{display:block;width:100%;height:100%}.main-menu{display:none}@media(min-width:768px){.main-menu{display:block}}.main-menu>ul{display:flex;align-items:center;justify-content:flex-start;font-family:roboto,Arial,sans-serif,-apple-system}.main-menu>ul>li{list-style:none;font-size:14px}.main-menu>ul>li>a{padding:10px 14px;display:inline-block;font-weight:400;text-decoration:none;color:#1de9b6}.main-menu>ul>li>a:hover{text-decoration:underline;color:#1de9b6}.main-menu>ul>li.active>a{font-weight:700}.main-menu-mobile{position:fixed;background:#1de9b6;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-menu-mobile.open{opacity:.9;visibility:visible;height:100%;z-index:20}.main-menu-mobile.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.main-menu-mobile.open li:nth-of-type(2){animation-delay:.4s}.main-menu-mobile.open li:nth-of-type(3){animation-delay:.45s}.main-menu-mobile.open li:nth-of-type(4){animation-delay:.5s}.main-menu-mobile.open li:nth-of-type(5){animation-delay:.55s}.main-menu-mobile.open li:nth-of-type(6){animation-delay:.6s}.main-menu-mobile ul{font-size:2rem;font-family:roboto,Arial,sans-serif,-apple-system;text-align:center;list-style:none;padding:0;margin:0;flex:0}.main-menu-mobile ul li{display:block;position:relative;opacity:0}.main-menu-mobile ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;font-weight:lighter}.main-menu-mobile ul li a:hover::after,.main-menu-mobile ul li a:focus::after,.main-menu-mobile ul li a:active::after{width:100%}.main-menu-mobile ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;background:#fff;transition:.35s}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.lock-scroll{overflow:hidden}.docs-menu h4{font-size:1rem;font-weight:700}.docs-menu ul{list-style:none;padding:0;margin:0}.docs-menu ul li{font-size:.9rem;line-height:1.4;font-weight:400;margin:0;padding:4px 0}.docs-menu ul li.active a{color:#4beec5;font-weight:400}.docs-menu ul li a{color:#212529}.docs-menu ul li a:hover{color:#1de9b6}.hamburger{padding:10px 0 10px 10px;outline:none;z-index:30;cursor:pointer}@media(min-width:768px){.hamburger{display:none}}.hamburger:focus{outline:none}.hamburger .hamburger-inner,.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{background:#1de9b6}.hamburger .hamburger-inner::after{width:18px;right:0}.hamburger.is-active .hamburger-inner::after{width:inherit;right:unset}.button{white-space:nowrap;display:inline-block;padding:8px 15px 6px;background:#1de9b6;font-weight:400;text-transform:uppercase;color:#fff;text-decoration:none;-webkit-transition:all .15s ease;transition:all .15s ease;border-radius:3px}.button:hover{color:#fff;background-color:#4beec5;text-decoration:none}.button-white{background:0 0;color:#fff;border:2px solid #fff}.title{font-size:2.7rem;line-height:1.1;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:100;margin-bottom:20px}@media(min-width:768px){.title{font-size:3rem;margin-bottom:30px}}.title-summary{font-size:1.6rem;line-height:1.4;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:200;margin-bottom:10px}@media(min-width:768px){.title-summary{font-size:1.6rem}}.content{-webkit-font-smoothing:antialiased}.content .highlight{border-radius:2px;margin-bottom:20px}.content code{background:#f5f5f5;padding:3px 6px;border-radius:3px;font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4}.content pre{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;margin:0;padding:10px;border-radius:1px}.content pre code{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;border-radius:none;padding:0;margin:0;background:0 0}.content strong{font-weight:700}.content em{font-style:italic;font-weight:400}.content ol{margin-top:10px;margin-bottom:20px;list-style-type:decimal}.content ol li{margin-bottom:5px;margin-left:20px}.content ul{margin-top:10px;margin-bottom:20px;list-style-type:disc}.content ul li{margin-bottom:5px;margin-left:20px}.content a{text-decoration:underline}.content p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.content h1{font-family:roboto,Arial,sans-serif,-apple-system;font-size:2.6rem;line-height:1.4;font-weight:300;margin-bottom:20px}.content h2{font-size:2.2rem;line-height:1.4;font-weight:300;letter-spacing:-.01em;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h3{font-size:1.6rem;line-height:1.4;font-weight:400;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h4{font-size:1.5rem;line-height:1.4;font-weight:500;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h5{font-size:1.4rem;line-height:1.4;font-weight:600;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h6{font-size:1.2rem;line-height:1.4;font-weight:700;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}.content blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.content blockquote p{display:inline}.content img{max-width:100%;height:auto}.strip{background-repeat:no-repeat}.strip-white{background-color:#fff}.strip-grey{background-color:#f4f5fb}.strip-diagonal{transform:skewY(5deg);padding-bottom:50px;margin-bottom:65px}.strip-diagonal>div{transform:skewY(-5deg)}.strip-primary-gradient{background-image:linear-gradient(to right,#1de9b6,#ffca28)}.strip-primary-gradient-top-bottom{background-image:linear-gradient(to bottom,#1de9b6,#ffca28)}.strip-primary{background-color:#1de9b6}.strip-secondary{background-color:#ffca28}.strip-diagonal-right{margin-top:-100px;transform:skewY(-5deg);padding-bottom:100px}.strip-diagonal-right>div{transform:skewY(5deg)}.strip-diagonal-left{margin-top:-100px;transform:skewY(5deg);padding-bottom:100px}.strip-diagonal-left>div{transform:skewY(-5deg)}.strip-bg-contain{background-size:contain}.strip-bg-cover{background-size:cover}.whitebox{border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px rgba(0,0,0,.2);background:#fff;padding:10px}.overview{background:#fafad2;border-radius:3px;padding:4px 10px;float:right}.page-home{text-align:center}.page-home .title{font-weight:lighter;font-family:roboto,Arial,sans-serif,-apple-system}.page-home p{margin:0 auto;font-size:1.2rem;font-weight:lighter;margin-bottom:40px}@media(min-width:768px){.page-home p{width:80%}}@media(min-width:992px){.page-home p{width:60%}}.page-home .terminal{border-radius:3px;margin:0 auto;margin-top:-200px}.page-home .terminal img{width:100%;height:auto}body{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529}.container{padding-left:20px;padding-right:20px}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
index 3b1d96a..6728bf3 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
@@ -1 +1 @@
-{"Target":"css/style.min.cd3f00e0e1037ac40eea440657f486c7db5c749c7a0c6b90a4213a8cee1360b8.css","MediaType":"text/css","Data":{"Integrity":"sha256-zT8A4OEDesQO6kQGV/SGx9tcdJx6DGuQpCE6jO4TYLg="}}
\ No newline at end of file
+{"Target":"css/style.min.020d604e977275cf093999068602ba80e6eb2f78df409ccca5a76f02778bea56.css","MediaType":"text/css","Data":{"Integrity":"sha256-Ag1gTpdydc8JOZkGhgK6gObrL3jfQJzMpadvAneL6lY="}}
\ No newline at end of file