custom CSS for a few articles

src/css/y.css

@@ -36,7 +36,7 @@ hr { opacity: 0.3; }
 }
 #content, #preamble,#postamble { padding: 1rem; }
 figure img { width: 100%; }
-img { max-width: 100%; }
+img { max-width: 100%; border: solid; }
 li p { margin: 0; padding: 0; }
 li > img, p > img { max-height: 1.5em; vertical-align: middle; }
 abbr {border-bottom: dotted 1px;}

src/posts/0002-troll-2/index.org

@@ -9,6 +9,7 @@
 #+LANG: en
 #+OPTIONS: H:5 auto-id:t
 #+STARTUP: showeverything
+#+html_head_extra: <style>img,svg {filter: brightness(0.8) sepia(100%) hue-rotate(80deg) saturate(10); } body { font-family: "Comic Sans MS", sans-serif; } </style>
 
 #+begin_notes
 I watched what may be the worse movie of all time and I still enjoyed

src/posts/0016-gemini/index.org

@@ -5,6 +5,7 @@
 #+KEYWORDS: internet gopher gemini
 #+DESCRIPTION: How I discovered gemini
 #+OPTIONS: auto-id:t toc:t
+#+html_head_extra: <style>body { font-family: Courier, monospace; }</style>
 
 This weekend I read an article about gopher and gemini.
 I already seen articles about gemini pass.

src/posts/0019-utopia-tv-show/index.org

@@ -14,6 +14,7 @@
 #+lang: en
 #+options: auto-id:t
 #+startup: showeverything
+#+html_head_extra: <style>:root { --bg: #ff0; --fg: #000; } img,svg {filter: contrast(0.5)sepia(100%)hue-rotate(20deg)saturate(15); } svg:hover {filter:none;} body { font-family: Helvetica, sans-serif; } h1 { font-size: 4em; } </style>
 
 #+ATTR_HTML: Utopia
 #+CAPTION: Utopia