prismjs

site/_includes/css/prism-gh.css

@@ -0,0 +1,121 @@
+/**
+ * GHColors theme by Avi Aryan (http://aviaryan.in)
+ * Inspired by Github syntax coloring
+ */
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+   color: #393A34;
+   direction: ltr;
+   text-align: left;
+   white-space: pre;
+   word-spacing: normal;
+   word-break: normal;
+   font-size: .9em;
+   line-height: 1.2em;
+
+   -moz-tab-size: 4;
+   -o-tab-size: 4;
+   tab-size: 4;
+
+   -webkit-hyphens: none;
+   -moz-hyphens: none;
+   -ms-hyphens: none;
+   hyphens: none;
+ }
+
+ pre > code[class*="language-"] {
+   font-size: 1em;
+ }
+
+ pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+ code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+   background: #b3d4fc;
+ }
+
+ pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+ code[class*="language-"]::selection, code[class*="language-"] ::selection {
+   background: #b3d4fc;
+ }
+
+ /* Code blocks */
+ pre[class*="language-"] {
+   padding: 1em;
+   margin: .5em 0;
+   overflow: auto;
+   border: 1px solid #dddddd;
+   background-color: white;
+ }
+
+ /* Inline code */
+ :not(pre) > code[class*="language-"] {
+   padding: .2em;
+   padding-top: 1px;
+   padding-bottom: 1px;
+   background: #f8f8f8;
+   border: 1px solid #dddddd;
+ }
+
+ .token.comment,
+ .token.prolog,
+ .token.doctype,
+ .token.cdata {
+   color: #999988;
+   font-style: italic;
+ }
+
+ .token.namespace {
+   opacity: .7;
+ }
+
+ .token.string,
+ .token.attr-value {
+   color: #e3116c;
+ }
+
+ .token.punctuation,
+ .token.operator {
+   color: #393A34; /* no highlight */
+ }
+
+ .token.entity,
+ .token.url,
+ .token.symbol,
+ .token.number,
+ .token.boolean,
+ .token.variable,
+ .token.constant,
+ .token.property,
+ .token.regex,
+ .token.inserted {
+   color: #36acaa;
+ }
+
+ .token.atrule,
+ .token.keyword,
+ .token.attr-name,
+ .language-autohotkey .token.selector {
+   color: #00a4db;
+ }
+
+ .token.function,
+ .token.deleted,
+ .language-autohotkey .token.tag {
+   color: #9a050f;
+ }
+
+ .token.tag,
+ .token.selector,
+ .language-autohotkey .token.keyword {
+   color: #00009f;
+ }
+
+ .token.important,
+ .token.function,
+ .token.bold {
+   font-weight: bold;
+ }
+
+ .token.italic {
+   font-style: italic;
+ }

site/_includes/css/site.css

@@ -521,14 +521,16 @@ a.header-anchor {
   margin-bottom: 1rem;
 }
 
-p > code {
-  display: inline-block;
+p > code, pre {
   font-family: "Commit Mono", monospace;
   background-color: var(--c-text-background-light);
   padding: 0.1em;
-  margin: -0.1em;
   border-radius: 0.5em;
 }
+p > code {
+  margin: -0.1em;
+  display: inline-block;
+}
 
 body #isso-thread {
   margin-top: 4rem;
@@ -569,7 +571,8 @@ body .isso-input-wrapper label {
 body .isso-input-wrapper input,
 input[type='text'],
 body .isso-textarea,
-body .isso-preview {
+body .isso-preview,
+pre {
   color: inherit;
   font-size: 1rem;
   background-color: transparent;

site/css.njk

@@ -4,3 +4,4 @@ permalink: /site.css
 {%include "css/inter.css"%}
 {%include "css/ftaurebesh.css"%}
 {%include "css/site.css"%}
+{%include "css/prism-gh.css"%}

site/posts/2025-06-15-replacing-github-pages.md

@@ -77,7 +77,6 @@ In my home directory I defined two hook scripts:
 
 `~/webhooks/update-pages.sh`
 ```bash
-
 #!/bin/bash
 # parameter 1 is repo name, parameter 2 is clone url
 [[ "$1" == *"/"* ]] && exit 1;