Links

2026-04-17

From Tumblr

Higgledy-piggledy
unparliamentary
green parrots quarrel
outside in the trees

Squawking out epithets
uncomplimentary
Squads of unmannerly
Oversized peas.

It’s a double dactyl!

 

Also from Tumblr: German compound words

 

Decorated section breaks inspired by Repeating Linear Gradient Text

<p style="background: repeating-linear-gradient(30deg,#a68259 0px 2px,#fffefe 2px 4px);line-height:0.2em;">&nbsp;</p>

This code created the first line decoration above.

:::{.break}
&nbsp;
:::

This did the second even though the .break CSS class is the same as the inline styling. However, the ::: markup creates a div with &nbsp; inside of it in paragraph markup.

I cheated a little to show what I saw before I fixed it
<div class="break">
    <p>&nbsp;</p>
</div>

Now, my CSS is rusty but I figure I can target that p inside the div with .break p {background: repeating-linear-gradient(30deg,#a68259 0px 2px,#fffefe 2px 4px)} but it doesn’t work???

< time passes >

🤦 I forgot the line-height statement.

All better now!

[&nbsp;]{.break}

And now I can make it easier to type in my documents by changing the p to a span. I still need the non-breaking space (which for some reason I can’t type in RStudio). I have to use display:block to get it to go across the page.

Here’s the final CSS (I kept both styles because why not?)

.break p, span.break {
  background: repeating-linear-gradient(30deg,#a68259 0px 2px,#fffefe 2px 4px);
  line-height: 0.2em;
  display:block;
}