Add a new blog post

1 files changed, 30 insertions, 26 deletions

diff --git a/src/style.css b/src/style.css
index 1ea926b..53d9499 100644
--- a/src/style.css
+++ b/src/style.css
@@ -142,13 +142,13 @@ figure > pre > code::before {
 	background-color: var(--bg);
 }
 
-figure > :where(img, object) {
+figure > :where(img, object, video) {
 	display: block;
 	margin: 16px auto;
 }
 
 figure > img    { width: 50%;  }
-figure > object { width: 100%; }
+figure > is:(object, video) { width: 100%; }
 
 header > div {
 	display: flex;
@@ -180,9 +180,12 @@ dl {
         .sh-ex  { color: var(--salmon); }
 
 /* New classes */
-.fn  { color: var(--accent); }
-.var { color: var(--blue);   }
-.str { color: var(--aqua);   }
+.cmt  { color: var(--lesser); font-style: italic; }
+.fn   { color: var(--accent); }
+.kw   { color: var(--green);  }
+.str  { color: var(--aqua);   }
+.cnst { color: var(--blue);   }
+.op   { color: var(--lesser); }
 
 .diff-ins  { color: var(--green);  }
 .diff-del  { color: var(--red);    }
@@ -249,27 +252,28 @@ dl {
 		pointer-events: none;
 	}
 
-	abbr.ast::before  { content: 'Abstract Syntax Tree';         }
-	abbr.cli::before  { content: 'Command-Line Interface';       }
-	abbr.cpu::before  { content: 'Central Processing Unit';      }
-	abbr.css::before  { content: 'Cascading Stylesheets';        }
-	abbr.cv::before   { content: 'Curriculum Vitæ';              }
-	abbr.ec::before   { content: 'Embedded Controller';          }
-	abbr.gnu::before  { content: 'GNU’s Not UNIX';               }
-	abbr.gsp::before  { content: 'German Shorthaired Pointer';   }
-	abbr.html::before { content: 'Hypertext Markup Language';    }
-	abbr.it::before   { content: 'Information Technology';       }
-	abbr.js::before   { content: 'JavaScript';                   }
-	abbr.led::before  { content: 'Light-Emitting Diode';         }
-	abbr.nas::before  { content: 'Network Attached Storage';     }
-	abbr.pdf::before  { content: 'Portable Document Format';     }
-	abbr.qr::before   { content: 'Quick Response';               }
-	abbr.rgb::before  { content: 'Red Green Blue';               }
-	abbr.sha::before  { content: 'Secure Hash Algorithm';        }
-	abbr.tfa::before  { content: 'Two-Factor Authentication';    }
-	abbr.totp::before { content: 'Time-Based One-Time Password'; }
-	abbr.uri::before  { content: 'Uniform Resource Identifier';  }
-	abbr.xml::before  { content: 'Extensible Markup Language';   }
+	abbr.api::before  { content: 'Application Programming Interface'; }
+	abbr.ast::before  { content: 'Abstract Syntax Tree';              }
+	abbr.cli::before  { content: 'Command-Line Interface';            }
+	abbr.cpu::before  { content: 'Central Processing Unit';           }
+	abbr.css::before  { content: 'Cascading Stylesheets';             }
+	abbr.cv::before   { content: 'Curriculum Vitæ';                   }
+	abbr.ec::before   { content: 'Embedded Controller';               }
+	abbr.gnu::before  { content: 'GNU’s Not UNIX';                    }
+	abbr.gsp::before  { content: 'German Shorthaired Pointer';        }
+	abbr.html::before { content: 'Hypertext Markup Language';         }
+	abbr.it::before   { content: 'Information Technology';            }
+	abbr.js::before   { content: 'JavaScript';                        }
+	abbr.led::before  { content: 'Light-Emitting Diode';              }
+	abbr.nas::before  { content: 'Network Attached Storage';          }
+	abbr.pdf::before  { content: 'Portable Document Format';          }
+	abbr.qr::before   { content: 'Quick Response';                    }
+	abbr.rgb::before  { content: 'Red Green Blue';                    }
+	abbr.sha::before  { content: 'Secure Hash Algorithm';             }
+	abbr.tfa::before  { content: 'Two-Factor Authentication';         }
+	abbr.totp::before { content: 'Time-Based One-Time Password';      }
+	abbr.uri::before  { content: 'Uniform Resource Identifier';       }
+	abbr.xml::before  { content: 'Extensible Markup Language';        }
 }
 
 @media (max-width: 600px) {