My personal website, in gleam+lustre!
oat will likely be on my site someday, once I decide to not mark it up completely as an application, which I do with Daisy atm. Too much work to change for at least now.
Signed-off-by: MLC Bloeiman <mar@strawmelonjuice.com>
+1
-65
-1
gleam.toml
-1
gleam.toml
-1
justfile
-1
justfile
···
9
9
mkdir -p src/homepage/from_prebuild
10
10
cp --update=none priv/codegen-templates/data.gleam src/homepage/from_prebuild/data.gleam
11
11
gleam run -m homepage/prepare {{FLAGS}}
12
-
curl -L https://unpkg.com/@knadh/oat@0.4.1/oat.min.css -o src/homepage/from_prebuild/oat.css
13
12
tailwindcss -i ./site.css -o ./assets/styles.css -m
14
13
15
14
# Produce a production mode site bundle in dist.
+1
-63
site.css
+1
-63
site.css
···
1
1
@import "tailwindcss";
2
2
@source "./src/homepage.gleam";
3
3
@source "./src/**/*.gleam";
4
-
/* @import "./src/homepage/from_prebuild/oat.css"; */
5
4
@plugin "daisyui";
6
5
7
6
@plugin "daisyui/theme" {
···
40
39
--font-sans: "Lilex", monospace, system-ui, sans-serif;
41
40
}
42
41
43
-
/* Oat theme */
44
-
@layer theme {
45
-
:root {
46
-
color-scheme: light dark;
47
-
48
-
--background: oklch(96% 0.059 95.617);
49
-
--foreground: oklch(25% 0.09 281.288);
50
-
51
-
--card: oklch(93% 0.032 17.717);
52
-
--card-foreground: var(--foreground);
53
-
54
-
--primary: #FDEBEF;
55
-
--primary-foreground: oklch(44% 0.043 257.281);
56
-
57
-
--secondary: #ceddd9;
58
-
--secondary-foreground: oklch(29% 0.066 243.157);
59
-
60
-
--accent: #DEC4DE;
61
-
--accent-foreground: #1f3e33;
62
-
63
-
--muted: oklch(92% 0.12 95.746);
64
-
--muted-foreground: oklch(28% 0.141 291.089);
65
-
66
-
--faint: oklch(96% 0.059 95.617 / 0.5);
67
-
--faint-foreground: var(--muted-foreground);
68
-
69
-
--danger: oklch(63% 0.237 25.331);
70
-
--danger-foreground: oklch(0% 0 0);
71
-
72
-
--success: oklch(76% 0.177 163.223);
73
-
--success-foreground: oklch(37% 0.077 168.94);
74
-
75
-
--warning: oklch(70% 0.213 47.604);
76
-
--warning-foreground: oklch(0% 0 0);
77
-
78
-
--border: #adebb3;
79
-
--input: #adebb3;
80
-
--ring: #FDEBEF;
81
-
82
-
--radius-small: 0.125rem;
83
-
--radius-medium: 0.25rem;
84
-
--radius-large: 0.5rem;
85
-
--radius-full: 2rem;
86
-
87
-
88
-
--font-sans: "Lilex", monospace, system-ui, sans-serif;
89
-
--font-mono: "Lilex", monospace, ui-monospace, SFMono-Regular;
90
-
--font-post: "OpenDyslectic 3", "Lilex", sans-serif;
91
-
92
-
93
-
--space-1: 0.25rem;
94
-
--space-2: 0.5rem;
95
-
--space-3: 0.75rem;
96
-
--space-4: 1rem;
97
-
--space-6: 1.5rem;
98
-
--space-8: 2rem;
99
-
--text-regular: 1rem;
100
-
--leading-normal: 1.5;
101
-
--transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
102
-
}
103
-
}
104
42
105
43
@font-face {
106
44
font-family: "OpenDyslectic 3";
···
228
166
font-size: 0.95em;
229
167
margin-bottom: 1em;
230
168
}
231
-
}
169
+
}