diff --git a/sick.html b/sick.html index 41c3096b9a4b2822eedcbfadf64ca2c48e9b453a..b49e5f35f52971cf662e5a88a03c4b685d553634 100644 --- a/sick.html +++ b/sick.html @@ -11,50 +11,50 @@ margin: 2em; min-width: 1000px; } - + h1 { color: rebeccapurple; margin: 2em 0; } - + .labels { margin: 2em 0; } - + label { display: block; padding: 1em 0; } - + label span { display: inline-block; width: 4em; } - + label, input, select { font-size: 1rem; } - + input, select { vertical-align: middle; width: calc(1000px - 6em); margin-left: 2em; } - + canvas { border: solid gray 1px; } - + .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } - + .lds-ellipsis div { position: absolute; top: 27px; @@ -64,27 +64,27 @@ background: #AAA; animation-timing-function: cubic-bezier(0, 1, 1, 0); } - + .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } - + .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } - + .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } - + .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } - + @keyframes lds-ellipsis1 { 0% { transform: scale(0); @@ -93,7 +93,7 @@ transform: scale(1); } } - + @keyframes lds-ellipsis3 { 0% { transform: scale(1); @@ -102,7 +102,7 @@ transform: scale(0); } } - + @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); @@ -206,7 +206,7 @@ const dangerZone = document.querySelector('.dangerZone'); const adjacencyRadius = document.querySelector('.adjacencyRadius'); const pointThresholdSlider = document.querySelector('.pointThreshold'); - + var stopOnCollision = false; var play = true; // const scl = .5; @@ -293,7 +293,7 @@ ctx.beginPath(); ctx.strokeStyle = '#000'; ctx.arc(width / 2, height / 2, 15*scl.value, 0, 2 * Math.PI); - ctx.fillStyle = stripedPatternCircle; + ctx.fillStyle = stripedPatternCircle; ctx.fill(); ctx.stroke(); ctx.closePath(); @@ -474,4 +474,4 @@ </body> -</html> \ No newline at end of file +</html>