-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
33 additions
and
40 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,43 +1,36 @@ | ||
| This information is also stored in the /assets/img/clockface README.md | ||
|
|
||
| Clockfaces are generated with: | ||
| http://www.oliverboorman.biz/projects/tools/clocks.php | ||
| https://www.oliverboorman.biz/projects/tools/clocks.php | ||
|
|
||
| Steps: | ||
|
|
||
| - Go to clock face generator linked above | ||
| - Load [our settings](https://raw.githubusercontent.com/code4lib/2024.code4lib.org/main/clock.state) (listed below) | ||
| - Change the *Hour Hand* and *Minute Hand* location | ||
| - Download as a PNG into /assets/img/clockface/ with name format H.MM.png | ||
|
|
||
| Settings are as follows: | ||
| * Colour Format: Hex | ||
| * Canvas | ||
| * Scale (%): 100 | ||
| * Background Colour: transparent | ||
| * Clock Face | ||
| * Back: transparent | ||
| * Edge: transparent | ||
| * Tick: | ||
| * Colour: #4d4d4d | ||
| * Length: 4 | ||
| * Thickness: 5 | ||
| * Subtick: | ||
| * Colour: transparent | ||
| * Length: 0 | ||
| * Thickness: 0 | ||
| * Numerals | ||
| * Colour: transparent | ||
| * All other settings @ default | ||
| *** | ||
|
|
||
| Note: colors display as rgba on the app but you can paste hex code values in and they'll be converted. | ||
|
|
||
| Clock Settings: | ||
| * Background | ||
| * Canvas Scale (%): 100 | ||
| * Background Colour: transparent | ||
| * Clock Face Background: transparent | ||
| * Clock Face Edge: transparent | ||
| * Marks | ||
| * Hour Tick Color: #4d4d4d (keep slider at default, but it is 5 from the left) | ||
| * Minute Tick Color: transparent | ||
| * Hour Numerals and Minute Numerals | ||
| * Do not Display | ||
| * Hour Hand | ||
| * Position: (the hour you need) | ||
| * Pointer: None | ||
| * Colour: #4d4d4d | ||
| * Length: 9 | ||
| * Thickness 10 | ||
| * Minute Hand | ||
| * Position: (the minute you need) | ||
| * Pointer: None | ||
| * Colour: #4d4d4d | ||
| * Length: 18 | ||
| * Thickness 5 | ||
| * Second Hand | ||
| * Position: 0 | ||
| * Pointer: None | ||
| * Colour: transparent | ||
| * Length: 0 | ||
| * Thickness o | ||
|
|
||
|
|
||
| Note: For transparent, click on the color selection box (where you would enter the hex code) and drag the opacity slider all the way down. | ||
| * Colour: #4d4d4d | ||
| * Minutes Hand | ||
| * Colour: #4d4d4d | ||
| * Seconds | ||
| * Do not Display | ||
|
|
||
| Note: For transparent, click on the color selection box (where you would enter the hex code) and drag the opacity slider | ||
| all the way down. |