A widget to take part on supporting victims of domestic abuse.
The widget can be applied on any website. The outcome will be a little hand on the screen, which can be used by victims to retrieve information & help. The interaction with the widget is not trackable by abusers.
A more discreet implementation is also possible. See chapter: Open widget from anywhere
Try out and configure your snippet here (in-progress still):
https://vida.turbinekreuzberg.com
Depending on your region, the institutions that provide help might defer. Also, the emergency numbers are different in each country. Please choose a snippet based on the ngo and country that fits your websites target-group. If your country and institution does not exist in the following examples, feel free to contact us, so we see if we can provide a configuration.
Also feel free to suggest us new configurations.
<script type="module" crossorigin src="https://vida.turbinekreuzberg.com/index.js" id="vida-script"></script>
<link rel="stylesheet" href="https://vida.turbinekreuzberg.com/index.css">
<script type="text/javascript">
window.addEventListener('vida-loaded', function (e) {
window.vida = e.detail;
window.vida.configuration = window.vida.Configuration.create()
window.vida.configuration
// general setting
.setLanguage('en')
.setHandColor('#1fd6b8')
.setEmergencyNumber('110')
.setHandVisible(true)
.setHandPosition('bottom-right')
// institution setting
.getInstitution()
.setName('Hilfetelefon')
.setPhone('08000116016')
.setInformation('<p>Das Hilfetelefon \"Gewalt gegen Frauen\" ist ein bundesweites Beratungsangebot für Frauen, die Gewalt erlebt haben oder noch erleben. Unter der Nummer 08000 116 016 und via Online-Beratung unterstützen wir Betroffene aller Nationalitäten, mit und ohne Behinderung – 365 Tage im Jahr, rund um die Uhr. Auch Angehörige, Freundinnen und Freunde sowie Fachkräfte beraten wir anonym und kostenfrei.</p>')
.setChat('https://login.beranet.de/chatlight/index.php?firma_id=850&type=infochat');
window.vida.init(window.vida.configuration);
})
</script>
<script type="module" crossorigin src="https://vida.turbinekreuzberg.com/index.js" id="vida-script"></script>
<link rel="stylesheet" href="https://vida.turbinekreuzberg.com/index.css">
<script type="text/javascript">
window.addEventListener('vida-loaded', function (e) {
window.vida = e.detail;
window.vida.configuration = window.vida.Configuration.create()
window.vida.configuration
// general setting
.setLanguage('en')
.setHandColor('#1fd6b8')
.setEmergencyNumber('110')
.setHandVisible(true)
.setHandPosition('bottom-right')
// institution setting
.getInstitution()
.setName('Hilfetelefon')
.setPhone('08000116016')
.setInformation('<p>Das Hilfetelefon \"Gewalt gegen Frauen\" ist ein bundesweites Beratungsangebot für Frauen, die Gewalt erlebt haben oder noch erleben. Unter der Nummer 08000 116 016 und via Online-Beratung unterstützen wir Betroffene aller Nationalitäten, mit und ohne Behinderung – 365 Tage im Jahr, rund um die Uhr. Auch Angehörige, Freundinnen und Freunde sowie Fachkräfte beraten wir anonym und kostenfrei.</p>')
.setChat('https://login.beranet.de/chatlight/index.php?firma_id=850&type=infochat');
window.vida.init(window.vida.configuration);
})
</script>
...
... more snippets will follow. If you have suggestions for country/institution combinations, let us know!
The widget can also be placed in a more discreet way as a link, without the hand-badge. Just set showHand
to false and
add the link like following:
<a href="#" onclick="window.vida.open(); return false;">Open widget</a>