Skip to content
Snippets Groups Projects
Commit a26d1711 authored by Cee Nell's avatar Cee Nell
Browse files

clean up tooltips

parent f0749e5f
No related branches found
No related tags found
1 merge request!85Update translation
......@@ -7,7 +7,21 @@ export default {
paragraph1: `Imagine, for example, that you live in a big house in the suburbs where clean water flows out of every faucet. There’s enough water for you and your family to grow a nice garden every year. The public water supplier treats the water and maintains the distribution system regularly, so you know the water is safe for you to drink.`,
paragraph2: `Now imagine you live in a small rural community on the outskirts of town. You have your own well, but in recent years, you and your neighbors have had to dig deeper and deeper to reach water. Dangerous metals, originating from historical sources such as old industrial landfills and corroded copper pipes soldered with lead, are leaching into the water belowground, but you have no way of treating your water before your family drinks it. A nearby pond shrinks each summer and acquires a ghastly green hue as it’s choked by harmful algae blooms.`,
paragraph3: `This scene may sound hard to believe, but inadequate access to clean water is the unfortunate reality for many Americans. More than 2.2 million Americans lack running water and basic plumbing in their home <a href='https://www.digdeep.org/draining' target='_blank'>(DigDeep, 2022)</a>, and roughly 3% of community water systems have severe issues with water quality <a href='https://www.nature.com/articles/s41467-021-23898-z' target='_blank'>(Mueller and Gasteyer, 2021)</a>. Limited access to clean water may be triggered by a single event, like the <a href='https://storymaps.arcgis.com/stories/7f105650f97e4b20839edb65de3b12ce' target='_blank'>derailing of the train carrying hazardous chemicals in East Palestine, Ohio,</a> or may be the long-term result of aging infrastructure, as was the case with the <a href='https://www.npr.org/sections/thetwo-way/2016/04/20/465545378/lead-laced-water-in-flint-a-step-by-step-look-at-the-makings-of-a-crisis' target='_blank'>dangerously high levels of lead in the drinking water of Flint, Michigan.</a>`,
paragraph4: `Marginalized populations are often disproportionately affected by water insecurity. Communities of color and individuals living below the poverty line are frequently the hardest hit by <span class="tooltip-group"><span class="tooltip-span">water-related hazards,</span><span id='water-hazards-tooltip' class="tooltiptext"> A natural phenomenon and a situation where there is threat to life, health, environment, property, and society. Examples of water-related hazards include floods, hydrologic droughts and storm surges.</span></span> lacking the means to safeguard themselves adequately. They may face barriers to relocation or struggle to take time off work, cope with lost wages, or afford medical expenses. In the case of the Flint, Michigan, water crisis, black and low-income communities, who at the time made up <a href='https://apnews.com/general-news-7b2bcfdcc8d74ece9e0cb167a2239745' target='_blank'>57% and 42%</a> of Flint's population, respectively, were some of the socio-economically disadvantaged communities most affected by lead exposure. Regardless of the cause, the risk of experiencing water insecurity is closely related to the level of <span class="tooltip-group"><span class="tooltip-span">social vulnerability</span><span id='social-vulnerability-tooltip' class="tooltiptext">Conditions in which societal factors shape exposure to hazards, susceptibility to suffer harm, and ability to cope and recover from losses.</span></span>.`,
paragraph4: `Marginalized populations are often disproportionately affected by {tooltip1}. Communities of color and individuals living below the poverty line are frequently the hardest hit by <span class="tooltip-group"><span class="tooltip-span">water-related hazards,</span><span id='water-hazards-tooltip' class="tooltiptext"> A natural phenomenon and a situation where there is threat to life, health, environment, property, and society. Examples of water-related hazards include floods, hydrologic droughts and storm surges.</span></span> lacking the means to safeguard themselves adequately. They may face barriers to relocation or struggle to take time off work, cope with lost wages, or afford medical expenses. In the case of the Flint, Michigan, water crisis, black and low-income communities, who at the time made up <a href='https://apnews.com/general-news-7b2bcfdcc8d74ece9e0cb167a2239745' target='_blank'>57% and 42%</a> of Flint's population, respectively, were some of the socio-economically disadvantaged communities most affected by lead exposure. Regardless of the cause, the risk of experiencing water insecurity is closely related to the level of <span class="tooltip-group"><span class="tooltip-span">social vulnerability</span><span id='social-vulnerability-tooltip' class="tooltiptext">Conditions in which societal factors shape exposure to hazards, susceptibility to suffer harm, and ability to cope and recover from losses.</span></span>.`,
tooltips: {
tooltip1:{
text: "water insecurity",
tooltipText: "La población no puede mantener el acceso a cantidades adecuadas de agua de una calidad aceptable para mantener la subsistencia, el desarrollo y la salud humana y de los ecosistemas."
},
tooltip2:{
text: "water-related hazards",
tooltipText: "Un fenómeno natural y una situación en la que existe un peligro para la vida, la salud, el medio ambiente, la propiedad y la sociedad. Algunos ejemplos de riesgos relacionados con el agua son las inundaciones, las sequías y las marejadas ciclónicas."
},
tooltip3:{
text: "social vulnerability",
tooltipText: "Conditions in which societal factors shape exposure to hazards, susceptibility to suffer harm, and ability to cope and recover from losses."
}
}
},
mapText: {
title: "Vulnerability indicators across the Western states ",
......@@ -60,7 +74,7 @@ export default {
dendroExplainer: `Click on the topics below to see the different vulnerability indicators studied in relation to water insecurity. Thicker diagram lines indicate more well-studied topics. The number of studies for each indicator are displayed in parentheses.`
},
authorSection: {
text: "This site was created by the <a href='https://labs.waterdata.usgs.gov/visualizations/' target='_blank'>USGS Vizlab</a>. <a href='https://www.usgs.gov/staff-profiles/elmera-azadpour' target='_blank'>Elmera Azadpour</a> led the project, with contributions from <a href='https://wim.usgs.gov/team/' http://localhost:5173/visualizations/vulnerability-indicators/>Aileen Clarke</a>, <a href='https://www.usgs.gov/staff-profiles/amanda-carr' target='_blank'>Mandie Carr</a>, <a href='https://www.usgs.gov/staff-profiles/oronde-drakes' target='_blank'>Oronde Drakes</a>, <a href='https://www.usgs.gov/staff-profiles/diana-l-restrepo-osorio' target='_blank'>Diana Restrepo-Osorio</a>, <a href='https://www.usgs.gov/staff-profiles/cee-nell' target='_blank'>Cee Nell</a>, Yajaira Ayala Alanis, and Paola Rivera Gonzalez."
text: "This site was created by the <a href='https://labs.waterdata.usgs.gov/visualizations/'>USGS Vizlab</a>. <a href='https://www.usgs.gov/staff-profiles/elmera-azadpour'>Elmera Azadpour</a> led the project, with contributions from <a href='https://wim.usgs.gov/team/'>Aileen Clarke</a>, <a href='https://www.usgs.gov/staff-profiles/amanda-carr'>Mandie Carr</a>, <a href='https://www.usgs.gov/staff-profiles/oronde-drakes'>Oronde Drakes</a>, <a href='https://www.usgs.gov/staff-profiles/diana-l-restrepo-osorio'>Diana Restrepo-Osorio</a>, <a href='https://www.usgs.gov/staff-profiles/cee-nell'>Cee Nell</a>, Yajaira Ayala Alanis, and Paola Rivera Gonzalez."
}
}
......
......@@ -54,6 +54,8 @@
import { useI18n } from 'vue-i18n';
const { t } = useI18n();
</script>
<style scoped>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment