Binder Divider Sheets Generator
To generate binder divider sheets (duh)
This project automates the creation of binder dividers for an elegant and organized life without the stuggles of MS Word!
About
This script automatically generates binder dividers for entities in a given list. It displays the name, address, email, phone number, and website of each entity in an elegant format. The final output is an HTML document that can be printed so that each entity's information takes up a full A4 page. If one or more entity information is missing, it will not be displayed in the output.
This was a short project I made because I didn't want to manually create dividers for all the entities in my binder.
I do not guarantee that the print format will be perfect for all browsers. Feel free to modify it to suit your needs.
Terminology
By "entity" we refer to any person – legal or natural – or any group thereof.
How to use
The list of entities is stored in a script
tag in the HTML file. You can add, remove, or modify entities by editing this list. Each entity is represented as an object with the properties defined below.
The divider sheets are generated once when the HTML file is done loading. You can then print the document using your browser's print functionality.
Entity storage format
{
"short": "Short name of the entity (e.g. 'ISO')",
"long": "Long name of the entity (e.g. 'The International Organization for Standardization')",
"address": "Postal address of the entity (e.g. 'CH-GE 1214 Vernier, Chemin de Blandonnet 8, PO 401')",
"phone": "Phone number of the entity (e.g. '+41 22 749 01 11')",
"email": "Email address of the entity (e.g. 'something@iso.org')",
"website": "Website of the entity (e.g. 'https://www.iso.org')"
}
Changing the paper size
You can change the paper size, colour, fonts, and margins by modifying the CSS in the HTML file. The default is white A4 paper with the 'Noto Sans' font.
License
This project is licensed under the MIT license.
2025 © DELAN Mia