logo

dmpop

Aircraft photography, spaghetti code, half-baked thoughts

Guestbook Reads
Currently reading: Gli occhi di Venezia, Alessandro Barbero


Tinble: Proper admonitions

No so long ago, I added notes to Tinble. Already then, I knew I wanted something a little bit more sophisticated. Lo and behold, I stumbled on a Admonitions in CSS article describing pretty much exactly what I had in mind. Better still, the author provided a read-made CSS file, so all I had to do it do tweak it slightly.

So now Tinble supports four types of admonitions:

<div class="admonition note">
  <div class="title">Note</div>
  <div class="content">This is a note.</div>
</div>
Note
This is a note.
<div class="admonition tip">
  <div class="title">Tip</div>
  <div class="content">This is a tip.</div>
</div>
Tip
This is a tip.
<div class="admonition warning">
  <div class="title">Warning</div>
  <div class="content">This is a warning.</div>
</div>
Warning
This is a warning.
<div class="admonition important">
  <div class="title">Important</div>
  <div class="content">This is very important.</div>
</div>
Important
This is very important.

Published: 2024-11-13Reads: 409
Comment by emailBack
dmpop

dmpop

Linux user, amateur photographer, aviation enthusiast, clueless developer of ADS-B station, Pellicola and Tinble, author of a bunch of books. I can mix a decent Negroni, too. You can reach me at me@dmpop.xyz