Style command blocks a bit more terminal-like

Author: alerque

sass/main.scss

@@ -100,3 +100,16 @@ a {
 		box-shadow: 0.15em 0.15em 0.3em var(--shady-two);
 	}
 }
+
+pre.terminal {
+  background: var(--bulma-black);
+  color: var(--bulma-white);
+  border-radius: 8px;
+  border: 1px solid var(--bulma-grey-darker);
+  // box-shadow: 0 4px 12px var(--bulma-grey-darker);
+
+  .symbol {
+    color: var(--bulma-warning);
+    user-select: none;
+  }
+}

templates/page.html

@@ -33,7 +33,7 @@ <h4 class="title is-4">Input document</h4>
     <pre class="sample" data-language="{{ typesetter }}">{{ source }}</pre>
 
     <h4 class="title is-4">Render command</h4>
-    <code>{{ manifest.cmd }}</code>
+    <pre class="terminal"><code><span class="symbol">$ </span>{{ manifest.cmd }}</code></pre>
   </div>
 </div>