commit aa6271e9c3bb10d9dd65bb53bec02e10c628fb47 Author: Riley Housden Date: Fri Apr 22 17:34:50 2022 -0400 Initial commit diff --git a/index.html b/index.html new file mode 100644 index 0000000..548b6de --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + Quack! ur gay! + + + + +
+
+

Quack! Welcome to my site!

+ +
+
+

About

+

I am an autistic+adhd programmer/student who enjoys making cool little programs.

+

This page serves as a dumping ground for whatever I feel would be cool to show the world, whether it be related to programming or not. :)

+

Enjoy!

+

Contact Info

+
+ +
+
+
+

ur gay <3

+
+
+ + \ No newline at end of file diff --git a/res/icon.png b/res/icon.png new file mode 100644 index 0000000..939e264 Binary files /dev/null and b/res/icon.png differ diff --git a/res/stoplight-habit-v2.pdf b/res/stoplight-habit-v2.pdf new file mode 100644 index 0000000..2b4b0a3 Binary files /dev/null and b/res/stoplight-habit-v2.pdf differ diff --git a/res/stoplight-habit-v2.png b/res/stoplight-habit-v2.png new file mode 100644 index 0000000..7d75590 Binary files /dev/null and b/res/stoplight-habit-v2.png differ diff --git a/res/stoplight-key-v2.pdf b/res/stoplight-key-v2.pdf new file mode 100644 index 0000000..ed2d1f7 Binary files /dev/null and b/res/stoplight-key-v2.pdf differ diff --git a/res/stoplight-key-v2.png b/res/stoplight-key-v2.png new file mode 100644 index 0000000..240fc14 Binary files /dev/null and b/res/stoplight-key-v2.png differ diff --git a/res/stoplight-routine-v2.pdf b/res/stoplight-routine-v2.pdf new file mode 100644 index 0000000..226e1f1 Binary files /dev/null and b/res/stoplight-routine-v2.pdf differ diff --git a/res/stoplight-routine-v2.png b/res/stoplight-routine-v2.png new file mode 100644 index 0000000..f3e47b9 Binary files /dev/null and b/res/stoplight-routine-v2.png differ diff --git a/res/stoplight-routine-weekly-v2.pdf b/res/stoplight-routine-weekly-v2.pdf new file mode 100644 index 0000000..286c5d7 Binary files /dev/null and b/res/stoplight-routine-weekly-v2.pdf differ diff --git a/res/stoplight-routine-weekly-v2.png b/res/stoplight-routine-weekly-v2.png new file mode 100644 index 0000000..39f61a6 Binary files /dev/null and b/res/stoplight-routine-weekly-v2.png differ diff --git a/stoplight-styles.css b/stoplight-styles.css new file mode 100644 index 0000000..1368d1c --- /dev/null +++ b/stoplight-styles.css @@ -0,0 +1,128 @@ +body { + background-color: #424242; +} + +#wrapper { + background-color: #B2C5D6; + margin-left: auto; + margin-right: auto; + width: 90%; + display: flex; + flex-direction: column; +} + +#content { + margin: 0; + padding-top: 0; + padding-left: 1vh; + padding-right: 1vh; + overflow: visible; +} + +body { + margin: 0; + height: 100vh; +} + +header { + background: linear-gradient(20deg, #6E9277 20%, #FFD483 50%, #FC6467 85%); + margin-bottom: 1vh; +} + +h1, h2, h3, h4, h5, h6 { + color: #424242; +} + +nav ul { + list-style-type: none; + margin-left: .3%; + margin-right: .3%; + margin-top: .3%; + margin-bottom: .3%; + padding: 0; + overflow: hidden; + background-color: #424242; + display: block; +} + +nav li { + margin: 0; + display: inline; + float: left; +} + +nav li a { + display: block; + color: #B2C5D6; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +nav li a:hover { + background-color: #4B4B4B; +} + +footer { + background: linear-gradient(20deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #a0c4ff, #bdb2ff, #ffc6ff); + margin-top: auto; +} + +footer p { + text-align: center; +} + +h1 { + text-align: center; +} + +h2 { + margin-top: 1vh; + margin-bottom: 1vh; +} + +p { + color: #424242; + margin-top: 1%; + margin-bottom: 1%; +} + +li { + color: #424242; +} + +hr { + border-style: dashed; + border-color: #424242; + color: #424242; + margin: auto; +} + +svg { + margin-top: .2%; + margin-bottom: .2%; + margin-left: 20%; + margin-right: auto; + display: block; /* want to figure out why this works */ +} + +img { + width: 100%; +} + +.img-container { + margin: .2%; + border: 0; + width: 35%; + float:left; +} + +figcaption { + color: #424242; +} + +.example-img-container { + margin: .2%; + border: 0; + width: 35%; +} \ No newline at end of file diff --git a/stoplight.html b/stoplight.html new file mode 100644 index 0000000..03e7616 --- /dev/null +++ b/stoplight.html @@ -0,0 +1,95 @@ + + + + + + + Stoplight Schema + + + + +
+
+

Stoplight Schema

+ +
+
+
+

Managing routines is a very important part of me being able to function as a person. In trying to do this, there's one major problem I'd consistently come across.

+

In every system I make to manage my routines, I would create it for one version of me. It would work best for my headspace and energy level at the time, and when that headspace would shift the system would fall apart.

+

Enter, the Stoplight Schema...

+
+ Habit Tracker with additional energy level indicators, and markers to associate tasks with energy levels. +
+
+

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.

+

It does this by using two fundamental principles:

+
    +
  • Keeping your energy level in mind as best you can.
    • +
  • Doing only what is required with respect to your energy level.
    • +
+

Both of these things together help you avoid burnout while getting what's required done. Now, how does this work?

+
+ + + + + +
+

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.

+

Here's how you use it:

+
    +
  1. Write each task on the list in the space provided.
    2. +
  2. Mark the energy level associated with each task. +
      +
    • Red items are things that must be done, like brushing your teeth or taking medicine.
      • +
    • Yellow items are things that should be done, like showering or applying deodorant.
      • +
    • Green items are things that can be done, like applying lotion or planning for tomorrow.
      • +
    +
    3. +
  3. Each day, mark your energy level when you start the routine (or day in the habit tracker version).
    4. +
      +
    • You are only required to do things at or below the energy level you marked down.
      • +
    +
+
+

This system has benefit me in allowing my routines to be as flexible as I require, and by allowing me to be kinder to myself for not getting everything done every day; especially cutting myself some slack on low-energy days.

+

Feel free to take elements from this or modify it however you wish, hope you're able to find some benefit from it as well!

+
+
+

Downloads

+
+ stoplight schema habit tracker download +
A basic habit tracker.
+
+
+ stoplight schema routine tracker download +
A routine tracker, allowing you to split up things a bit more.
+
+
+ stoplight schema weekly routine tracker download +
A weekly routine tracker, for routines done only once a week. Think laundry.
+
+
+ stoplight schema key download +
A printable key to help track any custom symbols you come up with.
+
+
+
+ +
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..4c1c4b4 --- /dev/null +++ b/styles.css @@ -0,0 +1,112 @@ +body { + background-color: #293B2A; +} + +#wrapper { + background-color: #647E5A; + margin-left: auto; + margin-right: auto; + border-left: 1px solid #101010; + border-right: 1px solid #101010; + width: 90%; + height: 100vh; + display: flex; + flex-direction: column; +} + +#content { + margin: 0; + padding-top: 0; + padding-left: 1vh; + padding-right: 1vh; + overflow: visible; +} + +body { + margin: 0; + height: 100vh; +} + +header { + background-color: #646D5A; + margin-bottom: 1vh; +} + +nav ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #505948; + display: block; +} + +nav li { + margin: 0; + display: inline; + float: left; +} + +nav li a { + display: block; + color: #8CAA8C; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +nav li a:hover { + background-color: #464F3E; +} + +footer { + background: linear-gradient(20deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #a0c4ff, #bdb2ff, #ffc6ff); + margin-top: auto; +} + +footer hr { + border-width: 1px; + border-style: solid; + border-color: #101010; + margin: auto; +} + +footer p { + text-align: center; +} + +h1 { + text-align: center; +} + +h2 { + margin-top: 1vh; + margin-bottom: 1vh; +} + +p { + color: #101010; + margin-top: 1%; + margin-bottom: 1%; +} + +hr { + border-width: 1px; + border-style: dashed; + border-color: #101010; + margin: auto; +} + +.social { + color: #683655; + font-size: large; + font-weight: bold; +} + +svg { + margin-top: 1vh; + margin-bottom: 1vh; + margin-left: auto; + margin-right: auto; + display: block; /* want to figure out why this works */ +} \ No newline at end of file