Syllabus Project
===================================

Checkboxes are clickable and remember their state in your browser (per
device/browser, not synced anywhere). Checkboxes with a highlighted green
outline expand into their own sub-checklist beneath them; plain checkboxes
have no sub-tasks.

.. raw:: html

   <div id="checklist-progress" class="checklist-progress">
     <div class="checklist-progress-bar-bg">
       <div class="checklist-progress-bar-fill" id="checklist-progress-fill"></div>
     </div>
     <span id="checklist-progress-text">0% complete</span>
   </div>

Project Info
---------------------------------------
- Course: [Course Name]
- Student: [Student Name]
- Instructor: [Instructor Name]
- Due Date: [Due Date]

Planning
---------------------------------------

.. raw:: html

   <ul class="checklist">
     <li><label><input type="checkbox" class="cl-item" data-key="planning-1"> Read the full assignment prompt: [Assignment Prompt Link]</label></li>
     <li><label><input type="checkbox" class="cl-item" data-key="planning-2"> Confirm project topic with instructor: [Project Topic]</label></li>
     <li>
       <label><input type="checkbox" class="cl-item cl-parent-item" data-key="planning-3"> <strong>Break project into milestones</strong>: [Milestone List]</label>
       <ul class="checklist sublist">
         <li><label><input type="checkbox" class="cl-item" data-key="planning-3-1"> [Milestone 1 Name]: [Milestone 1 Due Date]</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="planning-3-2"> [Milestone 2 Name]: [Milestone 2 Due Date]</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="planning-3-3"> [Milestone 3 Name]: [Milestone 3 Due Date]</label></li>
       </ul>
     </li>
     <li><label><input type="checkbox" class="cl-item" data-key="planning-4"> Set up project repository/folder: [Repository Name]</label></li>
   </ul>

Research
---------------------------------------

.. raw:: html

   <ul class="checklist">
     <li>
       <label><input type="checkbox" class="cl-item cl-parent-item" data-key="research-1"> <strong>Gather source material</strong>: [Source Topic]</label>
       <ul class="checklist sublist">
         <li><label><input type="checkbox" class="cl-item" data-key="research-1-1"> [Source 1]</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="research-1-2"> [Source 2]</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="research-1-3"> [Source 3]</label></li>
       </ul>
     </li>
     <li><label><input type="checkbox" class="cl-item" data-key="research-2"> Summarize key findings: [Summary Notes]</label></li>
   </ul>

Implementation
---------------------------------------

.. raw:: html

   <ul class="checklist">
     <li>
       <label><input type="checkbox" class="cl-item cl-parent-item" data-key="impl-1"> <strong>Complete [Task 1 Name]</strong></label>
       <ul class="checklist sublist">
         <li><label><input type="checkbox" class="cl-item" data-key="impl-1-1"> [Subtask 1.1]</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="impl-1-2"> [Subtask 1.2]</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="impl-1-3"> [Subtask 1.3]</label></li>
       </ul>
     </li>
     <li><label><input type="checkbox" class="cl-item" data-key="impl-2"> Complete [Task 2 Name]</label></li>
     <li><label><input type="checkbox" class="cl-item" data-key="impl-3"> Complete [Task 3 Name]</label></li>
     <li><label><input type="checkbox" class="cl-item" data-key="impl-4"> Test/verify work against requirements: [Test Notes]</label></li>
   </ul>

Documentation
---------------------------------------

.. raw:: html

   <ul class="checklist">
     <li>
       <label><input type="checkbox" class="cl-item cl-parent-item" data-key="docs-1"> <strong>Write project write-up</strong>: [Write-Up File Name]</label>
       <ul class="checklist sublist">
         <li><label><input type="checkbox" class="cl-item" data-key="docs-1-1"> Draft outline</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="docs-1-2"> Write first draft</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="docs-1-3"> Get feedback from: [Reviewer Name]</label></li>
         <li><label><input type="checkbox" class="cl-item" data-key="docs-1-4"> Revise and finalize</label></li>
       </ul>
     </li>
     <li><label><input type="checkbox" class="cl-item" data-key="docs-2"> Add citations/references: [Citation List]</label></li>
     <li><label><input type="checkbox" class="cl-item" data-key="docs-3"> Proofread and format document</label></li>
   </ul>

Submission
---------------------------------------

.. raw:: html

   <ul class="checklist">
     <li><label><input type="checkbox" class="cl-item" data-key="submit-1"> Confirm submission method: [Submission Method]</label></li>
     <li><label><input type="checkbox" class="cl-item" data-key="submit-2"> Submit before deadline: [Due Date]</label></li>
     <li><label><input type="checkbox" class="cl-item" data-key="submit-3"> Confirm receipt with instructor: [Instructor Name]</label></li>
   </ul>