@Sarahg

Added:

• ambience mode (listen to the sounds of the sea!)
• checklist! (mostly making sure that boxes stayed checked when adding/deleting tasks)

Yay! The sudoku works! I got help from my sibling (they are a programmer), and it actually generates a puzzle correctly. Besides that, I have just been working on my checklist. (I’m not quite sure how eight hours passed; I guess I’m a slow typer???)

So… what did I do? Sadly, essentially nothing. You see, I was working on creating a sudoku, and I thought I figured it out (all by myself – I was very proud). But no. I only realized after spending a dumb amount of time on my initial plan (of only generating the clues/initial filled squares) that it wouldn’t guarantee a solution. So now I’m back at square one, trying to figure out how to generate the entire puzzle and then remove values to create the starting hints. I have to figure out recursion, but I do not fully understand…

What I added/changed:

• Added tooltips (for the timer set button + break “apps”)
• Fixed bugs (the timer wasn’t removing the previous set time when the user closed the timer window & the quote window wasn’t hidden on load)
• Added quote window - Yay! Inspiration!
• Added a pause button to the timer (I was afraid it was going to be terribly buggy and difficult, but it was actually very simple! :)
• A few random css changes - fonts, flavor text
• Break button now does something! - opens a “break direct” window w/ “apps” + auto pauses work timer
• Focus mode: click a brain emoji to turn off sounds
• Added water/stretch reminders every 30 minutes
  Also: I didn’t really add this yet, but I got the idea to put in a “tips” feature for productivity; (un)fortunately I am a sucker for that type of stuff!

I finally got the timer to work!! First I was stuck on making the timer countdown, because it only displayed the input time, then I figured that out and got more stuck on making it so that when a user input a new time, it would restart the timer. But lo and behold… Now you can both use AND change it! Besides that, I worked out a few minor problems:

• max times (so no giant #s)
• decimal inputs
• stopping the clock if the user closes the timer window

Added:

• divs are now draggable
• beginning of work timer

Currently my site looks somewhat goofy with the overlap of the divs, but…
What I Did:

• added a clock
• outlined a bunch of features I want to add (the empty boxes - timer, checklist, etc.)
• background/basic design

I finished up with my website by adding a few more password/username requirements for signing up. I thought about creating more, but frankly I don’t know what else to add or what else I want to add.

I did not do too much today; my time was spent creating some requirements for creating an account (password/username length, allowed characters, etc.). It took me way too long to figure out how to check the strings for non-alphabet and non-number characters, and I may have given up on trying to allow non-English letters… The code stopped working when I tried, and I was too tired to figure out why (though it probably would have only required a simple fix).

Greetings! Here is what I have been working on:

• creating a tooltip for the donate button
  -rewriting/finishing my bio
• debugging my paywall (you could scroll under it :( )
• some minor css/appearance shenanigans
  I am currently in the midst of creating password/username requirements when you sign up.

What I did:

• fixed the ads (for now) - they kept having a bunch of warnings in the console because some of my variables were undefined & then they kept going in the main text instead of pop ups
• added a menu/home bar at top - view more high quality titles! + donate button (opportunity for another annoying pop up!!)
  Sadly, most of my time was spent debugging and failing at debugging.

What I did:

• redesigned my website - new font, layout, etc! I am very proud because I made the image get scrolled over when the user scrolls on the page (hopefully you know what I mean)
• I am in the progress of making new ads that pop up on the site

The majority of these 4 hours were spent fiddling around with javascript and css because I don’t know what I’m doing.
Added:

• header bg - took an egregious amount of time because I didn’t know how to make the color extend from edge to edge
• scroll issue - my header bg made it so you can move left/right, which I don’t want
  Hopefully this won’t matter though, because I think I’m going to scrap my current design and try to make the website look less ugly.
• ads which appear - currently I am struggling with event listeners, so you can’t close them yet. :(

Unfortunately a lot of my time spent on this project (6 hrs) wasn’t tracked, but I am in the midst of creating my “about me” website. I was a bit bored by just making a generic one, as I assumed it would essentially just be css and therefore look quite bad because my skills are…lacking.
As a result, I decided to make a paywall. If you want to read my bio you have to bypass it. So far, the paywall is pretty basic; you just have to sign up to get past it. But I am proud because I learned about some new things (local storage, how much I hate css)!!
I am hopefully going to make my website more annoying, though, as it’s supposed to emulate a spammy one.

I had been stuck on the playfair encoder. I could encode the letter pairs if they were in the same column/row, but the rectangle case failed. Side note: I changed the letters to numbers in my 5x5 alphabet grid and plaintext/message. So I had num(ber)[i] and num[i + 1] as, for example, the first two letters in my plaintext.
My first approach was to find the mod 5 (I think that’s how I write it?) of num[i] and num[i+1] to try and reduce them down to their “base” value in row 1. By which I mean, all of the values above row 1 were just the latter but + 5 * (row # - 1). For example, in position 1 of row 1, we have the base value of 1. To get to the # in position 1 of row 2, you just add 5 ( 1+5 = 6). From these “bases,” I was hoping to subtract them to find the shift amount (how much to add/subtract from num[i] and num[i+1] to slide them along their rows in the rectangle. I got the idea because if you have the numbers (in a pair) 2 and 9 to encrypt, you can reduce 9 to its “base” of 4 by doing 9 % 5. Then, you can subtract 4-2 to find 2 = the shift amount, which is true. We do, to encrypt, shift 2 by 2 to the right to get 4, and shift 9 by 2 to the left to get 7. Then I used if statements to determine which way to shift each number. However, not only was my logic dubious for that, I also forgot that 5 % 5 is not 5; it’s 0. So that thwarted my idea because with the case of 6,5 to encode, for example, when you reduce the numbers, you get 1 and 0. Then by subtracting them, you get the “shift” of 1, but this is obviously wrong, because the numbers actually shift 4.
[1 2 3 4 5]
[6 7 8 9 10]
My next approach was to try and find some math formula to reduce all of the numbers to their “bases” by using (approximately what I had) num[i] - 5 * Math.floor(num[i]/5). The general idea was to essentially subtract num[i] down to its base by using the floor function to find how many times to do so. That ended up failing, as if num[i] = 5, then the floor of num[i]/5 = 1, making you subtract 5 - 5 to get to 0 when in fact there should have been no subtraction; 5 was already at its base and didn’t need to be changed.
Finally I gave up trying to make some formula and just used some while loops of num[i] - 5 * x > 5. As long as this was true, then num[i] would not be in its base value form. I kept increasing x until it was; for example, if I had 16, x would initially = 0, and I would end up running the loop until x = 3 and num[i] - 5x = 1.
Then, I replaced num[i] with num[i+1] % 5 UNLESS it equaled 0, in which case I substituted 5. This essentially represents num[i+1]’s x-coord in the 5x5 grid (the 5 positions of 1-5 are shown most clearly in row 1). Since the rectangle rule slides num[i] right/left until it is below num[i+1] (its initial position) or, in other words, at the other corner of the rectangle (and the same is true for the shifting of num[i+1]), we can think of it as num[1] and num[i+1] swapping x-coords (which are their base values). Thus, by using num[i+1] % 5 or using 5 as num[i]’s new, shifted x-coord, we have shown this “rectangle.” Then I used the stored info of x to get this base value/new x-coord of num[i] back to its actual value by adding + 5x. I used a 2nd variable, y, to do the same for num[i+1].
Ex:
We want to encode “AG.” A = 1, G = 7. So: num[i] = 1 and num[i+1] = 7.
On the 5x5 grid, 1 and 7 form a square/rectangle:
[1 2 …]
[6 7 …]
To reduce num[i] (1) and num[i+1] (7) to their bases:
num[i] - 5 * x > 5 note: for num[i+1], sub y for x; x and y start at 0
1 - 50 is not greater than 5, so x remains equal to 0.
1 - 51 is not greater than 5, so y = 1 and 7’s base value = 2
num[i] and num[i+1] swap bases.
So: num[i] is 2 and num[i+1] is 1.
Then add 5x to num[i], which remains 2. 5y + 1 gives num[i+1] = 6.
Encoded #s: 2, 6 -> convert to letters: bf.
Hopefully this made some sense! I am very glad I got the playfair figured out. Sorry about the length of this.