add syntax highlighting for code blocks

site/config.yaml

@@ -3,6 +3,7 @@ title: webdog
 description: "static site builder for dogs"
 sass_styles: [index.scss]
 cdn_url: "https://i.zyl.gay"
+code_theme: base16-ocean.dark # options: base16-ocean.dark, base16-eighties.dark, base16-mocha.dark, base16-ocean.light, InspiredGitHub, Solarized (dark), and Solarized (light)
 
 resources:
   blog:

site/pages/index.md

@@ -10,7 +10,7 @@ extra:
 
 welcome to webdog, the static site generator fit for a dog :3
 
-```
+```sh
 git clone https://zyllian/webdog
 cd webdog
 cargo install .

site/sass/index.scss

@@ -166,3 +166,17 @@ abbr {
 .flex-spacer {
   flex-grow: 1;
 }
+
+.wd-codeblock {
+  position: relative;
+
+  .copy {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+
+  & > pre {
+    padding: 8px;
+  }
+}