InValidFire/quack.gay
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add black and white routine tracker

Browse source
This commit is contained in:
Riley Housden 2022-11-06 01:30:28 -04:00
parent 4591f15f68
commit 064059dd30
3 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
res/stoplight-routine-v2-bw.pdf Normal file
View file

Binary file not shown.

BIN
res/stoplight-routine-v2-bw.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 105 KiB

22
stoplight.html
View file

@ -33,10 +33,10 @@
</div> </div>
<hr> <hr>
<p>This may look like your standard habit tracker, but it has a few unique traits that help you get stuff done, no matter your energy level.</p> <p>This may look like your standard habit tracker, but it has a few unique traits that help you get stuff done, no matter your energy level.</p>
<p>It does this by using two fundamental principles:</p> <p>It does this by allowing you to:</p>
<ul> <ul>
<li>Keeping your energy level in mind as best you can.</li> <li>Keep your energy level in mind as best you can.</li>
<li>Doing only what is required with respect to your energy level.</li> <li>Do only what is required with respect to your energy level.</li>
</ul> </ul>
<p>Both of these things together help you avoid burnout while getting what's required done. Now, how does this work?</p> <p>Both of these things together help you avoid burnout while getting what's required done. Now, how does this work?</p>
<hr> <hr>
@ -46,20 +46,20 @@
<rect x="0", y="0", width="16", height="8", fill="#6E9277"></rect> <rect x="0", y="0", width="16", height="8", fill="#6E9277"></rect>
</svg> </svg>
<hr> <hr>
<p>These stoplights here represent your energy level. Green being high-energy, yellow being mid-energy, and red being low-energy. You'll see these next to spots where you can write a task, and above each date.</p> <p>These "stoplights" represent your energy level. Green being high-energy, yellow being mid-energy, and red being low-energy. You'll see these next to spots where you can write a task, and above each date.</p>
<p>Here's how you use it:</p> <p>Here's how you use it:</p>
<ol> <ol>
<li>Write each task on the list in the space provided.</li> <li>Write each task on the list in the space provided.</li>
<li>Mark the energy level associated with each task. <li>Mark the energy level associated with each task.
<ul> <ul>
<li>Red items are things that must be done, like brushing your teeth or taking medicine.</li> <li>Red items are tasks that must be done, like brushing your teeth or taking medicine.</li>
<li>Yellow items are things that should be done, like showering or applying deodorant.</li> <li>Yellow items are tasks that should be done, like showering or applying deodorant.</li>
<li>Green items are things that can be done, like applying lotion or planning for tomorrow.</li> <li>Green items are tasks that can be done, like applying lotion or planning for tomorrow.</li>
</ul> </ul>
</li> </li>
<li>Each day, mark your energy level when you start the routine (or day in the habit tracker version).</li> <li>Each day, mark your energy level when you start the routine (or day in the habit tracker version).</li>
<ul> <ul>
<li>You are only required to do things at or below the energy level you marked down.</li> <li>You are only required to do tasks labeled at or below the energy level you marked down.</li>
</ul> </ul>
</ol> </ol>
<hr> <hr>
@ -78,12 +78,16 @@
</div> </div>
<div class="img-container"> <div class="img-container">
<a href="./res/stoplight-routine-weekly-v2.pdf"><img class="dl-img" src="./res/stoplight-routine-weekly-v2.png" alt="stoplight schema weekly routine tracker download"></a> <a href="./res/stoplight-routine-weekly-v2.pdf"><img class="dl-img" src="./res/stoplight-routine-weekly-v2.png" alt="stoplight schema weekly routine tracker download"></a>
<figcaption>A weekly routine tracker, for routines done only once a week. Think laundry.</figcaption> <figcaption>A weekly routine tracker, for routines done only once a week, like laundry.</figcaption>
</div> </div>
<div class="img-container"> <div class="img-container">
<a href="./res/stoplight-key-v2.pdf"><img class="dl-img" src="./res/stoplight-key-v2.png" alt="stoplight schema key download"></a> <a href="./res/stoplight-key-v2.pdf"><img class="dl-img" src="./res/stoplight-key-v2.png" alt="stoplight schema key download"></a>
<figcaption>A printable key to help track any custom symbols you come up with.</figcaption> <figcaption>A printable key to help track any custom symbols you come up with.</figcaption>
</div> </div>
<div class="img-container">
<a href="./res/stoplight-routine-v2-bw.pdf"><img class="dl-img" src="./res/stoplight-routine-v2-bw.png" alt="stoplight schema black and white routine tracker download"></a>
<figcaption>A black and white version of the routine tracker, colorblind friendly. :)</figcaption>
</div>
</div> </div>
</div> </div>
<footer> <footer>