this repo has no description
Add overrideHour config option and find a good colour palette
+21
-13
+10
-7
src/components/blog/Background.astro
+10
-7
src/components/blog/Background.astro
···
5
5
import Sun from "./background/Sun.astro";
6
6
import { blog } from "@/config";
7
7
8
-
const date = new Date(
9
-
Astro.cookies.get("timezone")?.value ??
10
-
Astro.request.headers.get("Date") ??
11
-
Astro.request.headers.get("date") ?? // idk if it cares about capitals so Both
12
-
Date.now(),
13
-
);
8
+
const date =
9
+
"overrideHour" in blog && typeof blog.overrideHour === "number"
10
+
? new Date(0, 0, 0, blog.overrideHour)
11
+
: new Date(
12
+
Astro.cookies.get("timezone")?.value ??
13
+
Astro.request.headers.get("Date") ??
14
+
Astro.request.headers.get("date") ?? // idk if it cares about capitals so Both
15
+
Date.now()
16
+
);
14
17
15
18
const accurateHours =
16
19
date.getHours() + date.getMinutes() / 60 + date.getSeconds() / 60 ** 2;
···
44
47
position: fixed;
45
48
top: 0;
46
49
left: 0;
47
-
50
+
48
51
z-index: -1;
49
52
overflow: clip;
50
53
+11
-6
src/config.ts
+11
-6
src/config.ts
···
1
1
export const blog = {
2
+
// overrideHour: 0,
2
3
post: {
3
4
width: 30,
4
5
xPadding: 2,
···
52
53
},
53
54
palette: {
54
55
sky: {
55
-
day: "#3581B8",
56
-
night: "#231123"
56
+
// blue
57
+
day: "#1E90FF",
58
+
// black
59
+
night: "#39375B"
57
60
},
58
-
sun: "#F6BD60",
59
-
moon: "#D7BCC8",
60
-
clouds: "#D1CCDC",
61
-
stars: "#F7EDE2",
61
+
// yellow
62
+
sun: "#FFEC51",
63
+
// whites
64
+
moon: "#E5D4ED",
65
+
clouds: "#E5D4ED",
66
+
stars: "#ffffff",
62
67
}
63
68
} as const;
64
69