From 6967f0429dab13d8161e9b2f950c465c30f44ac4 Mon Sep 17 00:00:00 2001
From: phette23 <phette23@gmail.com>
Date: Tue, 30 Jan 2024 10:21:34 -0800
Subject: [PATCH] update clockface readme

---
 assets/img/clockface/README.md | 73 +++++++++++++++-------------------
 1 file changed, 33 insertions(+), 40 deletions(-)

diff --git a/assets/img/clockface/README.md b/assets/img/clockface/README.md
index 641074e..924f2e0 100644
--- a/assets/img/clockface/README.md
+++ b/assets/img/clockface/README.md
@@ -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.
\ No newline at end of file
+* 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.