Functions as a more cool looking verion of <pre>, but I can add whatever HTML I want in it.
@@ -0,0 +1,4 @@
+<div class="console">
+ <p>~$ {{ .Get "command" }}</p>
+ {{ .Inner | markdownify }}
+</div>
@@ -214,4 +214,16 @@
.blog-post--footer {
@apply mt-8 p-2 font-mono text-sm border-t border-black;
}
+
+ /* Console */
+ .console {
+ @apply p-2 bg-black font-mono rounded;
+ color: #00FF00;
+ }
+ .console p {
+ @apply m-0;
+ .console * {
+ color: inherit;