I love dem text dividers!

Two years ago, when I first arrived at Steem, I made a small collection of flowery text dividers. They made me excited to post because there was always an air of aesthetic originality. While I've gotten used to them (after 2 years of using them), I still find them to be really pretty!

They were originally grey, as you can see to the left. I got them from PngTree.com because I thought that the default divider (<hr>/---) was extremely dull. I still very rarely use it.

However, grey is not the best definition of liveliness, so I sprayed some colour onto them! I first painted them red with a Krita brush, then I put some yellow and cyan, and maybe some other colour. This resulted in the image just like the one on the left, but filled with colours.

I saved the project as a .tiff file on Krita (each horizontal ruler being its own layer). Then, I used ImageMagick to separate them with the CLI command convert result.tiff -trim layer.png. And as the name of the program implies, it magically converted each layer into a separate PNG with a consecutive name (1, 2, 3, etc.)

Here, I give you the resulting text dividers. You're free to use them in your own posts if you want, or to make your own. If you would rather make your own, this old post explains how to make them from the comfort of your browser. So let's go:

Some text dividers

Code to use: <img src="https://i.ibb.co/R4P7fsm/fVLQG1J.png">


Code to use: <img src="https://i.ibb.co/yQLGVQB/cS8GXPJ.png">


Code to use: <img src="https://i.ibb.co/yF0wr9w/n0GHXPP.png">


Code to use: <img src="https://i.ibb.co/8mcrbrk/KxT9Uwc.png">


Code to use: <img src="https://i.ibb.co/2YC368R/MeKfwD0.png">


Code to use: <img src="https://i.ibb.co/f2LLqF3/1gtTwu5.png">


Code to use: <img src="https://i.ibb.co/RP17fq0/1IIQlts.png">


Code to use: <img src="https://i.ibb.co/3NVwmz5/yFgf4yG.png">


Code to use: <img src="https://i.ibb.co/8MPPnRG/1PuLYcm.png">


Code to use: <img src="https://i.ibb.co/N10wKGS/E9ymaq8.png">


Code to use: <img src="https://i.ibb.co/nnxJmCw/swHdOk9.png">


Code to use: <img src="https://i.ibb.co/FXV5dNH/cBLGlwe.png">


Code to use: <img src="https://i.ibb.co/S740p87/57raa1k.png">

Making the list

If you're curious, I didn't make the list by hand! (too long). I bulk uploaded all the images to ImgBB, copied the provided list of links, then I simply pressed F12 in Firefox (works on Chrome too) and put some code in the console:

const text = `https://i.ibb.co/R4P7fsm/fVLQG1J.png
https://i.ibb.co/yQLGVQB/cS8GXPJ.png
https://i.ibb.co/yF0wr9w/n0GHXPP.png
https://i.ibb.co/8mcrbrk/KxT9Uwc.png
https://i.ibb.co/2YC368R/MeKfwD0.png
https://i.ibb.co/f2LLqF3/1gtTwu5.png
https://i.ibb.co/RP17fq0/1IIQlts.png
https://i.ibb.co/3NVwmz5/yFgf4yG.png
https://i.ibb.co/8MPPnRG/1PuLYcm.png
https://i.ibb.co/N10wKGS/E9ymaq8.png
https://i.ibb.co/nnxJmCw/swHdOk9.png
https://i.ibb.co/FXV5dNH/cBLGlwe.png
https://i.ibb.co/S740p87/57raa1k.png`

console.log(text.split('\n').map(n => `<img src="${n}">\n<center>Code to use: \`<img src="${n}">\`</center><br>`).join('\n'))

In the last 2 years, many other people have given away super cool text dividers for the Steem ➡️ Hive ecosystem! I have to give some honorary mentions to these inspiring people.

More great text dividers made by beautiful people

By @byn (collection):

• 10 Free Colorful Dividers for You!

By @thepeakstudio (collections):

• Hive blog text animated dividers ! spice up your blog
• Hive Graphics For The Community!
• Hive blog text dividers to decorate your posts ( Free to use )

By @ddua (guide):

• How To Do An Awesome Separator

By @scrooger (super favourite collection)

• Animated Text Dividers! - - Simply Copy and Paste .gif dividers

By @mayvil (guide & collection):

• Creating text dividers @mayvil

Origin story

I made these dividers 2 years ago and made a post about it. However, I've noticed that Imgur does not store images forever. Some of my old posts have deleted images, only salvaged by Steemit and Hive CDNs. I decided that, rather than risk losing some of these dividers forever, I'd re-upload them to ImgBB (multiple required points of failure instead of a single one; sturdier backup!).

I also noticed that there is a small trend of new bloggers joining. I want people to feel welcome to have sleek aesthetics for their posts. Last time I posted my text dividers, other people followed and shared their own, thus creating a chain of great media.

Comparing my old and new scripts

Funnily enough, we can se my progress in learning how to code by the way I made the list the last time. I also included a picture of my code in my 2-year-old post.

I can't believe I bothered to use .reduce() and a bracket function 😂 I must have spent an eternity fixing it. But it does solve the problem in one less step by merging the .map() and .join()

Do you like these dividers? Will you be using any?

Do leave a comment to tell me what you think