Optimized website

Server-side rendering for syntax highlighting and DOM tree optimizations.

docs/mini/flavor.scss

@@ -34,6 +34,10 @@ $card-section-double-padded-padding:  calc(1.5 * var(#{$universal-padding-var}))
   margin: var(#{$universal-margin-var}) calc(var(#{$universal-margin-var}) / 2);
 }
 
+.#{$card-name} + .#{$card-name} {
+  margin-top: calc(5 * var(#{$universal-margin-var}));
+}
+
 @import 'input_control';
 
 /*
@@ -85,7 +89,7 @@ code {
   transform: scale(1);  /* Deals with the issue described in #243 */
 }
 pre {
-  font-size: 1rem;
+  font-size: 0.8125rem;
   border: 0.0625rem solid var(--secondary-border-color);
   border-radius: var(--universal-border-radius);
 }
@@ -140,7 +144,6 @@ header #title {
 header h1 small {
   display:block;
   font-size: 0.875rem;
-  font-style: italic;
   color: #888;
   margin-top: -0.8rem;
   @media screen and (max-width: 768px) { font-size: 0.75rem; }
@@ -188,7 +191,7 @@ label.#{$collapse-name} {
   }
   + pre {
     box-sizing: border-box;
-    height: 1px;
+    height: 0;
     max-height: 1px;
     overflow: auto;
     margin: 0;
@@ -231,7 +234,7 @@ pre[class*="language-"] {
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
-  line-height: 1.5;
+  line-height: 1.8;
 
   -moz-tab-size: 2;
   -o-tab-size: 2;
@@ -290,13 +293,18 @@ pre[class*="language-"] {
 .token.property,
 .token.tag,
 .token.boolean,
-.token.number,
 .token.constant,
 .token.symbol,
-.token.deleted {
+.token.deleted,
+.token.function {
   color: #005cc5;
 }
 
+
+.token.number{
+  color: #8132b5;
+}
+
 .token.selector,
 .token.attr-name,
 .token.string,
@@ -310,21 +318,16 @@ pre[class*="language-"] {
 .token.entity,
 .token.url,
 .language-css .token.string,
-.style .token.string {
-  color: #d73a49;
-}
-
+.style .token.string,
 .token.atrule,
 .token.attr-value,
 .token.keyword {
   color: #d73a49;
 }
 
-.token.function {
-	color: #005cc5;
+.token.regex {
+  color: #007972;
 }
-
-.token.regex,
 .token.important,
 .token.variable {
   color: #e90;

docs/prism.css

@@ -1,147 +0,0 @@
-/*
-===============================================================================
-    WE ARE ONLY KEEPING THIS AS A REFERENCE, PLEASE REFER TO FLAVOR FOR
-    OUR ACTUAL HIGHLIGHTING STYLES.
-===============================================================================
-*/
-
-
-/* PrismJS 1.9.0
-http://prismjs.com/download.html?themes=prism&languages=clike+javascript */
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-
-code[class*="language-"],
-pre[class*="language-"] {
-	color: black;
-	background: none;
-	text-shadow: 0 1px white;
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	text-align: left;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	word-wrap: normal;
-	line-height: 1.5;
-
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-
-@media print {
-	code[class*="language-"],
-	pre[class*="language-"] {
-		text-shadow: none;
-	}
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-	padding: 1em;
-	margin: .5em 0;
-	overflow: auto;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
-	background: #f5f2f0;
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
-	padding: .1em;
-	border-radius: .3em;
-	white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-	color: slategray;
-}
-
-.token.punctuation {
-	color: #999;
-}
-
-.namespace {
-	opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-	color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-	color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-	color: #a67f59;
-	background: hsla(0, 0%, 100%, .5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-	color: #07a;
-}
-
-.token.function {
-	color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
-	color: #e90;
-}
-
-.token.important,
-.token.bold {
-	font-weight: bold;
-}
-.token.italic {
-	font-style: italic;
-}
-
-.token.entity {
-	cursor: help;
-}