Single-page HTML checklist template with a progress bar. Feel free to modify and expand as needed.
The checklist status is stored on your computer as a web cookie. No data is sent to any server.
This template is based on cookiecutter and will create a ready-to-push GitLab/GitHub project to host the checklist online for free.
python -m pip install cookiecutter
Clone the cookiecutter, execute it and follow the instructions
git clone https://github.com/aboucaud/checklist-template
cookiecutter checklist-template
After running it once, the template is cached in your system (probably under ~/.cookiecutters
). Next time you want to use it, only execute the second line from anywhere on your system
cookiecutter checklist-template
Modify the content of the index.html
file to suit your needs. You can add/remove/reorder checklist items as needed.
One item of the checklist is given by the following code snippet
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">
This is where the text needs to be modified.
</div>
</div>
Copy/paste and adapt as needed.
This project is a direct adaptation of the DESC pre-meeting-checklist originally proposed by Yao-Yuan Mao.
This template is released under the MIT License. See the LICENSE file for more details.