[Archived] Archived WIP of vielle.dev
vielle.dev
1export const blog = {
2 // overrideHour: 0,
3 post: {
4 width: 300,
5 xPadding: 20,
6 yLeeway: 50,
7 yGap: 200,
8 topYGap: 350,
9 drift: [0.1, 1],
10 timing: [10, 20],
11 },
12 background: {
13 parallax: {
14 clouds: 50,
15 sun: 10,
16 moon: 20,
17 star: [0, 5],
18 },
19
20 clouds: {
21 count: 8,
22 width: [400, 800],
23 height: [150, 300],
24 yGap: [150, 250],
25
26 bumpRadius: [20, 60],
27 gradientStops: [35, 80],
28 },
29
30 stars: {
31 count: 40,
32 size: [20, 50],
33 prongs: [4, 8],
34 rotateSpeed: [20, 40],
35 },
36
37 sun: {
38 prongs: [10, 20],
39 },
40 },
41 balloons: {
42 numBalloons: [1, 3],
43 length: [50, 150],
44 offset: [-25, 25],
45 rotation: [-10, 10],
46 timing: [30, 45],
47 size: [
48 [50, 100],
49 [100, 200],
50 ],
51 opacity: [0.6, 0.9],
52 time: [2, 5],
53 },
54 palette: {
55 environment: {
56 sky: {
57 // blue
58 day: "#1E90FF",
59 // black
60 night: "#39375B",
61 },
62 // yellow
63 sun: "#FFEC51",
64 // whites
65 moon: "#E5D4ED",
66 clouds: "#E5D4ED",
67 stars: "#ffffff",
68 },
69
70 post: {
71 light: {
72 background: {
73 main: "#f2f6fc",
74 secondary: "#e7e8ea",
75 code: "#ffffff",
76 },
77 typography: {
78 body: "#070e21",
79 heading: "#070e21",
80 subheading: "#040710",
81 url: "#1f3e98",
82 visited: "#931f82",
83 code: "#137B81",
84 },
85 },
86
87 dark: {
88 background: {
89 main: "#262428",
90 secondary: "#161418",
91 code: "#303446",
92 },
93 typography: {
94 body: "#ffebff",
95 heading: "#ffe8ff",
96 subheading: "#ffe0ff",
97 url: "#a8a8ff",
98 visited: "#ff80ff",
99 code: "#81c8be",
100 },
101 },
102
103 rainbow: [
104 "#F09094",
105 "#F6B379",
106 "#F6E8A2",
107 "#97BB77",
108 "#C2D7FF",
109 "#D784C9",
110 ],
111 },
112 },
113} as const;
114
115export const utils = {
116 getRandom(
117 variance: [number, number] | readonly [number, number],
118 seed?: number,
119 ) {
120 return variance[0] + (seed ?? Math.random()) * (variance[1] - variance[0]);
121 },
122};