From 74d45e311e84b45e30c657253eb3d0862ce825eb Mon Sep 17 00:00:00 2001
From: Jeff Moe <moe@spacecruft.org>
Date: Sun, 25 Dec 2022 11:12:20 -0700
Subject: [PATCH] form template

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

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 84a5f18..268ecda 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,6 +11,7 @@ function colorCallback(rgba) {
     let horizontal = document.querySelector(".horizontal");
     horizontal.style.color = `rgb(${r},${g},${b})`;
 }
+export let chyrontext='chyron text here.  Mooooo.  1234567890. qwertyuyiop. asdfghjkl. zxcvbnm. chyron text here.  Mooooo.  1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.'
 
 </script>
 
@@ -23,28 +24,36 @@ function colorCallback(rgba) {
 		<HsvPicker on:colorChange={colorCallback} startColor={"#00FF00"}/>
 	</div>
     <p></p>
+	<div class="form">
+		<form method="POST">
+			<label>
+			  <p>Text</p>
+			  <input name="chyrontext" type="text">
+			</label>
+			<button>Update</button>
+		  </form>
+	</div>    
     <div class="horizontal">
          <!-- delay affects text starting point offset-->
         <Ticker pausing=false duration=60 delay=-5>
-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 
+<!-- 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  -->
+			{chyrontext}
         </Ticker>
-    </div>    
+    </div>
 </div>
 
 
 <style>
-
 	h3 {
 		padding:0;
 		margin:0;
 		font-family: sans-serif;
 	}
-
 	p {
 		margin:30px 5px;
 	}
     .horizontal{
-        padding:516px;
+        padding:376px;
 		font-family: Verdana, sans-serif;
 		font-weight: 600;
 		font-size: 2.75em;
@@ -62,7 +71,14 @@ foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo fo
 		font-size: 2.75em;
 		background: rgba(128, 128, 128, 0);
 	}
-	.picker{
+	.form{
+		color: rgb(156, 102, 30);
+		font-family: Verdana, sans-serif;
+		font-weight: 600;
+		font-size: 2.75em;
+		background: rgba(128, 128, 128, 0);
+	}
+		.picker{
 		color: rgb(61, 177, 206);
 		font-family: Verdana, sans-serif;
 		font-weight: 600;