export const blog = {
  // overrideHour: 0,
  post: {
    width: 30,
    xPadding: 2,
    yLeeway: 5,
    yGap: 20,
    topYGap: 35,
    drift: [0.1, 1],
    timing: [10, 20],
  },
  background: {
    parallax: {
      clouds: 50,
      sun: 10,
      moon: 20,
      star: [0, 5],
    },

    clouds: {
      count: 8,
      width: [40, 80],
      height: [15, 30],
      yGap: [15, 25],

      bumpRadius: [20, 60],
      gradientStops: [35, 80],
    },

    stars: {
      count: 40,
      size: [2, 5],
      prongs: [4, 8],
      rotateSpeed: [20, 40],
    },

    sun: {
      prongs: [10, 20],
    },
  },
  balloons: {
    numBalloons: [1, 3],
    length: [5, 15],
    offset: [-2.5, 2.5],
    rotation: [-10, 10],
    timing: [30, 45],
    size: [
      [5, 10],
      [10, 20],
    ],
    opacity: [0.6, 0.9],
    time: [2, 5],
  },
  palette: {
    sky: {
      // blue
      day: "#1E90FF",
      // black
      night: "#39375B"
    },
    // yellow
    sun: "#FFEC51",
    // whites
    moon: "#E5D4ED",
    clouds: "#E5D4ED",
    stars: "#ffffff",
  }
} as const;

export const utils = {
  getRandom(
    variance: [number, number] | readonly [number, number],
    seed?: number,
  ) {
    return variance[0] + (seed ?? Math.random()) * (variance[1] - variance[0]);
  },
};