25 lines
619 B
TypeScript
25 lines
619 B
TypeScript
|
import { render_and_copy } from "./common.tsx";
|
||
|
|
|
||
|
|
const Star = () => (
|
||
|
|
<div
|
||
|
|
class="star same-place"
|
||
|
|
style={{
|
||
|
|
transform: `translate(calc(${(Math.random() * 50 - 25).toFixed(
|
||
|
|
2
|
||
|
|
)}rem * var(--tw-border-opacity, 0)), calc(${(
|
||
|
|
Math.random() * 50 -
|
||
|
|
25
|
||
|
|
).toFixed(2)}rem * var(--tw-border-opacity, 0)))`,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
*
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
const Stars = ({ n }: { n: number }) => (
|
||
|
|
<div id="stars" class="same-place">
|
||
|
|
{...Array.from({ length: n }, Star)}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
render_and_copy(<Stars n={150} />);
|