Title: 💪 You Can Do This!! ~ Exam Motivation (And a bonus below! ⬇️)
Hope ya'll are doing great -- I just had part 1 of my mock exams in school. Speaking of school, isn't it hard to keep concentrated while studying or revising for tests and exams? Don't you need a tool to help you keep on track and stay motivated and positive while studying?
Well the 💪 You Can Do This site can, and will help you!
For @CodingCactus' Exams Jam where we had to make something helping the examination process (studying, doing the exam, marking the test, etc.), using
CSS, and a bit of
HTML, I've created the ultimate site where you can keep studying!
- An expandable textbox that you can resize to fit your needs where you can type useful notes, reminders, information, etc.
- The current time in hour, minutes, and seconds, with the date as well in month, day, and year.
- A randomly generated quote to help you.
- A randomly generated verb to keep you going!
- A timer that you can set yourself and also pause.
- A draggable element which you can move around (for example to hide distracting things like the moving time, or to put on top of the textbox to quiz yourself)
How To Use
It's pretty easy to use, how to use it and what to type/click is pretty straightforward, but there'll still be some small reminders on what to do:
The code is a rather not very elegant blend of
CSS, and a bit of
preload() function (
script.js), I load an image, set the time and date, and use some conditionals for the month. Next in the
setup() function, the canvas, framerate, and background color are set. I also call the
addSec function (more on that later) and add the
button, and the element with the timer, and I add some styles to them. The
newTimer() function is for setting a new timer.
After that, there are 2 very similar functions;
choosing(). The first one is for outputting the final motivational word, the second for that little animation where it randomly chooses the verb. In the function
phrase(), it chooses a random quote and outputs it.
In the always looping
draw() function, it positions the current second of the timer with style, and checks if the timer is paused or not. Then, it checks if 1 second has passed, and if it's paused, it doesn't reduce the timer, but if it does, it decrements it. If the timer equals 0, it shows that the timer is finished.
Then, it shows the current time and date, and a little further on the "KEEP CALM AND KEEP" text if displayed. The variable
counter is incremented (it's for the animation which selects the verb), and the
phrase() function is called. Next up, some conditionals to determine if the program should continue to play and choose the animation, and if no, it stops it, and calls the
randomResult() function to output the final result.
Following that, there's the
addSec() function which increments the seconds, checks if a minute has passed (and if so increments the minutes), checks if an hour has passed (and if so increments the hours), and finally checks if a day has passed (and if so reloads/refreshes the window).
keyPressed() function at the very bottom is for when the user press the right arrow for a new verb, left arrow for a new quote, and tab for pausing the timer.
That's about it for the
p5.js part. In
index.html, there's the
<textarea> textbox for typing notes and stuff, as well as the draggable element. That code is from W3 schools. Finally, for the CSS, it uses the same sort of style as the
p5.js part to keep it uniformed, using
border-radius, colors, margins, etc.
Well, that's about all. Have fun, and good luck for any exams or tests you have!
If you have any other cool quotes/motivational verbs (not too long), feel free to comment them and I could add them.
👋 Bye, and have an amazing day!!!
Bonus: Pixel Pizza!
Remember the Christmas Tree Decorator of last year (rip 2020) here? Well using the same kind of concept, I had made a Pixel Pizza game where you can simulate making pizza, bake them, box them, and sell them. I actually had made it quite a while ago, and when I came upon it again recently to work on it again, I realized that the code was just wasn't that good and that to continue I had to like restart it..
So I'm just gonna share it here, but it's full of bugs, some of the graphics aren't very precise, but can still play and it's somewhat fun!
Making an onion pizza:
Baking the pizza:
Packing the pizza:
Getting customer feedback and money:
README file as well, so you can check that out too
I spent time writing it.
If this ^^^^ is happening for you as well, reload the tab (
hahah AWESOME job Bookie!
(that CSS is really good :D)
muy beautiful xD
This is really sick. The only thing I would change is maybe adding a color slider so you can change the color of the background because after a while the red hurts your eyes. Also, if you close your computer the time pauses so when you open it back off the time is like 5 minutes off.
Add a pomo timer, that would be really helpful.
Now, the things I said earlier I think is easier for you, but this next one might be a little hard. Can you make it so the barrier box is re-sizeable? It is kinda too big in some situations.
Build your own dreams, or someone else will hire you to build theirs. -Farrah Gray
The hardest thing to do is to be true to yourself, especially when everyone is watching. -Dave Chappelle
Your present circumstances don't determine where you can go; they merely determine where you can start -Nido Qubein
If we did all the things we were capable of, we would literally astound ourselves -Thomas Edison
A problem is a chance to do your best -Duke Ellington
We must let go of the life we have planned, so as to accepts the one that is waiting for us. -Joseph Campbell
Action may not bring happiness; but there is no happiness without action. -Benjamin Disraeli
Falling down is not a failure. Failure comes when you stay where you have fallen. -Socrates
One find limits by pushing them. -Herbert Simon
The only way out is through. -Robort Frost
What is not started will never finish. -Johann Wolfgang von Goethe
Every man should lose a battle in his youth, so he does not lose a war when he is old. -George R. R. Martin
Success is not final; failure is not fatal; it's the courage to continue that counts. -Winston S. Churchill
Life is either a great adventure or nothing at all. -Helen Keller
There ya go @Bookie0