export const blog = { // overrideHour: 0, post: { width: 300, xPadding: 20, yLeeway: 50, yGap: 200, topYGap: 350, drift: [0.1, 1], timing: [10, 20], }, background: { parallax: { clouds: 50, sun: 10, moon: 20, star: [0, 5], }, clouds: { count: 8, width: [400, 800], height: [150, 300], yGap: [150, 250], bumpRadius: [20, 60], gradientStops: [35, 80], }, stars: { count: 40, size: [20, 50], prongs: [4, 8], rotateSpeed: [20, 40], }, sun: { prongs: [10, 20], }, }, balloons: { numBalloons: [1, 3], length: [50, 150], offset: [-25, 25], rotation: [-10, 10], timing: [30, 45], size: [ [50, 100], [100, 200], ], opacity: [0.6, 0.9], time: [2, 5], }, palette: { environment: { sky: { // blue day: "#1E90FF", // black night: "#39375B", }, // yellow sun: "#FFEC51", // whites moon: "#E5D4ED", clouds: "#E5D4ED", stars: "#ffffff", }, post: { light: { background: { main: "#f2f6fc", secondary: "#e7e8ea", code: "#ffffff", }, typography: { body: "#070e21", heading: "#070e21", subheading: "#040710", url: "#1f3e98", visited: "#931f82", code: "#137B81", }, }, dark: { background: { main: "#262428", secondary: "#161418", code: "#303446", }, typography: { body: "#ffebff", heading: "#ffe8ff", subheading: "#ffe0ff", url: "#a8a8ff", visited: "#ff80ff", code: "#81c8be", }, }, rainbow: [ "#F09094", "#F6B379", "#F6E8A2", "#97BB77", "#C2D7FF", "#D784C9", ], }, }, } as const; export const utils = { getRandom( variance: [number, number] | readonly [number, number], seed?: number, ) { return variance[0] + (seed ?? Math.random()) * (variance[1] - variance[0]); }, };