aboutsummaryrefslogtreecommitdiff
path: root/build/dark-mode
diff options
context:
space:
mode:
authorBradley Taunt <bt@btxx.org>2024-06-07 10:27:38 -0400
committerBradley Taunt <bt@btxx.org>2024-06-07 10:27:38 -0400
commit8a3e4e5207f59d42bfd6075e3792267266c86e71 (patch)
treef54d760781244072ff66564b011fef18dbf4a3de /build/dark-mode
parent8c47200dd81639b7cb1a3a165f4bb2eec2517970 (diff)
Homepage changes, README updates, swap to lowdown, cleanup
Diffstat (limited to 'build/dark-mode')
-rw-r--r--build/dark-mode/index.html15
1 files changed, 8 insertions, 7 deletions
diff --git a/build/dark-mode/index.html b/build/dark-mode/index.html
index 1c2ecd5..02c75f0 100644
--- a/build/dark-mode/index.html
+++ b/build/dark-mode/index.html
@@ -7,7 +7,7 @@
<title>Supporting Basic Dark Mode</title>
<link href="/atom.xml" type="application/atom+xml" rel="alternate" title="Atom feed for blog posts" />
<link href="/rss.xml" type="application/rss+xml" rel="alternate" title="RSS feed for blog posts" />
- <style>*{box-sizing:border-box;}body{font-family:sans-serif;margin:0 auto;max-width:650px;padding:1rem;}img{max-width:100%;}pre{overflow:auto;}</style>
+ <style>*{box-sizing:border-box;}body{font-family:sans-serif;line-height:1.33;margin:0 auto;max-width:650px;padding:1rem;}img{max-width:100%;}pre{border:1px solid;overflow:auto;padding:5px;}.footnotes{font-size:90%;}</style>
</head>
<nav>
@@ -15,17 +15,18 @@
</nav>
<main>
-<h1>Supporting Basic Dark Mode</h1>
+<h1 id="supporting-basic-dark-mode">Supporting Basic Dark Mode</h1>
<p>2023-03-07</p>
<p>The default <code>barf</code> site generator now supports basic dark mode functionality. This has been achieved by including the standard <code>color-scheme</code> meta tag in the core <code>header.html</code> file:</p>
-<pre><code>&lt;meta name=&quot;color-scheme&quot; content=&quot;dark light&quot;&gt;
+<pre><code>&#60;meta name="color-scheme" content="dark light"&#62;
</code></pre>
<p>This change also ships with some minor updates to the default <code>blockquote</code> design. You can see an example below:</p>
-<blockquote><p>This is a really <em>cool</em> blockquote</p>
+<blockquote>
+<p>This is a really <em>cool</em> blockquote</p>
</blockquote>
-<h2>Minor Caveat</h2>
-<p>Unfortunately, Safari still has minor <code>ahref</code> / link color issue when defaulting to browser dark mode. If this is a problem for your own build of <code>barf</code>, take a look at a <a href="https://bt.ht/safari-default-dark-mode/">solution I wrote about here</a>.</p>
-<p>Personally, I can't be bothered to add that extra code to this project. The Safari team needs to get their shit together and fix such a simple bug. Plus, you shouldn't be using Safari anyway - it's proprietary garbage.</p>
+<h2 id="minor-caveat">Minor Caveat</h2>
+<p>Unfortunately, Safari still has minor <code>ahref</code> &#47; link color issue when defaulting to browser dark mode. If this is a problem for your own build of <code>barf</code>, take a look at a <a href="https://bt.ht/safari-default-dark-mode/">solution I wrote about here</a>.</p>
+<p>Personally, I can&#8217;t be bothered to add that extra code to this project. The Safari team needs to get their shit together and fix such a simple bug. Plus, you shouldn&#8217;t be using Safari anyway - it&#8217;s proprietary garbage.</p>
<footer role="contentinfo">
<hr>
<h3 id="menu">Menu Navigation</h3>