Share your repls and programming experiences

← Back to all posts
Weekly 7 – Clock ⏰
h
Bookie0

Weekly 7 – Clock ⏰

Hey! 👋

This is my weekly 7 submission, a clock!

Here's how it looks like:

And it's not just any ordinary clock, it's my own clock that I actually have. This is for the:

Add a little personal touch that makes it unique to you.

Excuse the poor photography skills 😅!

It also works!

This design of my clock is meant to look as close as possible as the original one, with the same colors, layouts, and almost the same font.


Links 🔗


Features ✨

Snooze/light button

The snooze/light button on the top can be clicked to stop the (non-existant) alarm or to change the color of the clock face. This makes bright, white light, just like the real thing!

Time

The fully functioning time has a period (AM/PM), 24 hour time, and a blinking seperator which indicates the seconds.

Alarm

The alarm (doesn't actually work) shows when it will ring, as well as that period.

Temperature

Finally, there's a temperature (doesn't actually work) in degrees celcius.


Style 🎨

The colors of the clock app are those from my real clock.

The cyan blue color is #33bbdf:

And the background color of the face of the clock is #5e765e:

The font used for the clock is Digital Dream Fat. Check it out here.


Closing 🚪

Well, that's about all! Make sure to let me know any comments, suggestions, or questions if you have them! :D

Have a wondrous day!!!

Bye! 👋

Voters
DangerFF1
DecentCoder1
HashirDdungu
SudhanshuMishra
HarperframeInc
NathanaelNavarr
Emalvesz
03jiratchayapho
MosesTYLi
typoldmatej
Comments
hotnewtop
Whippingdot

bruh amazing work but i don't quite like the font...

GOOD JOB AS ALWAYS

Bookie0

@Whippingdot Lol thanks, the font is supposed to look like a digital clock font

Whippingdot

yeah but it looks a little squished or congested for me

also is replit changing their css? are you helping them. i can just see my link css styles being spammed with new colors right in front of me right now lol @Bookie0

Bookie0

@Whippingdot yeah lol they're changing many things. I'm not helping them (wish I could tho lol)

PixiGem

kewl! will u do a face reveal when u create an Image editor xD

Bookie0

@PixiGem lmaoo

DecentCoder1

really well done. I love it.

Bookie0

Thanks! @DecentCoder1

TravisHutton

amazing

Bookie0

Thanks! :) @TravisHutton

staticvoidliam7

can we get a stove reveal? :)

Bookie0
staticvoidliam7

why not? @Bookie0

Bookie0

@staticvoidliam7 Cuz a stove reveal is pointless lol

staticvoidliam7

fine what about a car reveal @Bookie0

Whippingdot

na to personal @staticvoidliam7

Bookie0
staticvoidliam7

bookcase reveal @Bookie0

PixiGem

user-select:none;
it wud do the Job :)

Bookie0

@PixiGem For what?

PixiGem

@Bookie0 me abel two slct evrythin, i.e i cen slct da txt. en dat slecshun wich iz very baaad

bruh do u understand?
it took me like 3 sec to type, I typed everything I whatever came to my mind, wutever spelling, I just didn't care

Bookie0

@PixiGem Ah alright then lol thx

FlaminHotValdez

Bookie table and shelf reveal

Bookie0

And mouse and keyboard and wire and computer and tale mat and book and container homescreen and dock and apps and wall reveal lmao @FlaminHotValdez

FlaminHotValdez

@Bookie0 yes

although ew apple mouse I thought a mousePAD

Bookie0
ruiwenge2

and clock ofc @Bookie0

Bookie0

@ruiwenge2 lmao yeah

Whippingdot

EW EW EW EW EW REPLIT NOW HAS VISITED PAGE LINK STYLES

I SEE PURPLE EWWWWWWWWWWWWWWWWW @FlaminHotValdez

FlaminHotValdez
PixiGem

@FlaminHotValdez you mean book shelf? xD

CodingElf66

How do you get the tempature? Cool...

Bookie0

@CodingElf66 Like I said in the description and the README, the temperature (and the alarm) do not work and are just for show. It's just the design :)

CodingElf66

@Bookie0 Oh I'm so stupid lol.

Bookie0
sojs

wow! I love how you always go so in depth into the process. The backlight is also super cool!
Nice job!
Upvote for you!

Bookie0

@sojs Lol thanks, glad you appreciate it! :D

SiddhantManze

What is weekly 7 ... is this jam

Bookie0

It’s a bunch of weekly challenges. This month’s theme is frontend. Check out the announcements board for more :) @SiddhantManze

MosesTYLi

does anyone know what the bracketed numbers beside our usernames mean?

Bookie0

@MosesTYLi Does are called cycles; they're like useless
internet points. You get one cycle each time someone upvotes your post/comment and 5 cycles when someone accepts your answer as correct.

AmoghTheCool

@MosesTYLi there are people like me (50 cycles) and also 19000 cycle hackers like @Coder100,

nooby-xviii

is it just me or are html projects keep saying 404 on ipad

justaperson22

Wow this is awesome!

Bookie0

Thank you! :D @justaperson22

VulcanWM

This is great!

Bookie0

Thanks! :) @VulcanWM

VulcanWM
IMayBeMe

A mac user I see. The clock looks great!

Bookie0

Lol yea

Thanks! :) @IMayBeMe

OldWizard209

WHAT? bookie and not a mac user, that day has lower chances of coming than you ever getting struck by lighting after slipping on a banana peel on the floor of a bathroom. @IMayBeMe

IMayBeMe

@OldWizard209 lol, I’m gonna be careful next time I’m in the bathroom during a thunderstorm eating a banana.