Function getStyle

utils/render.ts:6–45

(
  section: "footer" | "header",
  fontSize: number = 70,
  descSize: number = 20,
  rotate: number = 0,
  fontFamily: string,
)

import { _, append, appendIf } from "../utils/_";

export const getStyle = (
  section: "footer" | "header",
  fontSize: number = 70,
  descSize: number = 20,
  rotate: number = 0,
  fontFamily: string,
) => {
  const resolvedFontFamily = fontFamily;
  return _(
    html``,
    append(
      css(".text", {
        fontSize: `${fontSize}px`,
        fontWeight: 700,
        fontFamily: resolvedFontFamily,
      }),
    ),
    append(
      css(".desc", {
        fontSize: `${descSize}px`,
        fontWeight: 500,
        fontFamily: resolvedFontFamily,
      }),
    ),
    appendIf(
      rotate !== 0,
      css(".text, .desc", {
        transformOrigin: "center center",
        transform: `rotate(${rotate}deg)`,
      }),
    ),
    appendIf(
      section === "footer",
      css("path", {
        transform: "rotate(180deg)",
        transformOrigin: "50% 50%",
      }),
    ),
  );
};

export const getAnimation = (animation: string) => {
  if (!animation) return html``;