From 5634e70571eac6d9e525cce3cf4186478a04f223 Mon Sep 17 00:00:00 2001 From: frosty Date: Mon, 16 Jun 2025 06:51:37 -0400 Subject: add new post, add new pages, move about content to home, and more --- content/posts/imagemagick-email.md | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 content/posts/imagemagick-email.md (limited to 'content/posts/imagemagick-email.md') diff --git a/content/posts/imagemagick-email.md b/content/posts/imagemagick-email.md new file mode 100644 index 0000000..bbf2621 --- /dev/null +++ b/content/posts/imagemagick-email.md @@ -0,0 +1,24 @@ +--- +title: "ImageMagick-powered email image generation" +date: "2025-06-16" +--- + +This is a quick post to show off the email address image shown on the [contact page][contact-email] and how I threw it together. + +I wanted to list my email address on my website, but putting it in plaintext can give those LLM scrapers and bots access to it easier. So, I generated an image with ImageMagick to display it. + +After cross-referencing some documentation on how to [handle text][magick-text] and [warp the image][magick-warp], I figured out how to do what I wanted. I decided to put it in [my website's Makefile][website-makefile] to make it easier to execute. + +...That's pretty much it. Here's the code, though: + +```sh +magick -background transparent -fill "#eeff11" -font "Iosevka" -size 220x60 \ + -gravity center label:"mail@example.net" -wave -15x150 ./static/img/text.png +``` + +Thanks for reading this quick one. Check in later! + +[contact-email]: /contact.html#Email +[magick-text]: https://usage.imagemagick.org/text/ +[magick-warp]: https://usage.imagemagick.org/warping/ +[website-makefile]: https://git.sr.ht/~auroras/www/tree/master/item/Makefile -- cgit v1.2.3-70-g09d2