ClockTow Desklet Fork

About programming and getting involved with Linux Mint development
Forum rules
Topics in this forum are automatically closed 6 months after creation.
Locked
samriggs

ClockTow Desklet Fork

Post by samriggs »

I am in the process of recreating my desktop's image and have been trying out some desklets.
Instead of making my own I thought I snag a couple that's already been made and just change it to my needs.
Here's the ClockTow one I changed.
clock.png
I gave a padding around the border (it was too tight for my liking)
changed the background color, font sizes and colors and font family
Centered the date at the bottom instead of to the right and resized everything.
Just in case anyone wanted to change this desklet to their own liking I am adding the css changes I made to mine so you know what to change and where
REMEMBER THIS IS A FONT I HAVE ON MY SYSTEM, change it to one you have instead or it won't show or throw an error.

Code: Select all

.clock-container{
        background:#1D1815;
        padding:6px;
        border-radius: 12px
}
.hour-container{}
.date-container{
        color:#FFFCDC;
	text-shadow: 1px 1px 2px #24211E;
	font-size: 15pt;
	text-align: center;
        font-family:"DejaVu Sans Condensed",Sans;
}
.clock-hour-label{
        color:#FFFCDC;
	text-shadow: 1px 1px 2px #24211E;
	font-size: 30pt;
        font-family:"Sci Fied",San;
}
.clock-min-label{
        color:#FFFCDC;
	text-shadow: 1px 1px 2px #24211E;
	font-size: 30pt;
        font-family:"Sci Fied",San;
}
.clock-sec-label{
        color:#FFFCDC;
	text-shadow: 1px 1px 2px #24211E;
	font-size: 15pt;
        font-family:"Sci Fied",San;
}
.clock-date-label{}
remember to change the font to what you have on your system (Important)

This is the stylesheet.css in the clocks folder located at: home>.local>share>cinnamon>desklets>clockTow@armandobs14

Enjoy
Sam
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 1 time in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
samriggs

Re: ClockTow Desklet Fork

Post by samriggs »

I added some more changes and thought I would post them also.
This is how it looks now.
clock.png
I got rid of military time and added normal time (to me) : in between (forgot to show how to do that before) plus added am/pm since it is no longer military time
in the javascript file change the hourFormat to this

Code: Select all

let hourFormat = '%l'+':';
in the _updateDate function
and change the secFormat to this

Code: Select all

let secFormat = '%S %p';
this will add am/pm to the end of seconds, if you want to have am/pm in it's own variable you have to create it, I was happy with just adding it to the end of seconds.
That's it for those changes.
Sam
Green-cedar-19+52

Re: ClockTow Desklet Fork

Post by Green-cedar-19+52 »

SamRiggs,

I would like to add the clock, with the normal time method (no military time nor do I need the seconds), and the fonts that you used, coloring, etc.. to my computer. I have a Linux 17.3 Rosa.

Is is possible for you to give the step by step method to install the clock on my computer?

I would appreciate it very much.

Green Cedar
samriggs

Re: ClockTow Desklet Fork

Post by samriggs »

That was 4 years ago, to be honest I didn't even remember this post until I got the email notification, I know it was a desklet back when I used mint and cinnamon but I'm on manjaro now with xfce and if I remember right it was a desklet already provided by someone else with just some modifications that I made for myself.
Green-cedar-19+52

Re: ClockTow Desklet Fork

Post by Green-cedar-19+52 »

samriggs,

Thank you. I appreciate your information.

Green Cedar
Locked

Return to “Programming & Development”