123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
import { parseYaml, range, shuffle } from "./deps.ts";import { CssObject } from "./types.ts";
export function objectToCss(cssObject: CssObject) {  return Object.entries(cssObject).map(([selector, attributes]) =>    selector + "{" +    Object.entries(attributes).map(([k, v]) => `${k}:${v}`).join(";") +    "}"  ).join("");}
export function getRandomInt(max: number) {  return Math.floor(Math.random() * max);}
export function getDenoteCss(rainCount: number, noRound = false) {  const cssYml = `body:  display: flex  justify-content: center  margin: 0  text-align: center  scroll-behavior: smooth  font-family: "sans-serif,monospace"  background-color: "#111"  color: azurea:  color: inherith2:  margin: "-2rem auto 0"  padding-top: 4remfooter:  font-size: smallerimg:  display: block  margin: 0 auto.inline:  display: inline"#main":  width: 100%  max-width: 800px  padding: 1rem 0.5rem.main-image:  ${noRound ? "" : "border-radius: 50%"}  width: 260px  height: 260px  object-fit: cover.description:  margin-bottom: 2rem.list-group:  max-width: 500px  margin: 0 auto  margin-bottom: 2rem.list-item:  border-radius: 5px  border: thin solid azure  margin: 0.5rem auto  padding: 0.5rem 2rem.nav-box:  background-color: "#111"  position: sticky  top: 0  border-bottom: thin solid azure.nav:  display: flex  justify-content: space-around  margin: 0 auto  padding: 0.5rem  width: 100%  max-width: 300px.nav>a:  display: block.ex-link:  display: inline-block  margin: 0 .25rem.rain:  user-select: none  pointer-events: none  z-index: 1  position: fixed  width: 120%  height: 100%  display: flex  justify-content: space-around  transform: rotate(10deg).drop:  width: 1px  height: 10vh  background: white  animation-name: fall_down  animation-iteration-count: infinite  margin-top: "-20vh"  animation-timing-function: linear` + shuffle([...range(rainCount)]).map((num, idx) => `.drop:nth-child(${idx}):  animation-delay: ${num * 50}ms  animation-duration: ${getRandomInt(300) + 350}ms  opacity: 0.${getRandomInt(3) + 2}`).join("");
  return objectToCss(parseYaml(cssYml) as CssObject) +    `@keyframes fall_down{to{margin-top:120vh}}`;}