blog-static/layouts/shortcodes/bergamot_widget.html

<div id="{{ .Get "id" }}"></div>
<script>
    var app = Elm.Main.init({
        node: document.getElementById('{{ .Get "id" }}'),
        flags: { rules: '{{- strings.Trim .Inner " \n" -}}', query: '{{ .Get "query" }}' }
    });
</script>
Add some partials to load and create a Bergamot widget. I've set up some infrastructure to build and host a bergamot JS file using Nix on static.danilafe.com. Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com> 2023-11-29 22:29:14 -08:00			`<div id="{{ .Get "id" }}"></div>`
			`<script>`
			`var app = Elm.Main.init({`
			`node: document.getElementById('{{ .Get "id" }}'),`
			`flags: { rules: '{{- strings.Trim .Inner " \n" -}}', query: '{{ .Get "query" }}' }`
			`});`
			`</script>`