From c03770a4f1fd7936e501021df7fc30119efc3393 Mon Sep 17 00:00:00 2001
From: Jeff Moe <moe@spacecruft.org>
Date: Sat, 24 Dec 2022 15:35:03 -0700
Subject: [PATCH] Update color of text realtime. Commit with codium.

---
 src/routes/+page.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2fb2e0e..7bd2e2f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,11 +2,14 @@
 import Ticker from 'svelte-ticker';
 import {HsvPicker} from 'svelte-color-picker';
 
-function colorCallback(rgba) {
+export function colorCallback(rgba) {
     let r = rgba.detail.r;
     let g = rgba.detail.g;
     let b = rgba.detail.b;
     let a = rgba.detail.a;
+
+    let horizontal = document.querySelector(".horizontal");
+    horizontal.style.color = `rgb(${r},${g},${b})`;
 }
 </script>
 
@@ -20,15 +23,13 @@ function colorCallback(rgba) {
 	</div>
     <p></p>
     <div class="horizontal">
-        <Ticker pausing=false duration=60>
-            foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo 
-            barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr 
+        <Ticker pausing=false duration=60 delay=-3>
+foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr  barrrr 
         </Ticker>
     </div>    
 </div>
 
 
-
 <style>
 
 	h3 {
@@ -42,7 +43,6 @@ function colorCallback(rgba) {
 	}
     .horizontal{
         padding:516px;
-        color: rgb(113, 131, 33);
 		font-family: Verdana, sans-serif;
 		font-weight: 600;
 		font-size: 2.75em;