From 1dc3ede6be646c6a1d0e6c9ce0a06e8d4439db2d Mon Sep 17 00:00:00 2001
From: Wesley Moore <wes@wezm.net>
Date: Tue, 20 Feb 2024 20:46:58 +1000
Subject: [PATCH] Add language tags to code blocks

---
 .../systemd-sysusers-and-chimera-linux.md     |  2 +-
 v2/sass/screen.scss                           | 74 +++++++++++++++++++
 2 files changed, 75 insertions(+), 1 deletion(-)

diff --git a/v2/content/posts/2023/systemd-sysusers-and-chimera-linux.md b/v2/content/posts/2023/systemd-sysusers-and-chimera-linux.md
index 3fc3740..d198e50 100644
--- a/v2/content/posts/2023/systemd-sysusers-and-chimera-linux.md
+++ b/v2/content/posts/2023/systemd-sysusers-and-chimera-linux.md
@@ -408,7 +408,7 @@ Enter `systemd-sysusers`. Now the `chrony` package includes a file
 `sysusers.conf`, which is installed into `/usr/lib/sysusers.d/chrony.conf` when the package
 is installed:
 
-```tcl
+```
 # Create chrony system user
 
 u _chrony - "chrony user" /var/lib/chrony /usr/bin/nologin
diff --git a/v2/sass/screen.scss b/v2/sass/screen.scss
index cc35a63..480af1d 100644
--- a/v2/sass/screen.scss
+++ b/v2/sass/screen.scss
@@ -43,6 +43,80 @@ pre {
   font-size: 14px;
   color: #fcfcfc;
   max-height: 800px;
+  position: relative;
+}
+.language-asm::after,
+.language-bash::after,
+.language-c::after,
+.language-css::after,
+.language-dockerfile::after,
+.language-gleam::after,
+.language-ini::after,
+.language-javascript::after,
+.language-json::after,
+.language-rust::after,
+.language-sh::after,
+.language-tcl::after,
+.language-toml::after,
+.language-vim::after,
+.language-xml::after,
+.language-yaml::after
+{
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  color: black;
+  background-color: #FFFA;
+  padding: 0 0.5em 1px 0.5em;
+  border-bottom-left-radius: 8px;
+}
+.language-asm::after {
+  content: 'Assembly';
+  }
+.language-bash::after {
+  content: 'Bash';
+  }
+.language-c::after {
+  content: 'C';
+  }
+.language-css::after {
+  content: 'CSS';
+  }
+.language-dockerfile::after {
+  content: 'Dockerfile';
+  }
+.language-gleam::after {
+  content: 'Gleam';
+  }
+.language-ini::after {
+  content: 'INI';
+  }
+.language-javascript::after {
+  content: 'JavaScript';
+  }
+.language-json::after {
+  content: 'JSON';
+  }
+.language-rust::after {
+  content: 'Rust';
+  }
+.language-sh::after {
+  content: 'Shell';
+  }
+.language-tcl::after {
+  content: 'Tcl';
+  }
+.language-toml::after {
+  content: 'TOML';
+  }
+.language-vim::after {
+  content: 'Vim';
+  }
+.language-xml::after {
+  content: 'XML';
+  }
+.language-yaml::after {
+  content: 'YAML';
 }
 h1,h2,h3,h4 {
   font-family: $heading-family;