diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9d14766..33c8a04 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -4,48 +4,48 @@ import {HsvPicker} from 'svelte-color-picker'; import { enhance } from '$app/forms'; -function chyron_font_color_Callback(chyron_font_color) { - let r = chyron_font_color.detail.r; - let g = chyron_font_color.detail.g; - let b = chyron_font_color.detail.b; - let a = chyron_font_color.detail.a; +function ticker_font_color_Callback(ticker_font_color) { + let r = ticker_font_color.detail.r; + let g = ticker_font_color.detail.g; + let b = ticker_font_color.detail.b; + let a = ticker_font_color.detail.a; let horizontal = document.querySelector(".horizontal"); horizontal.style.color = `rgba(${r},${g},${b},${a})`; } -function chyron_background_color_Callback(chyron_background_color) { - let rb = chyron_background_color.detail.r; - let gb = chyron_background_color.detail.g; - let bb = chyron_background_color.detail.b; - let ab = chyron_background_color.detail.a; +function ticker_background_color_Callback(ticker_background_color) { + let rb = ticker_background_color.detail.r; + let gb = ticker_background_color.detail.g; + let bb = ticker_background_color.detail.b; + let ab = ticker_background_color.detail.a; let hz_background = document.querySelector(".horizontal"); hz_background.style.background = `rgba(${rb},${gb},${bb},${ab})`; } /** @type {import('./$types').ActionData} */ export let form; -let chyron_text_01 = 'chyron text here. Mooooo.'; -let chyron_text_02 = '1234567890. qwertyuyiop. asdfghjkl. zxcvbnm. chyron text here. Mooooo. 555.'; -let chyron_text_03 = '1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.'; -let chyron_text_04 = ' 1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.'; +let ticker_text_01 = 'ticker text here. Mooooo.'; +let ticker_text_02 = '1234567890. qwertyuyiop. asdfghjkl. zxcvbnm. ticker text here. Mooooo. 555.'; +let ticker_text_03 = '1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.'; +let ticker_text_04 = ' 1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.'; -let chyron_font_size = 2.75; -let chyron_font_weight = 600; -let chyron_speed = 30; +let ticker_font_size = 2.75; +let ticker_font_weight = 600; +let ticker_speed = 30;
- + - {chyron_text_01} - {chyron_text_02} - {chyron_text_03} - {chyron_text_04} + {ticker_text_01} + {ticker_text_02} + {ticker_text_03} + {ticker_text_04}
@@ -56,22 +56,22 @@ let chyron_speed = 30;
- Font Color: + Font Color:

- Background Color: + Background Color:

- - - - + + + +

- Font Size: - Font Weight: - Speed: + Font Size: + Font Weight: + Speed: