Page 1 of 1

ClockTow Desklet Fork

Posted: Fri Sep 27, 2013 3:35 pm
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

Re: ClockTow Desklet Fork

Posted: Thu Oct 03, 2013 5:10 pm
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

Re: ClockTow Desklet Fork

Posted: Mon Nov 13, 2017 4:01 am
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

Re: ClockTow Desklet Fork

Posted: Mon Nov 13, 2017 6:13 am
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.

Re: ClockTow Desklet Fork

Posted: Mon Nov 13, 2017 6:28 am
by Green-cedar-19+52
samriggs,

Thank you. I appreciate your information.

Green Cedar