ClockTow Desklet Fork

Get involved, create or participate in a project.
User avatar
samriggs
Level 5
Level 5
Posts: 938
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

ClockTow Desklet Fork

Postby samriggs » Fri Sep 27, 2013 3:35 pm

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
clock.png (30.65 KiB) Viewed 2358 times


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
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Arch Cinnamon / Mint Cinnamon

User avatar
samriggs
Level 5
Level 5
Posts: 938
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: ClockTow Desklet Fork

Postby samriggs » Thu Oct 03, 2013 5:10 pm

I added some more changes and thought I would post them also.
This is how it looks now.
clock.png
clock.png (15.76 KiB) Viewed 2303 times


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
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Arch Cinnamon / Mint Cinnamon


Return to “Community Projects”

Who is online

Users browsing this forum: No registered users and 0 guests