ClockTow Desklet Fork

Talk about your projects for the community
Forum rules
No support questions here please

ClockTow Desklet Fork

Postby samriggs on 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 1444 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
SolydK
User avatar
samriggs
Level 5
Level 5
 
Posts: 843
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada

Linux Mint is funded by ads and donations.
 

Re: ClockTow Desklet Fork

Postby samriggs on 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 1389 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
SolydK
User avatar
samriggs
Level 5
Level 5
 
Posts: 843
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada


Return to Ideas & Thoughts

Who is online

Users browsing this forum: No registered users and 2 guests