= Vimwiki =

== TODO ==
* [ ] Commit to a repository
* [ ] Setup remote to host
* [ ] Setup remote to automatically `:VimwikiAll2HTML` after it's been pushed to

== HTML Checkboxes ==

By default, there is no difference between how a non-checkbox list item, unchecked list item, and a checked list item are displayed when exported to HTML. 

There are 5 states of a checkbox, 0-4, and they each represent a different level of completeness. This is mainly for checklist items with children.

Checkbox states:

| # | % Complete | li class | Unicode character | Escape sequence | HTML code  |
|---|------------|----------|-------------------|-----------------|------------|
| 0 | 0%         | `done0`  | ◯                 | `\u25EF`        | `◯`  |
| 1 | 1-33%      | `done1`  | ◔                 | `\u25D4`        | `◔`  |
| 2 | 34-66%     | `done2`  | ◑                 | `\u25D1`        | `◑`  |
| 3 | 67-99%     | `done3`  | ◕                 | `\u25D5`        | `◕`  |
| 4 | 100%       | `done4`  | ✔                 | `\u2714`        | `✔` |

Now, in order to use these in our HTML, we just have to write a style for `ul li.doneX:before` in our header like so:

{{{class="prettyprint linenums" >
<style>
ul li.done0:before {content: '\25EF';}
ul li.done1:before {content: '\25D4';}
ul li.done2:before {content: '\25D1';}
ul li.done3:before {content: '\25D5';}
ul li.done4:before {content: '\2714';}
</style>
}}}


Now here's a few test lists:

* [ ] Unfinished item
* [X] Finished item
* [.] Parent item 1
	* [X] Child item 1
	* [ ] Child item 2
	* [ ] Child item 3
	* [ ] Child item 4
* [o] Parent item 2
	* [X] Child item 1
	* [X] Child item 2
	* [ ] Child item 3
	* [ ] Child item 4
* [O] Parent item 3
	* [X] Child item 1
	* [X] Child item 2
	* [X] Child item 3
	* [ ] Child item 4
* [X] Parent item 4
	* [X] Child item 1
	* [X] Child item 2
	* [X] Child item 3
	* [X] Child item 4
* [ ] Parent item 5
	* [ ] Child item 1
	* [ ] Child item 2
	* [ ] Child item 3
	* [ ] Child item 4