Bouboucle mirabilia

A bouboucle app instance for use on the site of the mirabilia project.

Foreground image definition

A foreground can be added to the canvas by specifying a url in a query parameter named fg-url. If no key is present, a blank classic bouboucle canvas will be displayed.

https://somehost?fg-url=an_url_pointing_to_an_image

Installation instructions

npm i

Run instructions

npm run dev

Build instructions

npm run build

Build artifacts are produced in folder named dist.

list of images

https://bouboucle-dev.demainlalune.ch/?fg-url=Coloriage_Assiette-polaire.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Coloriage_Momotaro_0.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Coloriage_Perche-commune.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Coloriage_Tableau-scolaire.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Dionee_Attrape_Mouche.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Enfance_Traits_Gris.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Frankie_recadree.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Geneva_and_Mont_Blanc.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Henriette_d_Angeville.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Le_Mont-Blanc___une_prouesse_photographique_.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Place_de_Geneve_Traits_Gris.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Portrait_d_Enfants_Traits_Gris.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Rythmique_Enfantine_Trait_Gris.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Sphinx_Tete_de_Mort.png
https://bouboucle-dev.demainlalune.ch/?fg-url=St-Pierre_Echafaudage_de_la_fleche_Correction.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Tableau_Scolaire_Traits_Gris.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Vampire_Geant_Correction.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Vue_de_Geneve_et_du_Mont-Blanc.png
https://bouboucle-dev.demainlalune.ch/?fg-url=Glacial_Mountain_recadree.png

build options

$ vite build --base=/my/public/path/

More info