Allows you to use Mastodon and Bluesky comments on your Lustre blog
hexdocs.pm/chilp/
blog
gleam
lustre
indieweb
mastodon
bluesky
comments
Silly me -- fix docs
Signed-off-by: MLC Bloeiman <mar@strawmelonjuice.com>
+4
-5
+2
README.md
+2
README.md
···
10
10
11
11
You can use chilp as any Lustre component, the main module has an easy builder which allows you to input typed `Anchors` (links to posts from which we fetch comments) instead of using attributes. If you prefer, you could also use `widget.element()` or create a Chilp widget yourself using element.element. As long as `widget.register()` is ran Chilp should be able to pick it up.
12
12
13
+
Also see [Styling Chilp](https://hexdocs.pm/chilp/styling.html)!
14
+
13
15
### Examples
14
16
15
17
- [lustre_chilp_app](https://tangled.org/strawmelonjuice.com/chilp/tree/main/examples/lustre_chilp_app)
+1
-4
docs/styling.md
+1
-4
docs/styling.md
···
10
10
@plugin "daisyui";
11
11
@source "./build/packages/chilp/src/chilp/widget.gleam";
12
12
```
13
-
```
14
-
```
15
13
16
14
Try something like the above. You could of course also point to the `build/dev/javascript`, especially if you work with a path dependency (in which case the `widget.gleam` file won't be in `./build/`).
17
15
···
71
69
content: "itchsky";
72
70
}
73
71
}
74
-
75
72
```
76
73
77
74
But with this, Oat can fully style Chilp widgets as well!
78
75
79
-
## Vanilla CSS
76
+
## Styling with vanilla CSS
80
77
81
78
If you'd like to not use DaisyUI or OatUI, styling the widget yourself is very viable, all elements are queryable using css classes.
82
79
+1
-1
gleam.toml
+1
-1
gleam.toml
···
6
6
repository = { type = "tangled", user = "did:plc:jgtfsmv25thfs4zmydtbccnn", repo = "chilp" }
7
7
documentation.pages = [
8
8
{ title = "Changelog", path = "changelog.html", source = "./docs/changelog.md" },
9
-
{ title = "Changelog", path = "styling.html", source = "./docs/styling.md" },
9
+
{ title = "Styling Chilp", path = "styling.html", source = "./docs/styling.md" },
10
10
]
11
11
12
12