``javascript
window.ProfilePictureGenerator({
container: document.querySelector('.pbg-container'),
initialLanguage: 'en',
languages: {
en: {
name: 'English',
templateUrl: "https://fridaysforfuture.de/src/bayern/dist/src/templates/bayern_2020-03-13/template.png",
imagePreview: "https://fridaysforfuture.de/src/bayern/dist/src/templates/bayern_2020-03-13/preview.png"
}
}
});
`

$3

Required:
- container: The HTML-Element that should be replaced by the generator.
- initialLanguage: Initial language selection if non of the languages provided by the User Agent is found. (The key of the language in the languages object)
- languages: An object that maps BCP-47 language codes to an object of language settings (see below). It is also possible to use other values as keys but then these will never be automatically selected.

Optional:
- tracking: Whether a tracking script is included. Default: false
- piwikHost: Piwik host for the tracking.
- piwikPageId: Piwik pageid for the tracking.
- zoom: Whether the zoom option is shown. Default: true

#### Language Settings

Required:
- name: Name of the langauge for the language selector.
- templateUrl: Url of the template image.
- imagePreview: Url of the preview image.

Optional:
- imageWidth: width of the generated image in pixel. Default: 1200
- imageHeight: height of the generated image in pixel. Default: 1200
- borderWidth: width of the border in the template image. Default: 176
- fileName: Name of the generated image file.
- uploadButtonTitle: Text for the upload button.
- downloadButtonTitle: Text of the download button.
- imageAltText: Text alternative for the image.
- languageSelectorLabel: Aria text for the language selector.
- privacyNote: Text of the privacy note.
- privacyLinkText: Text of the link to the privacy policy.
- privacyLink: Url of to the privacy policy.
- zoomLabel: Alt text for the zoom button.
- templateRenderFunction: Function to completly change how the profile picture is generated. See the function squareImageAvatar in src/generator/client/avatar.ts for an example.

$3

`bash
npm run build:dev
`

or automatically with every change

`bash
npm run watch:assets
`

$3

#### Generate the SRI hash for the example
`bash
openssl dgst -sha384 -binary dist/profile-picture-generator.js | openssl base64 -A
`

$3

#### Patch
`bash
npm run version:patch
`

#### Minor
`bash
npm run version:minor
`

#### Major
`bash
npm run version:major
`

Tracking

The profile picture generator can track it's views, when an image is generated and downloaded to an analytics server. The uploaded images or information about these is never send to any server. This can be enabled in the settings by setting tracking to true and configuring the piwikHost and piwikPageId` settings. The tracking also respects the doNotTrack information send by the browser.

License

License