summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html26
1 files changed, 13 insertions, 13 deletions
diff --git a/index.html b/index.html
index 06daa32..ee0dc89 100644
--- a/index.html
+++ b/index.html
@@ -96,6 +96,19 @@ pages. If you want to learn more about me, head over to the about page.</p>
<h2>Blog</h2>
+ <div class="card"><h3><a href="/blog/css-only-code-blocks/">Code listings with nice line wrapping and line numbers from plain CSS</a></h3><strong>2025-07-23</strong>
+
+ <div class="summary">
+ <div class="document">
+
+
+<p>Code listings in web pages are often a bit of a pain to use. Usually, they don't wrap on small screens. Also, copy-pasting code from a code listing often copies the line numbers along with the code. Finally, many implementations use heavyweight HTML and/or javascript, making them slow to render. For this blog, I wrote a little CSS hack that renders nice, wrapping code blocks with line continuation markers in plain CSS without any JS.</p>
+</div>
+ <a href="http://jaseg.de/blog/css-only-code-blocks/">Read more</a>
+ </div>
+</div>
+
+
<div class="card"><h3><a href="/blog/jupyterlab-notebook-file-oneliner/">Getting the .ipynb Notebook File Location From a Running Jupyter Lab Notebook</a></h3><strong>2025-06-29</strong>
<div class="summary">
@@ -220,19 +233,6 @@ set up your UART to talk to an external hardware USB to serial converter is a ma
</div>
- <div class="card"><h3><a href="/blog/multichannel-led-driver/">32-Channel LED tape driver</a></h3><strong>2018-05-02</strong>
-
- <div class="summary">
- <div class="document">
-
-
-<p>Together, a friend and I outfitted the small staircase at Berlin's Chaos Computer Club with nice, shiny RGB-WW LED tape for ambient lighting. For this installation, I made a 32-channel LED driver that achieves high dynamic range on all 32 channels using a cheap microcontroller by using Binary Code Modulation.</p>
-</div>
- <a href="http://jaseg.de/blog/multichannel-led-driver/">Read more</a>
- </div>
-</div>
-
-
<div class="pagination-links">