My personal website, in gleam+lustre!
Matching her nails I COLORPICKED IT FROM THE PHOTO!
+105
-105
+105
-105
site.css
+105
-105
site.css
···
4
4
@plugin "daisyui";
5
5
6
6
@plugin "daisyui/theme" {
7
-
name: "strawmelonjuicedotcom";
8
-
default: true;
9
-
prefersdark: true;
10
-
color-scheme: "dark";
11
-
--color-base-100: oklch(96% 0.059 95.617);
12
-
--color-base-200: oklch(93% 0.032 17.717);
13
-
--color-base-300: oklch(92% 0.12 95.746);
14
-
--color-base-content: oklch(25% 0.09 281.288);
15
-
--color-primary: #edbcbc;
16
-
--color-primary-content: oklch(44% 0.043 257.281);
17
-
--color-secondary: #ceddd9;
18
-
--color-secondary-content: oklch(29% 0.066 243.157);
19
-
--color-accent: oklch(71% 0.203 305.504);
20
-
--color-accent-content: oklch(38% 0.063 188.416);
21
-
--color-neutral: #adebb3;
22
-
--color-neutral-content: oklch(28% 0.141 291.089);
23
-
--color-info: oklch(96% 0.059 95.617);
24
-
--color-info-content: oklch(42% 0.095 57.708);
25
-
--color-success: oklch(76% 0.177 163.223);
26
-
--color-success-content: oklch(37% 0.077 168.94);
27
-
--color-warning: oklch(70% 0.213 47.604);
28
-
--color-warning-content: oklch(0% 0 0);
29
-
--color-error: oklch(63% 0.237 25.331);
30
-
--color-error-content: oklch(0% 0 0);
31
-
--radius-selector: 0.5rem;
32
-
--radius-field: 2rem;
33
-
--radius-box: 0.25rem;
34
-
--size-selector: 0.25rem;
35
-
--size-field: 0.1875rem;
36
-
--border: 2px;
37
-
--depth: 1;
38
-
--noise: 1;
39
-
--font-roboto: "Lilex", monospace, system-ui, sans-serif;
7
+
name: "strawmelonjuicedotcom";
8
+
default: true;
9
+
prefersdark: true;
10
+
color-scheme: "dark";
11
+
--color-base-100: oklch(96% 0.059 95.617);
12
+
--color-base-200: oklch(93% 0.032 17.717);
13
+
--color-base-300: oklch(92% 0.12 95.746);
14
+
--color-base-content: oklch(25% 0.09 281.288);
15
+
--color-primary: #edbcbc;
16
+
--color-primary-content: oklch(44% 0.043 257.281);
17
+
--color-secondary: #ceddd9;
18
+
--color-secondary-content: oklch(29% 0.066 243.157);
19
+
--color-accent: oklch(71% 0.203 305.504);
20
+
--color-accent-content: #1f3e33;
21
+
--color-neutral: #adebb3;
22
+
--color-neutral-content: oklch(28% 0.141 291.089);
23
+
--color-info: oklch(96% 0.059 95.617);
24
+
--color-info-content: oklch(42% 0.095 57.708);
25
+
--color-success: oklch(76% 0.177 163.223);
26
+
--color-success-content: oklch(37% 0.077 168.94);
27
+
--color-warning: oklch(70% 0.213 47.604);
28
+
--color-warning-content: oklch(0% 0 0);
29
+
--color-error: oklch(63% 0.237 25.331);
30
+
--color-error-content: oklch(0% 0 0);
31
+
--radius-selector: 0.5rem;
32
+
--radius-field: 2rem;
33
+
--radius-box: 0.25rem;
34
+
--size-selector: 0.25rem;
35
+
--size-field: 0.1875rem;
36
+
--border: 2px;
37
+
--depth: 1;
38
+
--noise: 1;
39
+
--font-roboto: "Lilex", monospace, system-ui, sans-serif;
40
40
}
41
41
42
42
@layer base {
43
-
html {
44
-
font-family: "Lilex", monospace, system-ui, sans-serif;
45
-
font-optical-sizing: auto;
46
-
font-weight: 400;
47
-
font-style: normal;
48
-
margin: 0;
49
-
}
50
-
51
-
/* Make sure the 'go comment' button is visible even on small screens. */
52
-
.widget .form-controls {
53
-
flex-wrap: wrap;
54
-
}
43
+
html {
44
+
font-family: "Lilex", monospace, system-ui, sans-serif;
45
+
font-optical-sizing: auto;
46
+
font-weight: 400;
47
+
font-style: normal;
48
+
margin: 0;
49
+
}
55
50
56
-
/* As to not collide with chilp's footers, we had to be a bit more specific */
57
-
#app .footer {
58
-
position: fixed;
59
-
bottom: 0;
60
-
-webkit-animation: seconds 1s forwards;
61
-
-webkit-animation-iteration-count: 1;
62
-
-webkit-animation-delay: 5s;
63
-
animation: seconds 1s forwards;
64
-
animation-iteration-count: 1;
65
-
animation-delay: 5s;
66
-
}
51
+
/* Make sure the 'go comment' button is visible even on small screens. */
52
+
.widget .form-controls {
53
+
flex-wrap: wrap;
54
+
}
67
55
68
-
@-webkit-keyframes seconds {
69
-
0% {
70
-
opacity: 1;
71
-
}
56
+
/* As to not collide with chilp's footers, we had to be a bit more specific */
57
+
#app .footer {
58
+
position: fixed;
59
+
bottom: 0;
60
+
-webkit-animation: seconds 1s forwards;
61
+
-webkit-animation-iteration-count: 1;
62
+
-webkit-animation-delay: 5s;
63
+
animation: seconds 1s forwards;
64
+
animation-iteration-count: 1;
65
+
animation-delay: 5s;
66
+
}
72
67
73
-
100% {
74
-
opacity: 0;
75
-
left: -9999px;
76
-
}
68
+
@-webkit-keyframes seconds {
69
+
0% {
70
+
opacity: 1;
77
71
}
78
72
79
-
@keyframes seconds {
80
-
0% {
81
-
opacity: 1;
82
-
}
73
+
100% {
74
+
opacity: 0;
75
+
left: -9999px;
76
+
}
77
+
}
83
78
84
-
100% {
85
-
opacity: 0;
86
-
left: -9999px;
87
-
}
79
+
@keyframes seconds {
80
+
0% {
81
+
opacity: 1;
88
82
}
89
83
90
-
.link-list-container {
91
-
margin: auto;
84
+
100% {
85
+
opacity: 0;
86
+
left: -9999px;
92
87
}
88
+
}
93
89
94
-
.link-list-container .link-list-button {
95
-
display: block;
96
-
background: #ff6f91;
97
-
color: white;
98
-
text-decoration: none;
99
-
padding: 1em;
100
-
margin: 1em 0;
101
-
border-radius: 8px;
102
-
font-weight: bold;
103
-
transition: background 0.3s ease;
104
-
}
90
+
.link-list-container {
91
+
margin: auto;
92
+
}
93
+
94
+
.link-list-container .link-list-button {
95
+
display: block;
96
+
background: #ff6f91;
97
+
color: white;
98
+
text-decoration: none;
99
+
padding: 1em;
100
+
margin: 1em 0;
101
+
border-radius: 8px;
102
+
font-weight: bold;
103
+
transition: background 0.3s ease;
104
+
}
105
105
106
-
.link-list-container .link-list-button:hover {
107
-
background: #ff4f78;
108
-
}
106
+
.link-list-container .link-list-button:hover {
107
+
background: #ff4f78;
108
+
}
109
109
110
-
.link-list-container .note {
111
-
font-size: 0.9em;
112
-
margin-top: 1em;
113
-
}
110
+
.link-list-container .note {
111
+
font-size: 0.9em;
112
+
margin-top: 1em;
113
+
}
114
114
115
-
.link-list-container .submenu {
116
-
border-radius: 10px;
117
-
padding: 1em;
118
-
margin-top: 2em;
119
-
}
115
+
.link-list-container .submenu {
116
+
border-radius: 10px;
117
+
padding: 1em;
118
+
margin-top: 2em;
119
+
}
120
120
121
-
.link-list-container .submenu .submenu-h3 {
122
-
margin-top: 0;
123
-
font-size: 1.2em;
124
-
}
121
+
.link-list-container .submenu .submenu-h3 {
122
+
margin-top: 0;
123
+
font-size: 1.2em;
124
+
}
125
125
126
-
.link-list-container .submenu p {
127
-
font-size: 0.95em;
128
-
margin-bottom: 1em;
129
-
}
126
+
.link-list-container .submenu p {
127
+
font-size: 0.95em;
128
+
margin-bottom: 1em;
129
+
}
130
130
}