For now? I'm experimenting on an old concept.
feat: extend font usage
+22
-22
+2
-2
client/app.css
+2
-2
client/app.css
···
27
27
28
28
@font-face {
29
29
/* The Elms sans is used for:
30
-
* (User-generated) Content on pages.
30
+
* (User-generated) Content on pages, form input fields.
31
31
*/
32
32
font-family: "Elms Sans";
33
33
src: url(/assets/fonts/Elms_Sans/ElmsSans-VariableFont_wght.ttf);
34
34
}
35
35
36
36
@theme {
37
-
--font-display: "Syne";
37
+
--font-sans: "Syne";
38
38
--font-logo: "Gantari";
39
39
--font-content: "Elms Sans";
40
40
--font-menuitems: "Josefin Sans";
+13
-13
client/src/lumina_client/view.gleam
+13
-13
client/src/lumina_client/view.gleam
···
65
65
element.text("Connection to server ended! "),
66
66
html.button(
67
67
[
68
-
attribute.class("btn btn-primary"),
68
+
attribute.class("btn btn-primary font-menuitems"),
69
69
event.on_click(WSTryReconnect),
70
70
],
71
71
[element.text("Reconnect")],
···
125
125
),
126
126
]),
127
127
html.button(
128
-
[attribute.class("btn btn-primary"), event.on_click(ToLoginPage)],
128
+
[attribute.class("btn btn-primary font-menuitems"), event.on_click(ToLoginPage)],
129
129
[element.text("Login")],
130
130
),
131
131
html.button(
132
132
[
133
-
attribute.class("btn btn-secondary"),
133
+
attribute.class("btn btn-secondary font-menuitems"),
134
134
event.on_click(ToRegisterPage),
135
135
],
136
136
[element.text("Register")],
···
190
190
]),
191
191
html.input([
192
192
attribute.placeholder("me@mymail.com"),
193
-
attribute.class("input input-primary bg-primary"),
193
+
attribute.class("input input-primary bg-primary font-content"),
194
194
attribute.type_("text"),
195
195
attribute.value(fieldvalues.emailfield),
196
196
event.on_input(UpdateEmailField),
···
205
205
attribute.value(fieldvalues.passwordfield),
206
206
event.on_input(UpdatePasswordField),
207
207
attribute.placeholder("Password"),
208
-
attribute.class("input input-primary bg-primary"),
208
+
attribute.class("input input-primary bg-primary font-content"),
209
209
attribute.type_("password"),
210
210
]),
211
211
html.div([], [
···
232
232
html.button(
233
233
case values_ok {
234
234
True -> [
235
-
attribute.class("btn btn-base-400 mt-4"),
235
+
attribute.class("btn btn-base-400 mt-4 font-menuitems"),
236
236
attribute.type_("submit"),
237
237
]
238
238
False -> [
239
239
attribute.class(
240
-
"btn btn-base-400 mt-4 btn-disabled",
240
+
"btn btn-base-400 mt-4 btn-disabled font-menuitems",
241
241
),
242
242
attribute.disabled(True),
243
243
]
···
299
299
]),
300
300
html.input([
301
301
attribute.placeholder("Email"),
302
-
attribute.class("input input-primary bg-primary"),
302
+
attribute.class("input input-primary bg-primary font-content"),
303
303
attribute.type_("email"),
304
304
attribute.value(fieldvalues.emailfield),
305
305
event.on_input(UpdateEmailField),
···
309
309
]),
310
310
html.input([
311
311
attribute.placeholder("Username"),
312
-
attribute.class("input input-primary bg-primary"),
312
+
attribute.class("input input-primary bg-primary font-content"),
313
313
attribute.type_("string"),
314
314
attribute.value(fieldvalues.usernamefield),
315
315
event.on_input(UpdateUsernameField),
···
321
321
attribute.value(fieldvalues.passwordfield),
322
322
event.on_input(UpdatePasswordField),
323
323
attribute.placeholder("Password"),
324
-
attribute.class("input input-primary bg-primary"),
324
+
attribute.class("input input-primary bg-primary font-content"),
325
325
attribute.type_("password"),
326
326
]),
327
327
html.label([attribute.class("fieldset-label")], [
···
331
331
attribute.value(fieldvalues.passwordconfirmfield),
332
332
event.on_input(UpdatePasswordConfirmField),
333
333
attribute.placeholder("Re-type password"),
334
-
attribute.class("input input-primary bg-primary"),
334
+
attribute.class("input input-primary bg-primary font-content"),
335
335
attribute.type_("password"),
336
336
]),
337
337
html.br([]),
···
452
452
== fieldvalues.passwordconfirmfield
453
453
{
454
454
True -> [
455
-
attribute.class("btn btn-base-400 mt-4"),
455
+
attribute.class("btn btn-base-400 mt-4 font-menuitems"),
456
456
attribute.type_("submit"),
457
457
]
458
458
False -> [
459
-
attribute.class("btn btn-sucess mt-4 btn-disabled"),
459
+
attribute.class("btn btn-sucess mt-4 btn-disabled font-menuitems"),
460
460
// attribute.title(values_ok.1),
461
461
attribute.disabled(True),
462
462
]
+1
-1
client/src/lumina_client/view/common_view_parts.gleam
+1
-1
client/src/lumina_client/view/common_view_parts.gleam
+6
-6
client/src/lumina_client/view/homepage.gleam
+6
-6
client/src/lumina_client/view/homepage.gleam
···
227
227
],
228
228
[timeline(model)],
229
229
),
230
-
html.div([attribute.class("drawer-side")], [
230
+
html.div([attribute.class("drawer-side font-menuitems")], [
231
231
html.label(
232
232
[
233
233
attribute.class("drawer-overlay"),
···
243
243
),
244
244
],
245
245
[
246
-
html.li([attribute.class("menu-title")], [
246
+
html.li([attribute.class("menu-title font-sans")], [
247
247
element.text("Timeline"),
248
248
]),
249
249
html.ul([], [
···
558
558
html.div(
559
559
[
560
560
attribute.class(
561
-
"flex flex-col gap-2 p-4 m-8 bg-base-300 text-base-300-content rounded-md w-full bg-opacity-25",
561
+
"flex flex-col gap-2 p-4 m-8 bg-base-300 text-base-300-content rounded-md w-full bg-opacity-25 font-content",
562
562
// Other candidates were:
563
563
// // "flex flex-col gap-2 p-4 m-8 bg-secondary text-secondary-content rounded-md w-full",
564
564
// // "flex flex-col gap-2 p-4 m-8 bg-info text-info-content rounded-md w-full bg-opacity-25",
···
589
589
html.div([attribute.class("flex justify-center p-4")], [
590
590
html.button(
591
591
[
592
-
attribute.class("btn btn-primary"),
592
+
attribute.class("btn btn-primary font-menuitems"),
593
593
event.on_click(message_type.LoadMorePosts(timeline_name)),
594
594
],
595
595
[element.text("Load More Posts")],
···
865
865
html.li([attribute.class("md:hidden")], [
866
866
html.a(
867
867
[
868
-
attribute.class("btn btn-info"),
868
+
attribute.class("btn btn-info font-menuitems"),
869
869
event.on_click(SetModal("selfsettings")),
870
870
],
871
871
[
···
874
874
),
875
875
]),
876
876
html.li([], [
877
-
html.a([attribute.class("btn btn-warn"), event.on_click(Logout)], [
877
+
html.a([attribute.class("btn btn-warn font-menuitems"), event.on_click(Logout)], [
878
878
element.text("Log out"),
879
879
]),
880
880
]),