Added code blocks.

2021-07-28 17:05:30 +02:00 · 2021-07-28 17:05:30 +02:00 · 9e40ef518d
commit 9e40ef518d
parent 4851d82250
2 changed files with 30 additions and 0 deletions
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@ -116,4 +116,18 @@ th {
 th, td {
    text-align: left;
    padding: .25rem 1rem;
+}
+
+code {
+    background-color: var(--grey3);
+    font-family: 'monospace';
+}
+
+code.code-block {
+    margin: 1rem 0;
+    padding: 1rem;
+
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
 }
--- a/content/pages/theme.njk
+++ b/content/pages/theme.njk
@ -113,5 +113,21 @@
            <td>4 months</td>
        </tr>
    </table>
+    
+    <code class="code-block">
+{{ '
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>
+' | escape | replace("\n", "", 1) | replace("\n", "<br>") | replace(" ", "&nbsp;") }}
+    </code>
 </body>
 </html>