diff --git a/src/assets/content/ChartGrid.js b/src/assets/content/ChartGrid.js index 2dbabd177328426891f733f8b255be4b64d5da8a..226db59c8b28412dad7da534ff4b37d840d18346 100644 --- a/src/assets/content/ChartGrid.js +++ b/src/assets/content/ChartGrid.js @@ -31,7 +31,7 @@ export default { project: 'Fire in Ice', vizKey: 'GlacierScan', vizRoute: 'glacier-scan', - img_src: 'src/assets/images/sampleChart.PNG', + img_src: 'https://labs.waterdata.usgs.gov/visualizations/thumbnails/GlacierScan_thumbnail.png', alt: '' }, { @@ -41,23 +41,23 @@ export default { vizRoute: 'viz-5', img_src: 'src/assets/images/sampleChart.PNG', alt: '' - }, + }, { - title: 'Viz 6', + title: 'Beaufort Sea Ice Coring', project: 'Beaufort Sea', - vizKey: 'Viz6', - vizRoute: 'viz-6', - img_src: 'src/assets/images/sampleChart.PNG', + vizKey: 'BeaufortSeaCore', + vizRoute: 'beaufort-sea-ice-coring', + img_src: 'https://labs.waterdata.usgs.gov/visualizations/thumbnails/BeaufortSeaCore_thumbnail.PNG', alt: '' }, { - title: 'Viz 7', + title: 'Beaufort Sea Species', project: 'Beaufort Sea', - vizKey: 'Viz7', - vizRoute: 'viz-7', - img_src: 'src/assets/images/sampleChart.PNG', + vizKey: 'BeaufortSeaSpecies', + vizRoute: 'beaufort-sea-species', + img_src: 'https://labs.waterdata.usgs.gov/visualizations/thumbnails/BeaufortSeaSpecies_thumbnail.PNG', alt: '' - }, + }, { title: 'Viz 8', project: 'Beaufort Sea', @@ -65,6 +65,6 @@ export default { vizRoute: 'viz-8', img_src: 'src/assets/images/sampleChart.PNG', alt: '' - }, + } ] }; \ No newline at end of file diff --git a/src/assets/text/text.js b/src/assets/text/text.js index 8222e8056758cffc42fb42c3c78de47cd5c09b99..931e1e43c877b960d57884b5e45f54d14a07083c 100644 --- a/src/assets/text/text.js +++ b/src/assets/text/text.js @@ -26,6 +26,12 @@ export default { }, ThreatBumpChart: { heading: "Inland fisheries are threatened" + }, + BeaufortSeaCore: { + heading: "How do USGS scientists collect ice cores?" + }, + BeaufortSeaSpecies: { + heading: "Species assemblages as proxies" } } } \ No newline at end of file diff --git a/src/components/Viz6Viz.vue b/src/components/BeaufortSeaCoreViz.vue similarity index 70% rename from src/components/Viz6Viz.vue rename to src/components/BeaufortSeaCoreViz.vue index d2dee0ed27565b901d4e056e1eefaf63735dc08c..58bb3c5ec1478aa325fa9fa9853cc539a758d2cb 100644 --- a/src/components/Viz6Viz.vue +++ b/src/components/BeaufortSeaCoreViz.vue @@ -7,13 +7,18 @@ <!-- HEADING --> <template #heading> <h2> - This is the Viz 6 viz! + {{ text.heading }} </h2> </template> <!-- FIGURES --> <template #aboveExplanation> </template> <template #figures> + <div class="single maxWidth"> + <figure v-for="index in 20" :key="index"> + <img :src="`https://labs.waterdata.usgs.gov/visualizations/images/BeaufortSea/BeaufortSeaCore_${index}.PNG`"> + </figure> + </div> </template> <!-- FIGURE CAPTION --> <template #figureCaption> diff --git a/src/components/Viz7Viz.vue b/src/components/BeaufortSeaSpeciesViz.vue similarity index 69% rename from src/components/Viz7Viz.vue rename to src/components/BeaufortSeaSpeciesViz.vue index 29eee47174c6a240ddcf96e46fd999f2e6c74a3f..049d72157a6e661f0dcd15631f6cfc997b6d367a 100644 --- a/src/components/Viz7Viz.vue +++ b/src/components/BeaufortSeaSpeciesViz.vue @@ -7,13 +7,18 @@ <!-- HEADING --> <template #heading> <h2> - This is the Viz 7 viz! + {{ text.heading }} </h2> </template> <!-- FIGURES --> <template #aboveExplanation> </template> <template #figures> + <div class="single maxWidth"> + <figure v-for="index in 6" :key="index"> + <img :src="`https://labs.waterdata.usgs.gov/visualizations/images/BeaufortSea/BeaufortSeaSpecies_${index}.PNG`"> + </figure> + </div> </template> <!-- FIGURE CAPTION --> <template #figureCaption>