deepcrayon
/
scrolltron
1
0
Fork 0
Code Releases Activity

form template

main
Jeff Moe 2022-12-25 11:12:20 -07:00
parent 7a545b3a72
commit 74d45e311e
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/routes/+page.svelte
View File

@ -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;