diff --git a/.env b/.env index 523309f..e0fb9de 100644 --- a/.env +++ b/.env @@ -1,5 +1,5 @@ VITE_APP_TITLE='vizlab' -VITE_APP_LONG_TITLE='USGS vizlab' +VITE_APP_LONG_TITLE='USGS Vizlab' VITE_APP_DESCRIPTION='A collection of data visualizations and graphics about water' VITE_APP_GITHUB_REPOSITORY_LINK='https://github.com/DOI-USGS/vizlab-home' VITE_APP_S3_PROD_URL='https://dfi09q69oy2jm.cloudfront.net/visualizations/' diff --git a/README.md b/README.md index 7eb5833..cde2746 100644 --- a/README.md +++ b/README.md @@ -23,59 +23,65 @@ Nell, C., Archer, A., Azadpour, E., Carr, A., Kwang, J., Martinez, A., Corson-Do ## Adding new items -Each section on the portfolio is populated by a similarly named file in `src/assets/content`. All of the content JSON files share a common structure so cards render consistently. The general structure looks like: +Each section on the portfolio is populated by a file in `src/assets/content`. The card-based content files all use an `items` array, but the exact fields differ a little by section. -``` +The common card structure looks like: + +```jsonc { "items": [ { - "id": "streamflow-drought-forecasts", // unique id - "title": "Streamflow drought assessment and forecasting tool", // label that appears on card + "id": "streamflow-drought-forecasts", + "title": "River DroughtCast", "released": "12/16/2025", "image": { - "thumbnail": "streamflow-drought-forecasts_thumbnail.webp", // filename in the `thumbnail` directory in the water-visualizations-prod-website s3 bucket - "alt": "A map of Florida showing the streamflow drought status at streamgage locations…" // alt for the thumbnail + "thumbnail": "streamflow-drought-forecasts_thumbnail.png", + "alt": "A map of Florida showing the streamflow drought status at streamgage locations..." }, "links": { - "external": "https://water.usgs.gov/vizlab/streamflow-drought-forecasts", // opens in new window when card is clicked - "asset": "" // image filename in s3 for standalone files + "external": "https://water.usgs.gov/vizlab/streamflow-drought-forecasts", + "code": "https://github.com/DOI-USGS/streamflow-drought-forecasts" }, - "archive": "true" // hide from portfolio + "archive": true } ] } ``` **File-specific notes** -Not all of the sections require exactly the same data to populate the cards. Refer to the json files to see what is used for the different type. All thumbnails (except blogs) should be stored in the s3 prod under `thumbnails`. - -- `viz-list.json` – interactive websites. These use the same card style as blogs with a link to the code on github. -- `blogs.json` – `released` date is shown on card. These use the same card style as viz-list with the date shown on the card. Use the link for the thumbnail used on the blog. -- `sketches.json` – use `links.asset` to open direct files stored in s3 under wma-prod > water-visualizations-prod-website > illustrations. optional `tags` that can be filtered on. right now, only includes "water use", "water cycle", and "flood" from the `illustrations` directory in the wma-prod > water-visualizations-prod-website s3 bucket. These use the same card style as snapshots. -- `snapshots.json` – use `links.asset` to open direct files from the `charts` directory in the wma-prod > water-visualizations-prod-website s3 bucket. optional `tags` that can be filtered on. right now, only includes "maps". These use the same card style as sketches. -- `series-list.json` – contains a `collections` array, where each collection represents a series card. The most recent item within is displayed on the card. Other items are linked in collapsable menu. Can archive entire series or items within. `intervals` adds badges to the series card. See the example below for series: +Not all sections use the same fields. Refer to the existing JSON files before adding a new entry. Thumbnails for stories, sketches, snapshots, and most series items should match the filenames/paths already used in `src/assets/content`. + +- `stories.json` + Interactive stories and web experiences. These cards use `links.external` for the main destination and may include `links.code` for the GitHub icon button. +- `blogs.json` + Blog cards use the same top-level shape as stories, but typically only include `links.external`. `image.thumbnail` is usually a full URL to the blog thumbnail image, and `released` is shown on the card. +- `sketches.json` + Illustration and infographic cards. Use `links.asset` for the hosted illustration filename and `links.external` when there is a public landing page. `tags` is optional but should be an array when present. +- `snapshots.json` + Chart and map cards. These use the same general shape as `sketches.json`: `links.asset`, `links.external`, and optional `tags`. +- `series.json` + Series cards use an outer `items` array. Each series object contains its own nested `items` array for releases. The newest release is shown on the card and older releases appear under “Past versions”. `intervals` adds the badge labels on the card. Example: ```jsonc { - "collections": [ + "items": [ { "id": "flowTiles", - // appears on the series card "title": "Flow tiles", "description": "Monthly tile maps summarizing streamflow conditions by state.", - "intervals": ["Monthly"],// generated each month - - // all past versions + "intervals": ["Monthly"], "items": [ { "id": "flow_cartogram-aug-2025", "title": "August 2025", "released": "2025-08-01", - "archive": , // add true to filter out - "image": { "thumbnail": "2025_08/flow_cartogram-aug-2025.png", "alt": "..." }, + "archive": true, + "image": { + "thumbnail": "2025_08/flow_cartogram-aug-2025.png", + "alt": "..." }, "links": { "external": "2025_08/flow_cartogram-aug-2025.png", - "x": "https://x.com/USGS_Water/status/1965102031225700461" + "x": "1965102031225700461" } } ] @@ -84,9 +90,11 @@ Not all of the sections require exactly the same data to populate the cards. Ref } ``` - Flow Tiles and River Conditions use relative paths (e.g., `2025_08/...`) that the app resolves against their S3 folders. Hurricanes and groundwater typically use absolute URLs. - -- `charts.json` – contains past charts that are not currently featured anywhere in the portfolio + Some series use relative asset paths such as `2025_08/...`, which the app resolves against the configured series bucket. +- `sections.json` + Controls the section titles, summaries, ids, and special link/contact text for the homepage sections. +- `team.json` + Controls the team section summary, aria text, and member list. It does not use the card `items` structure. Whenever you add a new entry, make sure the referenced thumbnail (and any assets) exist in S3 and that `links.external` points to the public destination you want users to reach. diff --git a/create_thumbnails.sh b/create_thumbnails.sh index 23f19c8..a5b8111 100755 --- a/create_thumbnails.sh +++ b/create_thumbnails.sh @@ -38,9 +38,9 @@ for file in "$src_dir"/*.{jpg,jpeg,png,JPG,JPEG,PNG}; do out="$dest_dir/${name}_thumbnail.${ext}" if command -v magick >/dev/null; then - magick "$file" -resize 600x600\> -quality 80 "$out" + magick "$file" -resize 400x400\> -quality 80 "$out" else - convert "$file" -resize 600x600\> -quality 80 "$out" + convert "$file" -resize 400x400\> -quality 80 "$out" fi echo "Created $out" done diff --git a/package-lock.json b/package-lock.json index e939d85..f268dc9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -725,7 +725,6 @@ "integrity": "sha512-fNxRUk1KhjSbnbuBxlWSnBLKLBNun52ZBTcs22H/xEEzM6Ap81ZFTQ4bZBxVQGQgVY0xugKGoRcCbaKjLQ3XZA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" }, @@ -1165,9 +1164,9 @@ "license": "MIT" }, "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.54.0.tgz", - "integrity": "sha512-OywsdRHrFvCdvsewAInDKCNyR3laPA2mc9bRYJ6LBp5IyvF3fvXbbNR0bSzHlZVFtn6E0xw2oZlyjg4rKCVcng==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz", + "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==", "cpu": [ "arm" ], @@ -1179,9 +1178,9 @@ ] }, "node_modules/@rollup/rollup-android-arm64": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.54.0.tgz", - "integrity": "sha512-Skx39Uv+u7H224Af+bDgNinitlmHyQX1K/atIA32JP3JQw6hVODX5tkbi2zof/E69M1qH2UoN3Xdxgs90mmNYw==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz", + "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==", "cpu": [ "arm64" ], @@ -1193,22 +1192,23 @@ ] }, "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.54.0.tgz", - "integrity": "sha512-k43D4qta/+6Fq+nCDhhv9yP2HdeKeP56QrUUTW7E6PhZP1US6NDqpJj4MY0jBHlJivVJD5P8NxrjuobZBJTCRw==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz", + "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==", "cpu": [ "arm64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "darwin" ] }, "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.54.0.tgz", - "integrity": "sha512-cOo7biqwkpawslEfox5Vs8/qj83M/aZCSSNIWpVzfU2CYHa2G3P1UN5WF01RdTHSgCkri7XOlTdtk17BezlV3A==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz", + "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==", "cpu": [ "x64" ], @@ -1220,9 +1220,9 @@ ] }, "node_modules/@rollup/rollup-freebsd-arm64": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.54.0.tgz", - "integrity": "sha512-miSvuFkmvFbgJ1BevMa4CPCFt5MPGw094knM64W9I0giUIMMmRYcGW/JWZDriaw/k1kOBtsWh1z6nIFV1vPNtA==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz", + "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==", "cpu": [ "arm64" ], @@ -1234,9 +1234,9 @@ ] }, "node_modules/@rollup/rollup-freebsd-x64": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.54.0.tgz", - "integrity": "sha512-KGXIs55+b/ZfZsq9aR026tmr/+7tq6VG6MsnrvF4H8VhwflTIuYh+LFUlIsRdQSgrgmtM3fVATzEAj4hBQlaqQ==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz", + "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==", "cpu": [ "x64" ], @@ -1248,9 +1248,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.54.0.tgz", - "integrity": "sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz", + "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==", "cpu": [ "arm" ], @@ -1262,9 +1262,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.54.0.tgz", - "integrity": "sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz", + "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==", "cpu": [ "arm" ], @@ -1276,9 +1276,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.54.0.tgz", - "integrity": "sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz", + "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==", "cpu": [ "arm64" ], @@ -1290,9 +1290,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.54.0.tgz", - "integrity": "sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz", + "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==", "cpu": [ "arm64" ], @@ -1304,9 +1304,23 @@ ] }, "node_modules/@rollup/rollup-linux-loong64-gnu": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.54.0.tgz", - "integrity": "sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz", + "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-musl": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz", + "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==", "cpu": [ "loong64" ], @@ -1318,9 +1332,23 @@ ] }, "node_modules/@rollup/rollup-linux-ppc64-gnu": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.54.0.tgz", - "integrity": "sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz", + "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-musl": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz", + "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==", "cpu": [ "ppc64" ], @@ -1332,9 +1360,9 @@ ] }, "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.54.0.tgz", - "integrity": "sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz", + "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==", "cpu": [ "riscv64" ], @@ -1346,9 +1374,9 @@ ] }, "node_modules/@rollup/rollup-linux-riscv64-musl": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.54.0.tgz", - "integrity": "sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz", + "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==", "cpu": [ "riscv64" ], @@ -1360,9 +1388,9 @@ ] }, "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.54.0.tgz", - "integrity": "sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz", + "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==", "cpu": [ "s390x" ], @@ -1374,9 +1402,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.54.0.tgz", - "integrity": "sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz", + "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==", "cpu": [ "x64" ], @@ -1388,9 +1416,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.54.0.tgz", - "integrity": "sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz", + "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==", "cpu": [ "x64" ], @@ -1401,10 +1429,24 @@ "linux" ] }, + "node_modules/@rollup/rollup-openbsd-x64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz", + "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ] + }, "node_modules/@rollup/rollup-openharmony-arm64": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.54.0.tgz", - "integrity": "sha512-huT3fd0iC7jigGh7n3q/+lfPcXxBi+om/Rs3yiFxjvSxbSB6aohDFXbWvlspaqjeOh+hx7DDHS+5Es5qRkWkZg==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz", + "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==", "cpu": [ "arm64" ], @@ -1416,9 +1458,9 @@ ] }, "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.54.0.tgz", - "integrity": "sha512-c2V0W1bsKIKfbLMBu/WGBz6Yci8nJ/ZJdheE0EwB73N3MvHYKiKGs3mVilX4Gs70eGeDaMqEob25Tw2Gb9Nqyw==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz", + "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==", "cpu": [ "arm64" ], @@ -1430,9 +1472,9 @@ ] }, "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.54.0.tgz", - "integrity": "sha512-woEHgqQqDCkAzrDhvDipnSirm5vxUXtSKDYTVpZG3nUdW/VVB5VdCYA2iReSj/u3yCZzXID4kuKG7OynPnB3WQ==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz", + "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==", "cpu": [ "ia32" ], @@ -1444,9 +1486,9 @@ ] }, "node_modules/@rollup/rollup-win32-x64-gnu": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.54.0.tgz", - "integrity": "sha512-dzAc53LOuFvHwbCEOS0rPbXp6SIhAf2txMP5p6mGyOXXw5mWY8NGGbPMPrs4P1WItkfApDathBj/NzMLUZ9rtQ==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz", + "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==", "cpu": [ "x64" ], @@ -1458,9 +1500,9 @@ ] }, "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.54.0.tgz", - "integrity": "sha512-hYT5d3YNdSh3mbCU1gwQyPgQd3T2ne0A3KG8KSBdav5TiBg6eInVmV+TeR5uHufiIgSFg0XsOWGW5/RhNcSvPg==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz", + "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==", "cpu": [ "x64" ], @@ -1477,15 +1519,6 @@ "integrity": "sha512-ojSshQPKwVvSMR8yT2L/QtUkV5SXi/IfDiJ4/8d6UbTPjiHVmxZzUAzGD8Tzks1b9+qQkZa0isUOvYObedITaw==", "dev": true }, - "node_modules/@trysound/sax": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz", - "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==", - "dev": true, - "engines": { - "node": ">=10.13.0" - } - }, "node_modules/@types/estree": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", @@ -1901,7 +1934,6 @@ "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz", "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -1919,10 +1951,11 @@ } }, "node_modules/ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz", + "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==", "dev": true, + "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -2513,7 +2546,6 @@ "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz", "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==", "dev": true, - "peer": true, "engines": { "node": ">=12" } @@ -2801,7 +2833,6 @@ "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz", "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==", "dev": true, - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -2861,7 +2892,6 @@ "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz", "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==", "dev": true, - "peer": true, "bin": { "eslint-config-prettier": "bin/cli.js" }, @@ -3108,10 +3138,11 @@ } }, "node_modules/filelist/node_modules/minimatch": { - "version": "5.1.6", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", - "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "version": "5.1.9", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.9.tgz", + "integrity": "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==", "dev": true, + "license": "ISC", "dependencies": { "brace-expansion": "^2.0.1" }, @@ -3171,7 +3202,6 @@ "version": "7.7.0", "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.7.0.tgz", "integrity": "sha512-DJJDHpEgoSbP8ZE1MNeU2IzCpfFyFdNZZRilqmfH2XiQsPK6PtD8AfJqWzEBudUQB2yHwZc5iq54rjTaGQ+ljw==", - "peer": true, "dependencies": { "tabbable": "^6.3.0" } @@ -3250,10 +3280,11 @@ } }, "node_modules/immutable": { - "version": "5.1.4", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz", - "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==", - "dev": true + "version": "5.1.5", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz", + "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==", + "dev": true, + "license": "MIT" }, "node_modules/import-fresh": { "version": "3.3.1", @@ -3468,10 +3499,11 @@ } }, "node_modules/lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", - "dev": true + "version": "4.17.23", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz", + "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==", + "dev": true, + "license": "MIT" }, "node_modules/lodash.merge": { "version": "4.6.2", @@ -3526,10 +3558,11 @@ } }, "node_modules/minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz", + "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==", "dev": true, + "license": "ISC", "dependencies": { "brace-expansion": "^1.1.7" }, @@ -3696,7 +3729,6 @@ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "dev": true, - "peer": true, "engines": { "node": ">=12" }, @@ -3778,7 +3810,6 @@ "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz", "integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==", "dev": true, - "peer": true, "bin": { "prettier": "bin/prettier.cjs" }, @@ -3855,10 +3886,11 @@ "dev": true }, "node_modules/rollup": { - "version": "4.54.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.54.0.tgz", - "integrity": "sha512-3nk8Y3a9Ea8szgKhinMlGMhGMw89mqule3KWczxhIzqudyHdCIOHw8WJlj/r329fACjKLEh13ZSk7oE22kyeIw==", + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz", + "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==", "dev": true, + "license": "MIT", "dependencies": { "@types/estree": "1.0.8" }, @@ -3870,28 +3902,31 @@ "npm": ">=8.0.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.54.0", - "@rollup/rollup-android-arm64": "4.54.0", - "@rollup/rollup-darwin-arm64": "4.54.0", - "@rollup/rollup-darwin-x64": "4.54.0", - "@rollup/rollup-freebsd-arm64": "4.54.0", - "@rollup/rollup-freebsd-x64": "4.54.0", - "@rollup/rollup-linux-arm-gnueabihf": "4.54.0", - "@rollup/rollup-linux-arm-musleabihf": "4.54.0", - "@rollup/rollup-linux-arm64-gnu": "4.54.0", - "@rollup/rollup-linux-arm64-musl": "4.54.0", - "@rollup/rollup-linux-loong64-gnu": "4.54.0", - "@rollup/rollup-linux-ppc64-gnu": "4.54.0", - "@rollup/rollup-linux-riscv64-gnu": "4.54.0", - "@rollup/rollup-linux-riscv64-musl": "4.54.0", - "@rollup/rollup-linux-s390x-gnu": "4.54.0", - "@rollup/rollup-linux-x64-gnu": "4.54.0", - "@rollup/rollup-linux-x64-musl": "4.54.0", - "@rollup/rollup-openharmony-arm64": "4.54.0", - "@rollup/rollup-win32-arm64-msvc": "4.54.0", - "@rollup/rollup-win32-ia32-msvc": "4.54.0", - "@rollup/rollup-win32-x64-gnu": "4.54.0", - "@rollup/rollup-win32-x64-msvc": "4.54.0", + "@rollup/rollup-android-arm-eabi": "4.59.0", + "@rollup/rollup-android-arm64": "4.59.0", + "@rollup/rollup-darwin-arm64": "4.59.0", + "@rollup/rollup-darwin-x64": "4.59.0", + "@rollup/rollup-freebsd-arm64": "4.59.0", + "@rollup/rollup-freebsd-x64": "4.59.0", + "@rollup/rollup-linux-arm-gnueabihf": "4.59.0", + "@rollup/rollup-linux-arm-musleabihf": "4.59.0", + "@rollup/rollup-linux-arm64-gnu": "4.59.0", + "@rollup/rollup-linux-arm64-musl": "4.59.0", + "@rollup/rollup-linux-loong64-gnu": "4.59.0", + "@rollup/rollup-linux-loong64-musl": "4.59.0", + "@rollup/rollup-linux-ppc64-gnu": "4.59.0", + "@rollup/rollup-linux-ppc64-musl": "4.59.0", + "@rollup/rollup-linux-riscv64-gnu": "4.59.0", + "@rollup/rollup-linux-riscv64-musl": "4.59.0", + "@rollup/rollup-linux-s390x-gnu": "4.59.0", + "@rollup/rollup-linux-x64-gnu": "4.59.0", + "@rollup/rollup-linux-x64-musl": "4.59.0", + "@rollup/rollup-openbsd-x64": "4.59.0", + "@rollup/rollup-openharmony-arm64": "4.59.0", + "@rollup/rollup-win32-arm64-msvc": "4.59.0", + "@rollup/rollup-win32-ia32-msvc": "4.59.0", + "@rollup/rollup-win32-x64-gnu": "4.59.0", + "@rollup/rollup-win32-x64-msvc": "4.59.0", "fsevents": "~2.3.2" } }, @@ -3913,7 +3948,6 @@ "integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -3945,6 +3979,16 @@ "node": ">=14.0.0" } }, + "node_modules/sax": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.5.0.tgz", + "integrity": "sha512-21IYA3Q5cQf089Z6tgaUTr7lDAyzoTPx5HRtbhsME8Udispad8dC/+sziTNugOEx54ilvatQ9YCzl4KQLPcRHA==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=11.0.0" + } + }, "node_modules/semver": { "version": "7.7.3", "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz", @@ -4030,18 +4074,19 @@ } }, "node_modules/svgo": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz", - "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==", + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.3.tgz", + "integrity": "sha512-+wn7I4p7YgJhHs38k2TNjy1vCfPIfLIJWR5MnCStsN8WuuTcBnRKcMHQLMM2ijxGZmDoZwNv8ipl5aTTen62ng==", "dev": true, + "license": "MIT", "dependencies": { - "@trysound/sax": "0.2.0", "commander": "^7.2.0", "css-select": "^5.1.0", "css-tree": "^2.3.1", "css-what": "^6.1.0", "csso": "^5.0.5", - "picocolors": "^1.0.0" + "picocolors": "^1.0.0", + "sax": "^1.5.0" }, "bin": { "svgo": "bin/svgo" @@ -4148,7 +4193,6 @@ "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "esbuild": "^0.27.0", "fdir": "^6.5.0", @@ -4246,7 +4290,6 @@ "version": "3.5.26", "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.26.tgz", "integrity": "sha512-SJ/NTccVyAoNUJmkM9KUqPcYlY+u8OVL1X5EW9RIs3ch5H2uERxyyIUI4MRxVCSOiEcupX9xNGde1tL9ZKpimA==", - "peer": true, "dependencies": { "@vue/compiler-dom": "3.5.26", "@vue/compiler-sfc": "3.5.26", diff --git a/src/App.vue b/src/App.vue index 43257be..ae83041 100644 --- a/src/App.vue +++ b/src/App.vue @@ -5,7 +5,6 @@ - @@ -17,7 +16,6 @@ import HeaderUSWDSBanner from "@/components/HeaderUSWDSBanner.vue"; import HeaderUSGS from '@/components/HeaderUSGS.vue'; import WorkInProgressWarning from "@/components/WorkInProgressWarning.vue"; - import PreFooterCodeLinks from "@/components/PreFooterCodeLinks.vue"; import FooterUSGS from '@/components/FooterUSGS.vue'; import { useWindowSizeStore } from '@/stores/WindowSizeStore'; diff --git a/src/assets/content/CC23.js b/src/assets/content/CC23.js deleted file mode 100644 index e77d570..0000000 --- a/src/assets/content/CC23.js +++ /dev/null @@ -1,306 +0,0 @@ -export default { - chartChallengeCharts: [ - - { - id: '3', - date: '2023-04-02', - cc_prompt: 'Comparisons: waffle', - author: 'Elmera Azadpour', - profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1642512475722481676?cxt=HHwWmICw6Z2ZsMstAAAA', - drupal_url: 'https://www.usgs.gov/media/images/comparisons-waffle-regional-patterns-4-common-drinking-water-contaminants', - image_basename: '20230402_waffle_eazadpour', - image_type: 'png', - image_alt: 'Waffle charts are colorized and faceted by contaminant (Pb, Fe, NO3-, and Sr) and region (West, Central, Midwest, East). Each 10 x 10 waffle charts shows the proportion of study area that contains high, moderate, and low concentrations where 1 square = 1 % of region. Figure contains callouts where, for example, NO3- in the Central U.S. show greater proportions of high due to fertilizer use and permeable soils.' - }, - { - id: '4', - date: '2023-04-02', - cc_prompt: 'Comparisons: waffle', - author: 'Hayley Corson-Dosch', - profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1642513512118222849?cxt=HHwWgoCwycfVsMstAAAA', - drupal_url: 'https://www.usgs.gov/media/images/comparisons-waffle-2015-daily-water-use', - image_basename: '20230402_waffle_hcorson-dosch', - image_type: 'png', - image_alt: 'In 2015, water use in the U.S. totaled 322 billion gallons/day. Total water use is broken out into 8 categories using different colors. The categories, in ranked order for 2015, followed by their water use, in units of billion gallons/day, are: thermoelectric power (133), Irrigation (118), public supply (39), self-supplied industrial (14.8), aquaculture (7.6), mining (4), self-supplied domestic (3.3) and livestock (2).' - }, - - { - id: '6', - date: '2023-04-03', - cc_prompt: 'Comparisons: fauna/flora', - author: 'Cee Nell', - profile_url: 'https://www.usgs.gov/staff-profiles/cee-nell', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1643033875218857984?cxt=HHwWgIDU5damnc0tAAAA', - drupal_url: 'https://www.usgs.gov/media/images/comparisons-florafauna-time-spring-leaf-out', - image_basename: '20230403_flora_cee', - image_type: 'gif', - image_alt: 'An animation of spring leaf out timing in the contiguous U.S. from Jan 1 2023 to Apr 3, 2023. A map and bar chart are synchronized to show the onset of spring as the year progresses, with southernmost parts of the U.S. first entering spring and rising up through parts of the midwest and east coast. On the west coast, spring first appears in southern California and Arizona, moving up towards Washington along the coast, while the interior western states remain in winter. Compared to the 30 year average, spring timing is generally consistent.' - }, - { - id: '7', - date: '2023-04-04', - cc_prompt: 'Comparisons: historical', - author: 'Althea Archer', - profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1643378388751597568?cxt=HHwWgIC-0YD8uc4tAAAA', - drupal_url: 'https://cms.usgs.gov/media/images/comparisons-historical-minimum-annual-streamflow-across-generations', - image_basename: '20230404_historical_aaarcher', - image_type: 'png', - image_alt: 'A data visualization showing how Minimum Annual Streamflow has changed from generation to generation over the past 100 years. Across the contiguous United States, streamflow has increased by 22% when comparing the baseline “Silent generation” (1920-1946) against the Gen Z years (1997-2020). Regionally, streamflow has increased on average for every area of the U.S. other than the Southwest (excluding California) and Southeast, which both have decreased 10-14% since the silent generation. The largest increase was in the south central region, which was an increase of 81%.' - }, - { - id: '9', - date: '2023-04-06', - cc_prompt: 'Comparisons: data day: OWID', - author: 'Hayley Corson-Dosch', - profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1644092108104400899?cxt=HHwWhoCwmfjD_tAtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/comparisons-data-day-owid-lives-lost-natural-disasters', - image_basename: '20230406_OWID_hcorson-dosch', - image_type: 'png', - image_alt: 'An alluvial diagram showing the number of deaths due to natural disasters in the United States over the past 50 years (1972 - 2022). The data include deaths due to eight types of natural disasters: wildfires, drought, extreme temperatures, landslides, volcanic activity, earthquakes, storms, and floods. In most years, the largest cause of deaths are storms (hurricanes, tornadoes, and cyclones). Some individual events stand out, for example deaths due to the eruption of Mt. Saint Helens and to the 2018 Camp Fire in California. For each type of disaster, a timeseries of deaths is plotted as a horizontal band of varying height. The height corresponds to the number of deaths caused by that type of disaster. The bands are stacked, and total height equals total deaths across all disaster types. The stacking order varies by year, so that the band with the most deaths is on top. The bands therefore cross one another, showing changes in deaths over time and the top causes of deaths in each year.' - }, - { - id: '11', - date: '2023-04-08', - cc_prompt: 'Distributions: humans', - author: 'Hayley Corson-Dosch', - profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1644686840312610818?cxt=HHwWhIC-ufT9jNMtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/distributions-humans-how-are-we-using-water', - image_basename: '20230408_humans_hcorson-dosch', - image_type: 'png', - image_alt: '8 maps of the continental U.S. show county-level water use for 8 categories of use – thermoelectric, irrigation, public supply, industrial, aquaculture, mining, domestic, and livestock. Use in each category is shown as a percent of total water use, by county. In the northern plains, most water is used for livestock. In west Texas, most water is used for mining. In northern Maine, most water is used for industry.' - }, - { - id: '12', - date: '2023-04-09', - cc_prompt: 'Distributions: high/low', - author: 'Althea Archer', - profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1645049420805820417?cxt=HHwWgsC-0e_usdQtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/distributions-highlow-a-tale-two-winters', - image_basename: '20230409_high-low_aaarcher', - image_type: 'png', - image_alt: 'A Tale of two winters. A map of CONUS and lollipop style charts show the difference in percent snow covered area for February 2023 compared to the 20-year mean (2003-2022). Paired charts show the relationships between latitude, longitude, and difference in percent snow covered area, depicting two very different winters between the coasts. High snow conditions were mainly in the west and lower snow to the east.' - }, - { - id: '14', - date: '2023-04-13', - cc_prompt: 'Relationships: pop culture', - author: 'Anthony Martinez', - profile_url: 'https://www.usgs.gov/staff-profiles/anthony-martinez', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1646632023581401088?cxt=HHwWgIDRlb3GgdotAAAA', - drupal_url: 'https://www.usgs.gov/media/images/relationships-pop-culture-water-uses-affected-wildfire-2000-2020', - image_basename: '20230413_pop-culture_ajmartinez', - image_type: 'gif', - image_alt: 'Animated map of the continental U.S. and paired line chart. For each month from 2000 to 2020, the map shows burned areas within water supply watersheds, and the chart displays the total number of affected water users. In 2003, 2005, 2014, and 2017, wildfires burned key water supply watersheds that together supply water to over 1.5 million consumers.' - }, - { - id: '15', - date: '2023-04-13', - cc_prompt: 'Relationships: pop culture', - author: 'Elmera Azadpour', - profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1646632643562475520?cxt=HHwWgMDUscjqgdotAAAA', - drupal_url: 'https://www.usgs.gov/media/images/relationships-pop-culture-thirty-years-daily-average-streamflow-cubic-feet-second-rio', - image_basename: '20230413_pop-culture_eazadpour', - image_type: 'png', - image_alt: 'Mean daily streamflow (cfs) of the Rio Grande at Embudo, New Mexico from 1991 to 2022. The chart has a black background and the 30 years of mean daily streamflow data are plotted as stacked white ridge lines that emulate the aesthetics of a classic rock album. In each year there is a peak of streamflow mid-year, with tapering streamflow levels during winter months.' - }, - { - id: '16', - date: '2023-04-14', - cc_prompt: 'Relationships: new tool', - author: 'Elmera Azadpour', - profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1646967370483920896?cxt=HHwWgMDTpZ6GmtstAAAA', - drupal_url: 'https://www.usgs.gov/media/images/relationships-new-tool-split-panel-map-inspecting-timeseries-images-landsat-and-nlcd', - image_basename: '20230414_new-tool_eazadpour', - image_type: 'gif', - image_alt: 'A split-panel map of Salt Lake City, Utah, highlighting the Great Salt Lake, shows 2006 Landsat imagery on the left side panel and 2006 NLCD, with colorized legend of land use classes on the right. The animation displays a slider being used to switch between the two different datasets, revealing the land cover classes shown in Landsat imagery. A user is interacting with dropdown menus for each of the panels to change data sources from 2006 to 2016.' - }, - { - id: '17', - date: '2023-04-15', - cc_prompt: 'Relationships: positve/negative', - author: 'Althea Archer', - profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1647223501651099650?cxt=HHwWhIC2mYTDjtwtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/relationships-positivenegative-march-2023-snow-covered-area', - image_basename: '20230415_positive-negative_aaarcher01', - image_type: 'png', - image_alt: 'A map of the contiguous U.S. using a snowflake hex pattern to show snow cover for March 2023. Snowier places are white with snow, emphasizing the Rocky Mountains and Sierra range in the western U.S., the Upper Midwest, and Maine in the northeast. The majority of the eastern half of the country is within a 0-10% snow cover index, including the lower Midwest and much of New England.' - }, - { - id: '18', - date: '2023-04-15', - cc_prompt: 'Relationships: positve/negative', - author: 'Althea Archer', - profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1647223501651099650?cxt=HHwWhIC2mYTDjtwtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/relationships-positivenegative-march-2023-relative-snow-covered-area', - image_basename: '20230415_positive-negative_aaarcher02', - image_type: 'png', - image_alt: 'A map of the contiguous U.S. using a snowflake hex pattern to show relative snow cover for March 2023 compared to 20-year average (2003 through 2022). Much of the western states experienced more snow than normal, such as the Rocky Mountains and the upper Great Plains. Much of the eastern U.S. is green indicating less snow cover than usual, including the lower Midwest and much of New England.' - }, - { - id: '19', - date: '2023-04-17', - cc_prompt: 'Relationships: networks', - author: 'Hayley Corson-Dosch', - profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1648357029214298117?cxt=HHwWioCx1YL_keAtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/relationships-network-which-stream-order-covers-most-distance', - image_basename: '20230417_networks_hcorson-dosch', - image_type: 'png', - image_alt: 'A map of the Potomac River stream network is colored by Strahler stream order, where higher order represents a larger stream. Next to the map is a donut chart, showing that small headwater streams (order 1) make up 57% of the river network, by length. The first three orders of streams, together, make up 87% of the network by length. The eighth-order Potomac River makes up less than 1% of the river network, by length. Data for the plot are USGS National Hydrography Dataset High Resolution.' - }, - { - id: '20', - date: '2023-04-19', - cc_prompt: 'Timeseries: anthropocene', - author: 'Margaret Jaenicke', - profile_url: '', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1648799423697412096?cxt=HHwWgIDTteKV2-EtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/timeseries-anthropocene-grand-canyon-be-dammed', - image_basename: '20230419_anthropocene_mjaenicke', - image_type: 'png', - image_alt: 'A heatmap of streamflow downstream from the Glen Canyon Dam at USGS gage 09402500 in the Grand Canyon. The heatmap shows within year variation in streamflow from 1920 to 2020, and how this has changed with the construction of the Glen Canyon Dam, There is natural variability throughout the year until 1963 when the Glen Canyon Dam began impounding water to fill Lake Powell. After that, the streamflow showed much more seasonal changes as the dam and water releases were controlled by water managers.' - }, - { - id: '21', - date: '2023-04-20', - cc_prompt: 'Timeseries: correlation', - author: 'Althea Archer', - profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1649167330209943555?cxt=HHwWhsC-xd-8guMtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/timeseries-correlation-hysteresis-image-1', - image_basename: '20230420a_correlation_aaarcher', - image_type: 'png', - image_alt: 'A scatter plot of water temperature versus air temperature on April 27, 2019, for the Paine Run stream in Shenandoah National Park. Points are plotted for each 30-minute interval. Daytime points are hollow, while nighttime points are solid. The points form a figure eight shape, illustrating the concept of hysteresis - a phenomenon in which the value of a physical property lags behind changes in the effect causing it. For example, stream temperature changes in response to air temperature, but the stream warms more slowly than air in the mornings, and cools more slowly than air in the evenings. If water temperature tracked stream temperature exactly, the points would fall on a straight line, rather than in a figure eight.' - }, - { - id: '22', - date: '2023-04-20', - cc_prompt: 'Timeseries: correlation', - author: 'Althea Archer', - profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1649167330209943555?cxt=HHwWhsC-xd-8guMtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/timeseries-correlation-hysteresis-image-2', - image_basename: '20230420b_correlation_aaarcher', - image_type: 'gif', - image_alt: 'Animation showing changes in stream temperature relative to air temperature over the course of a day. The animation begins at midnight, adding a point at each half-hour interval. After dawn, as air temperature starts warming, the stream warms more slowly than air, and water temperature lags behind air temperature. Similarly, in the evening, the stream cools more slowly than the air. Over the course of the day, the points form a figure eight shape.' - }, - { - id: '23', - date: '2023-04-21', - cc_prompt: 'Timeseries: down/upwards', - author: 'Natalie Schmer', - profile_url: 'https://www.usgs.gov/staff-profiles/natalie-schmer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1649510834924847109?cxt=HHwWioDUja3XnuQtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/timeseries-downupwards-long-term-daily-stream-temperatures', - image_basename: '20230421_downupward_nschmer', - image_type: 'png', - image_alt: 'A tile map of the U.S. showing mean daily stream temperature for the 5 USGS stream sites with the longest daily temperature records in each U.S. state. The oldest site, in Philadelphia, Pennsylvania, began collecting data in October 1964. For each state, a line chart shows the mean daily temperature for each day of year, averaged over the period of record for each site. Stream temperatures in most states are between 0 and 20 degrees Celsius in winter months, and peak around 30 degrees Celsius in the summer. Sites in some states display different patterns. For example, at the Hawaii sites, stream temperature remains around 25 degrees Celsius year-round. At the Alaska sites, summer temperatures peak around 12 degrees Celsius.' - }, - { - id: '24', - date: '2023-04-21', - cc_prompt: 'Timeseries: down/upwards', - author: 'Althea Archer', - profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1649511296055017475?cxt=HHwWhoDU5ZjynuQtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/timeseries-downupwards-ocean-currents-cycle-between-warmer-el-nino-and-cooler-la-nina', - image_basename: '20230421_down-upward_aaarcher', - image_type: 'png', - image_alt: 'A timeseries of monthly Oceanic Niño Index values from 1950 to 2023. The y-axis is mirrored at 0, with positive teal values indicating el Niño periods and negative lavender values corresponding to la Niña periods. The chart sits over a watercolor wash that has a gradient from teal at the top to lavender at the bottom. The ocean current-driven periods cycle every couple years, and we are currently in a la Niña period.' - }, - { - id: '25', - date: '2023-04-22', - cc_prompt: 'Timeseries: green energy', - author: 'Mandie Carr', - profile_url: 'https://www.usgs.gov/staff-profiles/amanda-carr', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1649760530595233794?cxt=HHwWhIC26cadkOUtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/timeseries-green-energy-electricity-generated-renewable-energy-us', - image_basename: '20230422_green-energy_ancarr', - image_type: 'png', - image_alt: 'Step chart timeseries of U.S. electricity generation (in gigawatt hours) across five classes of renewable energy, from 2000 to 2020. As of 2020, these classes ranked (from high to low): wind, hydropower, solar, bioenergy, and geothermal. From 2000 to 2020, wind power generation steadily grew from roughly 10,000 to over 325,000 gigawatt hours. Hydropower generation is consistently high but can be impacted by drought.' - }, - { - id: '26', - date: '2023-04-23', - cc_prompt: 'Timeseries: tiles', - author: 'Hayley Corson-Dosch', - profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1650122616722604033?cxt=HHwWgoC22d7xtOYtAAAA', - drupal_url: 'https://www.usgs.gov/media/images/timeseries-tiles-changes-us-water-use-1985-2015', - image_basename: '20230423_tiles_hcorson-dosch', - image_type: 'png', - image_alt: 'A tile map of the U.S. with alluvial charts for each state and the nation that show changes in the total volume of water use from 1985-2015 across eight categories (thermoelectric, irrigation, public supply, industrial, aquaculture, mining, domestic, and livestock). There is change in how much water is used (like the decline in Massachusetts) and in the categories of use (growth of irrigation in Arkansas).' - }, - { - id: '27', - date: '2023-04-25', - cc_prompt: 'Uncertainties: global change', - author: 'Katie Nuessly', - profile_url: '', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1650967244401430533?cxt=HHwWisDSpcX9tOktAAAA', - drupal_url: 'https://www.usgs.gov/media/images/uncertainties-global-change-loss-north-american-grassland-biome', - image_basename: '20230425_global-change_knuessly', - image_type: 'png', - image_alt: 'The loss of the North American grassland biome. Once spanning more than 2 million square kilometers, we have lost over half of the world\'s most imperiled ecosystem: the temperate grasslands. A map of North America shows the loss of the grassland biome from Canada to Mexico, largely contained within the central plains of North America. The current grassland range is a subset of the historical extent, located mainly in the U.S. in parts of MT, ND, SD, NE, KS, OK, WY, CO, NM, & TX. Four midwestern states of IA, MO, MN, & WI have lost most of their historic grasslands. Only 50,000 square kilometers remain of Texas native grassland — 18% of historic grasslands in the state. Next to the map is a circular stacked bar chart that emphasizes the difference between current and lost grassland range (like the loss of half of Montana\'s native grassland). Overall, only 38% of historic native grasslands exist today. Chart made using data from Comer et al, 2018 doi.org/10.3375/043.038.0209.' - }, - { - id: '28', - date: '2023-04-26', - cc_prompt: 'Uncertainties: local change', - author: 'Ellie White', - profile_url: '', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1651336691838504962?cxt=HHwWhMDSmZv-3OotAAAA', - drupal_url: 'https://www.usgs.gov/media/images/uncertainties-local-change-how-will-climate-change-affect-timing-fish-spawning-image-1', - image_basename: '20230426a_local-change_ewhite', - image_type: 'png', - image_alt: 'Circular calendar charts showing the projected effects of climate change on the onset and end of spawning for the American Shad and the Striped Bass in the Hudson River Estuary, during two modeling periods: 1950 to 2012 and 2012 to 2099. Representative Concentration Pathways (RCP) scenarios 2.6, 4.5, 6.0, and 8.5 were used to model spawning for each species in each period. RCP are scenarios constructed to represent how well we can curb and contain greenhouse gas emissions. RCP 2.6 implements the most aggressive strategies, while RCP 8.5 is "business-as-usual". The model results show increasing effects on spawning onset and end dates with less aggressive RCP. For the 2012 to 2099 model period, spawning is projected to start 15 days earlier on average than during the 1950 to 2012 period. The magnitude of the shift ranges from approximately 4 days for RCP 2.6 to over 20 days early for RCP 8.5.' - }, - { - id: '31', - date: '2023-04-28', - cc_prompt: 'Uncertainties: trend', - author: 'Elmera Azadpour', - profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1652053353634107397?cxt=HHwWisDU1bXxou0tAAAA', - drupal_url: 'https://www.usgs.gov/media/images/uncertainties-trend-change-forest-area-compared-35-year-mean-1985-2020', - image_basename: '20230428_trend_eazadpour', - image_type: 'png', - image_alt: 'A tile map of the U.S. with lollipop charts for each state that show differences in forest area magnitude, in squared kilometers, from the 35-year mean (1985-2020) across the contiguous United States (CONUS). Positive differences are shown in forest green lollipops and negative differences are shown in burnt orange lollipops. There is variation in forest area difference across CONUS. Notably, much of the U.S. have seen declines in forest area magnitude in recent years, whereas the Nothern Plains (such as North Dakota, Nebraska, and Kansas) have seen a slight increase in recent years.' - }, - { - id: '32', - date: '2023-04-28', - cc_prompt: 'Uncertainties: trend', - author: 'Margaux Sleckman', - profile_url: '', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1653511510205816833?cxt=HHwWgoCz3ab9ufItAAAA', - drupal_url: 'https://www.usgs.gov/media/images/uncertainties-trend-big-melt-has-begun', - image_basename: '20230428_trends_msleckman', - image_type: 'png', - image_alt: 'The Big Melt has begun; 2023 spring flows into Lake Tahoe compared to the historical record. Nine timeseries plots show daily streamflow (cubic feet per second) from March 2023 to present, highlighted in green, compared to historical record, shown in grey that date back to 1975. Streamgraphs show the 2023 snowmelt runoff in the basin trending upwards across all stream gauges, aiming to surpass previous years dating back to 1975.' - }, - { - id: '33', - date: '2023-04-29', - cc_prompt: 'Uncertainties: monochrome', - author: 'Merritt Harlan', - profile_url: '', - tweet_url: 'https://twitter.com/USGS_DataSci/status/1652296971959300100', - drupal_url: 'https://www.usgs.gov/media/images/uncertainties-monochrome-estimating-streamflow-satellites', - image_basename: '20230429_monochrome_mharlan', - image_type: 'gif', - image_alt: 'Animation of five satellite images of the Tanana River in Alaska. The imagery is colored in shades of blue to show the degree of confidence that water is present. Two scatter plots show positive pairwise relationships between satellite river elevation and satellite river width and satellite streamflow. A timeseries chart shows that satellite streamflow captures the dynamics of observed streamflow at a gaged site.' - } - ] -}; \ No newline at end of file diff --git a/src/assets/content/blogs.json b/src/assets/content/blogs.json index 252b043..874c7d1 100644 --- a/src/assets/content/blogs.json +++ b/src/assets/content/blogs.json @@ -24,6 +24,30 @@ "external": "https://waterdata.usgs.gov/blog/vizlab-stream-name-extraction/" } }, + { + "id": "vizlab-stream-names-map", + "title": "A map that glows with the vocabulary of water", + "released": "02/27/2026", + "image": { + "alt": "A map of glowing points within the conterminous Unites States on a darkened landscape basemap. The title reads 'What's in a name'.", + "thumbnail": "https://waterdata.usgs.gov/blog/static/vizlab-stream-names-map/names_map_thumbnail_01.png" + }, + "links": { + "external": "https://waterdata.usgs.gov/blog/vizlab-stream-names-map/" + } + }, + { + "id": "vizlab-stream-name-extraction", + "title": "Extracting the grammar of U.S. stream names", + "released": "02/27/2026", + "image": { + "alt": "A list of stream names with the stream name type highlighted, with a magnifying glass overtop. The title reads 'What's in a name'.", + "thumbnail": "https://waterdata.usgs.gov/blog/static/vizlab-stream-names-map/names_extraction_map_thumbnail.png" + }, + "links": { + "external": "https://waterdata.usgs.gov/blog/vizlab-stream-name-extraction/" + } + }, { "id": "nhd-viz-demo", "title": "Easy hydrology mapping with nhdplusTools, geoconnex, and ggplot2", diff --git a/src/assets/content/charts.json b/src/assets/content/charts.json deleted file mode 100644 index eb279d6..0000000 --- a/src/assets/content/charts.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - "websites": [ - { - "id": "forecast-gradient", - "released": "8/15/21", - "title": "Stream temperature forecast", - "description": null, - "thumb": "forecast-gradient.jpeg", - "alt": "A chart of 7-day-ahead forecasts of maximum stream temperature at 5 sites in the Delaware River Basin. For each site, a week of temperature forecasts are shown using gradient intervals to illustrate the 90% ci. Predictions exceeding a 75F temperature threshold are highlighted. In. most cases, the observed temperature is within the 90% ci of the predicted.", - "productUrl": "https://twitter.com/USGS_DataSci/status/1430976331190317062", - "codeUrl": null - }, - { - "id": "dreamsicle", - "released": "6/21/21", - "title": "Dream(sicl)ing of ice-affected gages", - "description": null, - "thumb": "iceflag_dreamsicle_viz_lplatt_twitter.png", - "alt": "A cartogram map of the U.S. made of plots that look like dreamsicles showing the proportion of data points affected by ice flags.", - "productUrl": "https://twitter.com/USGS_DataSci/status/1413579318010122242", - "codeUrl": null - }, - { - "id": "hex-map", - "released": "6/1/21", - "title": "Temperature observations hex map", - "description": null, - "thumb": "hex-map_large.png", - "alt": "A hex map of the U.S. showing the frequency of stream temperature observations. The Delaware River Basin and PNW have bright spots, indicating the highest number of observations.", - "productUrl": "https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling", - "codeUrl": null - }, - { - "id": "rmse-bees", - "released": "5/21/21", - "title": "RGCN beeswarm", - "description": null, - "thumb": "rmse_bees_twitter-01.png", - "alt": "Beeswarm charts stacked along the horizontal axis, showing RMSE for stream temperature predictions under defferent models. The ANN has the widest distribution of RMSEs, whereas the process-guided machine learning model has the lowest RMSEs overall.", - "productUrl": "https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling", - "codeUrl": null - }, - { - "id": "snow-to-flow-linechart", - "released": "5/1/21", - "title": "From Snow to Flow linechart", - "description": null, - "thumb": "snow-to-flow-linechart.png", - "alt": "A line chart of snow water equivalent and streamflow through a high snow year and a low snow year. In the high snow year", - "productUrl": "https://twitter.com/USGS_DataSci/status/1388869132356030464", - "codeUrl": null - }, - { - "id": "snow-to-flow-map", - "released": "4/28/21", - "title": "Are snowy places getting snowier?", - "description": null, - "thumb": "getting-snowier.jpeg", - "alt": "A map of SNOTEL sites across the western U.S. that uses a bivariate color ramp to show two variables: how much snow a site receives in a typical year (mean peak SWE for the historic record) and how much snow it received in April 2021 (SWE percentile). It asks \"Are snowy places getting snowier?\". A number of sites that typically get a lot of snow received more snow than on record, but a greater nmber of sites had less snow than the historic record, and a third falling within a typical range.", - "productUrl": "https://twitter.com/USGS_DataSci/status/1387450575772606467/photo/1", - "codeUrl": null - }, - { - "id": "fire-cost", - "released": "4/16/21", - "title": "Fire cost", - "description": null, - "thumb": "firechart-01.png", - "alt": "A bubble chart showing the relationship between the \"Millions of acres burned & millions of dollars spent suppressing wildfires\". In recent yearsthe number of acres burned and fire suppression costs have been the highest on record.", - "productUrl": "https://twitter.com/USGS_DataSci/status/1382392034724564993", - "codeUrl": null - }, - { - "id": "snowmelt-timing", - "released": "4/10/21", - "title": "Snowment timing", - "description": null, - "thumb": "snowmelt-timing-2020.png", - "alt": "A dot plot showing the timing of snowmelt from 1981-2020 for all SNOTEL sites. There is a large amount of variation within and among years, with timing occurring as early or late as 50 days from the median snowmelt date in some years.", - "productUrl": "https://twitter.com/USGS_DataSci/status/1381726113488117762", - "codeUrl": null - }, - { - "id": "magic-reservoir", - "released": "4/2/21", - "title": "Magic reservoir", - "description": null, - "thumb": "magic.png", - "alt": "A three panel chart showing (1) a silhouette map of the Magic Reservoir, (2) the median streamflow throughout the year upstream and downstream from the reservoir, and (3) the difference between upstream and downstream flow. This illustrates that prior to the summer, streamflow is higher upstream and after it is higher downstream due to reservoir releases.", - "productUrl": "https://twitter.com/USGS_DataSci/status/1378722525895528458", - "codeUrl": null - }, - { - "id": "the-534-day-flood", - "released": "4/1/21", - "title": "The 534-day flood", - "description": "A look at the longest flood over the last 20 years at site 06472000 on the James River, SD", - "thumb": "the-534-day-flood.png", - "alt": "A streamgraph showing the max flood duration at streamgages over the last 20 years. One site on the James River in South Dakota was flooding for 534 days continuously, greatly exceeding the flood duration at any other site.", - "productUrl": "https://www.usgs.gov/media/images/534-day-flood-site-06472000-james-river-sd", - "codeUrl": "https://github.com/USGS-VIZLAB/viz-scratch/tree/main/500_days_of_flooding" - }, - { - "id": "pictogram-pools", - "released": "4/1/21", - "title": "Pictogram pools", - "description": null, - "thumb": "pictogram-volume.jpg", - "alt": "A pictogram of the volume of all water on Earth. Drippy, a cartoon water droplet, represents 500,000 km3 of water and is used to compare volume across oceans, ice, groundwater, and all other ocmponents of the water cycle. The volume of oceans (1,340,000,000 km3 greatly exceeds all other water pools, followed by ice (25,800,000 km3), groundwater (22,600,000 km3), and everything else (495,000 km3).", - "productUrl": "https://twitter.com/USGS_DataSci/status/1378070227670327296", - "codeUrl": null - }, - { - "id": "fire-hydro", - "released": "11/5/20", - "title": "How wildfires threaten U.S. water supplies", - "description": "Communities across the United States and the globe rely on clean water flowing from forested watersheds. But these water source areas are impacted by the effects of wildfire.", - "thumb": "fire-hydro.jpg", - "alt": "A thumbnail showing a burn scar from a wildfire, with a line chart of the total acres burned by wildfires abstractly in the background.", - "productUrl": "https://labs.waterdata.usgs.gov/visualizations/fire-hydro/index.html#/", - "codeUrl": "https://github.com/usgs-makerspace/fire-hydro" - }, - { - "id": "flow-rainbows", - "released": "6/15/20", - "title": "Flow rainbows", - "description": null, - "thumb": "flow-rainbows.png", - "alt": "A collection of \"Streamflow rainbows\", showing 100 years of streamflow data at USGS streamgage locations. Each rainbow has 5 color bands representing 5 20-year time periods of streamflow data. The bands show the 95% CI of 7-day streamflow throughout the year. Separation between the rainbow bands indicate change through time.", - "productUrl": "https://twitter.com/USGS_DataSci/status/1337449986339041281", - "codeUrl": null - } - ] -} diff --git a/src/assets/content/sections.json b/src/assets/content/sections.json new file mode 100644 index 0000000..7722027 --- /dev/null +++ b/src/assets/content/sections.json @@ -0,0 +1,41 @@ +{ + "sketches": { + "id": "sketches", + "title": "Illustrations & Infographics", + "summary": "Diagrams, comics, and explainers, oh my!" + }, + "snapshots": { + "id": "snapshots", + "title": "Charts & Maps", + "summary": "Reproducible visualizations." + }, + "stories": { + "id": "stories", + "title": "Interactive Stories", + "summary": "Told with USGS water data." + }, + "series": { + "id": "series", + "title": "Series", + "summary": "Recurring visualizations of current conditions and events." + }, + "blogs": { + "id": "blogs", + "title": "Water Data Blog", + "summary": "", + "link": { + "intro": "Read more at", + "label": "waterdata.usgs.gov/blog", + "href": "https://waterdata.usgs.gov/blog" + } + }, + "team": { + "id": "team", + "title": "Meet the Team", + "contact": { + "intro": "Email us at", + "label": "gs-w_vizlab@usgs.gov", + "href": "mailto:gs-w_vizlab@usgs.gov" + } + } +} diff --git a/src/assets/content/series-list.json b/src/assets/content/series.json similarity index 92% rename from src/assets/content/series-list.json rename to src/assets/content/series.json index a17fe18..ab28ffa 100644 --- a/src/assets/content/series-list.json +++ b/src/assets/content/series.json @@ -1,5 +1,5 @@ { - "collections": [ + "items": [ { "id": "flowTiles", "title": "Flow tiles", @@ -17,10 +17,7 @@ "thumbnail": "2026_02/flow_cartogram-feb-2026.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1965102031225700461" - }, + "x": "", "external": "2026_02/flow_cartogram-feb-2026.png" } }, @@ -33,10 +30,7 @@ "thumbnail": "2026_01/flow_cartogram-jan-2026.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1965102031225700461" - }, + "x": "", "external": "2026_01/flow_cartogram-jan-2026.png" } }, @@ -49,10 +43,7 @@ "thumbnail": "2025_12/flow_cartogram-dec-2025.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1965102031225700461" - }, + "x": "", "external": "2025_12/flow_cartogram-dec-2025.png" } }, @@ -65,10 +56,7 @@ "thumbnail": "2025_11/flow_cartogram-nov-2025.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1965102031225700461" - }, + "x": "1965102031225700461", "external": "2025_11/flow_cartogram-nov-2025.png" } }, @@ -81,10 +69,7 @@ "thumbnail": "2025_10/flow_cartogram-oct-2025.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1965102031225700461" - }, + "x": "", "external": "2025_10/flow_cartogram-oct-2025.png" } }, @@ -97,10 +82,7 @@ "thumbnail": "2025_09/flow_cartogram-sep-2025.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1965102031225700461" - }, + "x": "", "external": "2025_09/flow_cartogram-sep-2025.png" } }, @@ -113,10 +95,7 @@ "thumbnail": "2025_08/flow_cartogram-aug-2025.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1965102031225700461" - }, + "x": "1965102031225700461", "external": "2025_08/flow_cartogram-aug-2025.png" } }, @@ -129,10 +108,7 @@ "thumbnail": "2025_07/flow_cartogram-july-2025.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1957505329102508491" - }, + "x": "1957505329102508491", "external": "2025_07/flow_cartogram-july-2025.png" } }, @@ -145,10 +121,7 @@ "thumbnail": "2025_06/flow_cartogram-june-2025.png" }, "links": { - "x": { - "account": "USGS_Water", - "id": "1942234704234627072" - }, + "x": "1942234704234627072", "external": "2025_06/flow_cartogram-june-2025.png" } }, @@ -161,10 +134,7 @@ "thumbnail": "2025_05/flow_cartogram-may-2025.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1929924020004147635" - }, + "x": "", "external": "2025_05/flow_cartogram-may-2025.png" } }, @@ -177,10 +147,7 @@ "thumbnail": "2025_04/flow_cartogram-apr-2025.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1919446545654489325" - }, + "x": "1919446545654489325", "external": "2025_04/flow_cartogram-apr-2025.png" } }, @@ -193,10 +160,7 @@ "thumbnail": "2025_03/flow_cartogram-mar-2025.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1907870314681221497" - }, + "x": "1907870314681221497", "external": "2025_03/flow_cartogram-mar-2025.png" } }, @@ -209,10 +173,7 @@ "thumbnail": "2025_02/flow_cartogram-feb-2025.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1897692959404925333" - }, + "x": "1897692959404925333", "external": "2025_02/flow_cartogram-feb-2025.png" } }, @@ -225,10 +186,7 @@ "thumbnail": "2025_01/flow_cartogram-jan-2025.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1887542318607016062" - }, + "x": "1887542318607016062", "external": "2025_01/flow_cartogram-jan-2025.png" } }, @@ -241,10 +199,7 @@ "thumbnail": "2024_12/flow_cartogram-dec-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1878845021585326208" - }, + "x": "1878845021585326208", "external": "2024_12/flow_cartogram-dec-2024.png" } }, @@ -257,10 +212,7 @@ "thumbnail": "2024_11/flow_cartogram-nov-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1864727535558529440" - }, + "x": "1864727535558529440", "external": "2024_11/flow_cartogram-nov-2024.png" } }, @@ -273,10 +225,7 @@ "thumbnail": "2024_10/flow_cartogram-oct-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1854197399323136262" - }, + "x": "1854197399323136262", "external": "2024_10/flow_cartogram-oct-2024.png" } }, @@ -315,10 +264,7 @@ "thumbnail": "2024_07/flow_cartogram-july-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1819432041152422303" - }, + "x": "1819432041152422303", "external": "2024_07/flow_cartogram-july-2024.png" } }, @@ -331,10 +277,7 @@ "thumbnail": "2024_06/flow_cartogram-june-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1813278914149818523" - }, + "x": "1813278914149818523", "external": "2024_06/flow_cartogram-june-2024.png" } }, @@ -347,10 +290,7 @@ "thumbnail": "2024_05/flow_cartogram-may-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1798030050576761140" - }, + "x": "1798030050576761140", "external": "2024_05/flow_cartogram-may-2024.png" } }, @@ -363,10 +303,7 @@ "thumbnail": "2024_04/flow_cartogram-apr-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1787946014797951150" - }, + "x": "1787946014797951150", "external": "2024_04/flow_cartogram-apr-2024.png" } }, @@ -379,10 +316,7 @@ "thumbnail": "2024_03/flow_cartogram-mar-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1775549094259511449" - }, + "x": "1775549094259511449", "external": "2024_03/flow_cartogram-mar-2024.png" } }, @@ -395,10 +329,7 @@ "thumbnail": "2024_02/flow_cartogram-feb-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1765078810725413349" - }, + "x": "1765078810725413349", "external": "2024_02/flow_cartogram-feb-2024.png" } }, @@ -411,10 +342,7 @@ "thumbnail": "2024_01/flow_cartogram-jan-2024.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1754552632742752744" - }, + "x": "1754552632742752744", "external": "2024_01/flow_cartogram-jan-2024.png" } }, @@ -427,10 +355,7 @@ "thumbnail": "2023_12/flow_cartogram-dec-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1742622815944356338" - }, + "x": "1742622815944356338", "external": "2023_12/flow_cartogram-dec-2023.png" } }, @@ -443,10 +368,7 @@ "thumbnail": "2023_11/flow_cartogram-nov-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1731718693686563238" - }, + "x": "1731718693686563238", "external": "2023_11/flow_cartogram-nov-2023.png" } }, @@ -459,10 +381,7 @@ "thumbnail": "2023_10/flow_cartogram-oct-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1721583036540538940" - }, + "x": "1721583036540538940", "external": "2023_10/flow_cartogram-oct-2023.png" } }, @@ -475,10 +394,7 @@ "thumbnail": "2023_09/flow_cartogram-sep-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1711856031322538063" - }, + "x": "1711856031322538063", "external": "2023_09/flow_cartogram-sep-2023.png" } }, @@ -491,10 +407,7 @@ "thumbnail": "2023_08/flow_cartogram-aug-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1700176429202506152" - }, + "x": "1700176429202506152", "external": "2023_08/flow_cartogram-aug-2023.png" } }, @@ -507,10 +420,7 @@ "thumbnail": "2023_07/flow_cartogram-jul-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1687206598052302851" - }, + "x": "1687206598052302851", "external": "2023_07/flow_cartogram-jul-2023.png" } }, @@ -523,10 +433,7 @@ "thumbnail": "2023_06/flow_cartogram-june-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1678795881225781248" - }, + "x": "1678795881225781248", "external": "2023_06/flow_cartogram-june-2023.png" } }, @@ -539,10 +446,7 @@ "thumbnail": "2023_05/flow_cartogram-may-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1666168500283645953" - }, + "x": "1666168500283645953", "external": "2023_05/flow_cartogram-may-2023.png" } }, @@ -555,10 +459,7 @@ "thumbnail": "2023_04/flow_cartogram-apr-2023.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1653869069429522432" - }, + "x": "1653869069429522432", "external": "2023_04/flow_cartogram-apr-2023.png" } }, @@ -571,10 +472,7 @@ "thumbnail": "2023_03/flow_cartogram_2023-03.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1643383570965184514" - }, + "x": "1643383570965184514", "external": "2023_03/flow_cartogram_2023-03.png" } }, @@ -587,10 +485,7 @@ "thumbnail": "2023_02/flow_cartogram_2023-02.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1632802669906518018" - }, + "x": "1632802669906518018", "external": "2023_02/flow_cartogram_2023-02.png" } }, @@ -603,10 +498,7 @@ "thumbnail": "2023_01/flow_cartogram_2023_jan-01.png" }, "links": { - "x": { - "account": "USGS_DataSci", - "id": "1622635541073387520" - }, + "x": "1622635541073387520", "external": "2023_01/flow_cartogram_2023_jan-01.png" } } diff --git a/src/assets/content/sketches.json b/src/assets/content/sketches.json index 635680e..bb0f61c 100644 --- a/src/assets/content/sketches.json +++ b/src/assets/content/sketches.json @@ -1,5 +1,20 @@ { "items": [ + { + "id": "gage-to-page", + "title": "Gage to page", + "released": "03/04/2026", + "image": { + "alt": "How USGS water data goes from streamgage measurements to webpage delivery", + "thumbnail": "streamgage-to-page_thumbnail.jpg" + }, + "links": { + "asset": "https://www.usgs.gov/media/images/diagram-how-usgs-water-data-are-transferred-streamgage-internet", + "external": "https://www.usgs.gov/media/images/diagram-how-usgs-water-data-are-transferred-streamgage-internet" + }, + "tags": ["streamgaging"] + }, + { "id": "unequal-access-to-water-eazadpour-infographic", "title": "Unequal access to water", @@ -10,7 +25,7 @@ }, "links": { "asset": "unequal-access-to-water-eazadpour-infographic.png", - "external": "https://water.usgs.gov/vizlab/vulnerability-indicators/index.html#/en" + "external": "" }, "tags": [] }, @@ -138,7 +153,23 @@ "external": "https://www.usgs.gov/media/images/water-data-keep-us-strong" }, "tags": [ - "flood" + "flood", "streamgaging" + ] + }, + { + "id": "20230401a_part-to-whole_mcarr", + "title": "All the water on Earth (chart)", + "released": "04/01/2023", + "image": { + "alt": "Series of 3 interconnected tree maps for all the water on Earh, all freshwater, and surface & other freshwater. First tree map is broken down in size order displaying oceans, other saline water, and freshwater. Second tree map displays all freshwater broken down in size order by glaciers & ice caps, groundwater, and surface & other freshwater. Third tree map breaks down surface & other freshwater in size order by ground ice & permafrost, lakes, soil moisture, atmosphere, swaps & marshes, rivers, and living things.", + "thumbnail": "20230401a_part-to-whole_mcarr_thumbnail.png" + }, + "links": { + "asset": "20230401a_part-to-whole_mcarr.png", + "external": "https://www.usgs.gov/media/images/comparisons-part-whole-image-1" + }, + "tags": [ + ] }, { @@ -154,7 +185,7 @@ "external": "https://www.usgs.gov/media/images/usgs-wateralert-water-safety-your-fingertips" }, "tags": [ - "flood" + "flood", "streamgaging" ] }, { diff --git a/src/assets/content/snapshots.json b/src/assets/content/snapshots.json index 2064078..ad0f7ab 100644 --- a/src/assets/content/snapshots.json +++ b/src/assets/content/snapshots.json @@ -191,22 +191,6 @@ "maps" ] }, - { - "id": "20230401a_part-to-whole_mcarr", - "title": "All the water on Earth (chart)", - "released": "04/01/2023", - "image": { - "alt": "Series of 3 interconnected tree maps for all the water on Earh, all freshwater, and surface & other freshwater. First tree map is broken down in size order displaying oceans, other saline water, and freshwater. Second tree map displays all freshwater broken down in size order by glaciers & ice caps, groundwater, and surface & other freshwater. Third tree map breaks down surface & other freshwater in size order by ground ice & permafrost, lakes, soil moisture, atmosphere, swaps & marshes, rivers, and living things.", - "thumbnail": "20230401a_part-to-whole_mcarr_thumbnail.png" - }, - "links": { - "asset": "20230401a_part-to-whole_mcarr.png", - "external": "https://www.usgs.gov/media/images/comparisons-part-whole-image-1" - }, - "tags": [ - - ] - }, { "id": "snapshot_irrigation_water_use", "title": "Monthly irrigation by region", diff --git a/src/assets/content/viz-list.json b/src/assets/content/stories.json similarity index 95% rename from src/assets/content/viz-list.json rename to src/assets/content/stories.json index 0832463..60d330f 100644 --- a/src/assets/content/viz-list.json +++ b/src/assets/content/stories.json @@ -62,7 +62,7 @@ }, "links": { "code": "https://github.com/DOI-USGS/trout_and_climate", - "external": "https://labs.waterdata.usgs.gov/visualizations/trout-and-climate/" + "external": "https://water.usgs.gov/vizlab/trout-and-climate/index.html" } }, { @@ -75,7 +75,7 @@ }, "links": { "code": "https://github.com/DOI-USGS/vulnerability-indicators", - "external": "https://labs.waterdata.usgs.gov/visualizations/vulnerability-indicators/index.html#/" + "external": "https://water.usgs.gov/vizlab/vulnerability-indicators/" } }, { @@ -114,7 +114,7 @@ }, "links": { "code": "https://github.com/DOI-USGS/what-is-drought", - "external": "https://labs.waterdata.usgs.gov/visualizations/what-is-drought/index.html#/" + "external": "https://water.usgs.gov/vizlab/what-is-drought/" } }, { @@ -192,7 +192,7 @@ }, "links": { "code": "https://github.com/usgs-makerspace/delaware-basin-story", - "external": "https://labs.waterdata.usgs.gov/visualizations/delaware-basin-story/index.html#/" + "external": "https://water.usgs.gov/vizlab/delaware-basin-story/index.html" } }, { @@ -205,7 +205,7 @@ }, "links": { "code": "https://github.com/usgs-makerspace/gages-through-the-ages", - "external": "https://labs.waterdata.usgs.gov/visualizations/gages-through-the-ages/index.html#/" + "external": "https://water.usgs.gov/vizlab/gages-through-the-ages/index.html" } }, { diff --git a/src/assets/content/team.json b/src/assets/content/team.json index b5c7384..a882259 100644 --- a/src/assets/content/team.json +++ b/src/assets/content/team.json @@ -1,57 +1,56 @@ { - "heading": "meet the team", - "paragraph1": "The Vizlab is a team of designers, data scientists, developers, and communicators working with water data.", + "summary": "The USGS Vizlab is a team of designers, data scientists, and science communicators working with water data.", "ariaLabel": "Vizlab team members represented as circles connected in a force layout", - "ariaDesc": "Animated bubbles showing the Vizlab team clustered by focus area.", - "nodes": [ + "ariaDescription": "Animated bubbles showing the Vizlab team in a cluster.", + "members": [ { "id": "Althea", "name": "Althea Archer", "group": "IIDD", - "img": "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/aaarcher_staff_profile.jpg?h=585bdce6&itok=Z0LQ51Gs", - "url": "https://www.usgs.gov/staff-profiles/althea-a-archer" + "image": "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/aaarcher_staff_profile.jpg?h=585bdce6&itok=Z0LQ51Gs", + "href": "https://www.usgs.gov/staff-profiles/althea-a-archer" }, { "id": "Mandie", "name": "Amanda Carr", "group": "IIDD", - "img": "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/mandiecarr_oct2022.JPG?itok=j5wLD7PI", - "url": "https://www.usgs.gov/staff-profiles/amanda-carr" + "image": "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/mandiecarr_oct2022.JPG?itok=j5wLD7PI", + "href": "https://www.usgs.gov/staff-profiles/amanda-carr" }, { "id": "Jeffrey", "name": "Jeffrey Kwang", "group": "IIDD", - "img": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/jeffrey_kwang_profile.png", - "url": "https://www.usgs.gov/staff-profiles/jeffrey-kwang" + "image": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/jeffrey_kwang_profile.png", + "href": "https://www.usgs.gov/staff-profiles/jeffrey-kwang" }, { "id": "Cee", "name": "Cee Nell", "group": "IIDD", - "img": "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/cee%20nell%20resized.png?h=53fbb397&itok=I7tqKZDm", - "url": "https://www.usgs.gov/staff-profiles/cee-nell" + "image": "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/cee%20nell%20resized.png?h=53fbb397&itok=I7tqKZDm", + "href": "https://www.usgs.gov/staff-profiles/cee-nell" }, { "id": "Elmera", "name": "Elmera Azadpour", "group": "IIDD", - "img": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/elmera_azadpourSquare.jpg", - "url": "https://www.usgs.gov/staff-profiles/elmera-azadpour" + "image": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/elmera_azadpourSquare.jpg", + "href": "https://www.usgs.gov/staff-profiles/elmera-azadpour" }, { "id": "Anthony", "name": "Anthony Martinez", "group": "IIDD", - "img": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/anthony_martinezSquare.jpg", - "url": "https://www.usgs.gov/staff-profiles/anthony-martinez" + "image": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/anthony_martinezSquare.jpg", + "href": "https://www.usgs.gov/staff-profiles/anthony-martinez" }, { "id": "Hayley", "name": "Hayley Corson-Dosch", "group": "IIDD", - "img": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/HCorson-Dosch.png", - "url": "https://www.usgs.gov/staff-profiles/hayley-corson-dosch" + "image": "https://dfi09q69oy2jm.cloudfront.net/visualizations/headshots/HCorson-Dosch.png", + "href": "https://www.usgs.gov/staff-profiles/hayley-corson-dosch" } ] } diff --git a/src/assets/css/base.css b/src/assets/css/base.css index 5117c88..be75e9f 100644 --- a/src/assets/css/base.css +++ b/src/assets/css/base.css @@ -1,77 +1,89 @@ @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;500;600;700;800&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap'); -@import url('https://fonts.cdnfonts.com/css/univers-condensed-2'); @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900'); -@import url('https://fonts.googleapis.com/css2?family=Faster+One&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap'); -/* semantic color variables for this project */ -/* Define colors */ +@font-face { + font-family: 'Univers Condensed'; + src: url('../fonts/Univers-CondensedLight.otf') format('opentype'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Univers Condensed'; + src: url('../fonts/Univers-CondensedLightOblique.otf') format('opentype'); + font-weight: 300; + font-style: oblique; +} + +@font-face { + font-family: 'Univers Condensed'; + src: url('../fonts/Univers-Condensed.otf') format('opentype'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Univers Condensed'; + src: url('../fonts/Univers-CondensedOblique.otf') format('opentype'); + font-weight: 400; + font-style: oblique; +} + +@font-face { + font-family: 'Univers Condensed'; + src: url('../fonts/Univers-CondensedBold.otf') format('opentype'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Univers Condensed'; + src: url('../fonts/Univers-CondensedBoldOblique.otf') format('opentype'); + font-weight: 700; + font-style: oblique; +} + :root { - --white: #ffffff; + --white-bright: #ffffff; --white-soft: #F0F0F0; --black-soft: #1b1b1b; - --dodger-blue: #1e90ff; --light-grey: rgba(0, 0, 0, 0.12); --medium-grey: #B5B5B5; - --medium-purple: #8F00DB; - --medium-blue: #4365A8; --medium-orange: #E48951; --usgs-blue: #00264c; - --usgs-green: #006F41; --sticky-nav-offset: 0px; + --layout-max-width: 1200px; + --page-gutter: clamp(1.2rem, 4vw, 1.8rem); font-size: 62.5%; --title-font: Source Sans Pro; - --default-font: Source Code Pro; + --default-font: Source Sans Pro; +} +@media (min-width: 961px) { + :root { + --page-gutter: clamp(1.5rem, 4vw, 3rem); + } } -/* Declare color variables */ :root { - --color-background: var(--white); + --color-background: #f5f6f8; + --color-surface: #fffffffa; --color-text: var(--black-soft); - --color-title-text: var(--black-soft); - --color-overlay: var(--black-soft); - --color-overlay-text: var(--white-soft); --color-code-links-background: var(--medium-grey); - --color-link: var(--medium-purple); - --color-bar-focal: var(--medium-blue); - --color-bar-default: var(--medium-grey); - --color-map-focal: var(--medium-orange); - --color-map-default: var(--white); + --color-link: var(--usgs-blue); --color-USGS-header-footer: var(--usgs-blue); --color-border: rgba(0, 0, 0, 0.1); --color-muted-text: rgba(0, 0, 0, 0.7); + --pill-text-color: var(--color-link); + --pill-border-color: color-mix(in srgb, var(--color-link) 28%, transparent); + --pill-bg-color: color-mix(in srgb, var(--color-link) 10%, var(--white-bright)); + --pill-hover-bg-color: var(--color-link); + --pill-hover-border-color: var(--color-link); } -:root[data-theme="dark"] { - --color-background: var(--black-soft); - --color-text: #f5f7fb; - --color-title-text: #fdfdfd; - --color-overlay: rgba(255, 255, 255, 0.85); - --color-overlay-text: #0f1117; - --color-code-links-background: var(--black-soft); - --color-link: var(--dodger-blue); - --color-bar-focal: var(--dodger-blue); - --color-bar-default: rgba(255, 255, 255, 0.5); - --color-map-focal: var(--medium-orange); - --color-map-default: var(--black-soft); - --light-grey: rgba(255, 255, 255, 0.14); - --medium-grey: #9ca3af; - --color-border: rgba(255, 255, 255, 0.2); - --color-muted-text: rgba(255, 255, 255, 0.75); -} - -/* @media (prefers-color-scheme: dark) { - :root { - --color-background: var(--black-soft); - --color-text: var(--white-soft); - } -} */ - *, *::before, *::after { @@ -80,13 +92,6 @@ /* font-weight: normal; */ } -.title { - font-family: 'Univers Condensed', var(--title-font), sans-serif; -} - -.title-strong { font-weight: 700; } -.title-light { font-weight: 300; } - body { min-height: 100vh; color: var(--color-text); @@ -125,99 +130,305 @@ html { .section-header h2 { font-size: clamp(2.8rem, 4vw, 4rem); - text-transform: uppercase; + font-family: "Source Sans Pro", var(--default-font), sans-serif; + line-height: 1; + margin: 0; + padding-bottom: 0; } .section-header { - margin-bottom: 1rem; + display: grid; + gap: 0.8rem; + margin-bottom: clamp(1.6rem, 2.5vw, 2.2rem); } -[data-section-anchor] { - scroll-margin-top: var(--sticky-nav-offset); +.section-header--with-controls { + display: flex; + flex-wrap: wrap; + align-items: flex-start; + gap: 1.5rem; } -.section-title-row { - display: flex; +.section-header--with-controls > :first-child { + display: grid; + gap: 0.8rem; + align-content: start; + flex: 1 1 320px; +} + +.section-controls { + display: inline-flex; + gap: 0.6rem; align-items: center; + justify-content: flex-end; + margin-left: auto; +} + +.section-controls--wrap { + flex-wrap: wrap; +} + +.section-footer { + display: flex; + justify-content: center; gap: 0.8rem; + margin-top: clamp(1.2rem, 3vw, 1.8rem); + padding-top: 1.2rem; + border-top: 1px solid var(--color-border); +} + +.section-footer--expand { + padding-top: 0; + border-top: none; +} + +.card-heading { + font-size: 2rem; + font-weight: 600; + line-height: 1.3; + margin: 0; +} + +.card-meta { + margin: 0.4rem 0 0; + color: var(--black-400); + font-size: 1.4rem; + padding-bottom: 0; +} + +@media (max-width: 960px) { + .section-header--with-controls { + flex-direction: column; + gap: 0.6rem; + } + .section-header--with-controls > :first-child { + flex: none; + width: 100%; + } + + .section-controls { + margin-left: 0; + width: 100%; + justify-content: flex-start; + row-gap: 0.6rem; + } +} + +[data-section-anchor] { + scroll-margin-top: var(--sticky-nav-offset); } .section-title-link { - color: inherit; + color: var(--usgs-blue); text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: color 0.2s ease; + font-family: "Source Sans Pro", var(--default-font), sans-serif; } .section-title-link:hover, .section-title-link:focus-visible { - color: var(--color-link); + color: var(--usgs_blue); text-decoration: none; - box-shadow: inset 0 -0.4em rgba(0, 0, 0, 0.08); + box-shadow: inset 0 -0.4em rgba(65, 103, 217, 0.222); } -.section-title { - font-size: clamp(2.8rem, 4vw, 4rem); - font-weight: 700; - margin-bottom: 0.5rem; +.section-title-link--static { + color: var(--color-link); + cursor: default; + pointer-events: none; + box-shadow: none; +} + +.card-shell { + font-family: var(--card-font, "Source Sans Pro", var(--default-font), sans-serif); + border-radius: var(--card-border-radius, 1.2rem); + background: var(--card-surface, var(--color-surface, #fff)); + color: inherit; } .section-summary { - font-size: 1.8rem; + font-size: clamp(1.7rem, 1.55rem + 0.3vw, 1.9rem); + font-family: "Source Sans Pro", var(--default-font), sans-serif; + line-height: 1.45; color: var(--color-muted-text); max-width: 70ch; + margin: 0; + padding-bottom: 0; +} + +.section-summary__link { + display: inline-block; + margin-left: 0.2rem; +} + +.card-grid { + list-style: none; + padding: 0; + margin: 0; + display: grid; + gap: clamp(1.2rem, 2vw, 2.4rem); +} + +.card-grid--auto { + grid-template-columns: minmax(0, 1fr); + grid-auto-flow: row; + grid-template-rows: none; +} + +.card-grid--rows .content-card { + height: 100%; +} + +.card-grid--overflow { + margin-top: clamp(1.2rem, 2vw, 2rem); +} + +.chip-row { + display: inline-flex; + flex-wrap: wrap; + gap: 0.6rem; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.content-section { + padding: clamp(3rem, 5vw, 4rem) clamp(1.6rem, 5vw, 2.4rem) clamp(4.5rem, 6vw, 5.5rem); + margin: 0 auto; + width: min(var(--layout-max-width, 1200px), 100%); +} + +@media (min-width: 961px) { + .content-section { + padding: + clamp(3.4rem, 5vw, 4.4rem) + clamp(2.4rem, 4vw, 3.6rem) + clamp(4.8rem, 6vw, 5.8rem); + } +} + +@media (max-width: 960px) { + .content-section { + padding-left: clamp(1.2rem, 5vw, 1.8rem); + padding-right: clamp(1.2rem, 5vw, 1.8rem); + } } p, text, li { padding: 0 0 1rem 0; } -@media (max-width: 700px) { - .viz-section { - padding: 3rem 1.5rem 4rem; +@media (min-width: 700px) { + .card-grid--auto { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} + +@media (min-width: 961px) { + .card-grid--auto { + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } - .section-title { - font-size: 2.4rem; + .card-grid--fixed { + grid-template-columns: repeat(var(--card-grid-columns, 1), minmax(0, 1fr)); + } + + .card-grid--rows { + grid-template-columns: repeat(var(--card-grid-columns, 1), minmax(0, 1fr)); + grid-template-rows: repeat(var(--card-grid-preview-rows, 2), minmax(0, auto)); } } -.pill-button { - border: 1px solid currentColor; - background: transparent; - text-transform: uppercase; - letter-spacing: 0.02em; - font-size: 1.3rem; - padding: 0.4rem 1.2rem; + +.ui-button { + --button-bg: transparent; + --button-border: transparent; + --button-text: var(--usgs-blue); + --button-hover-bg: var(--button-bg); + --button-hover-border: var(--button-border); + --button-hover-text: var(--button-text); + --button-radius: 1.2rem; + --button-font-size: 1.6rem; + --button-padding: 0.9rem 1.3rem; + width: auto; + display: inline-flex; + align-items: center; + justify-content: var(--button-justify, center); + gap: 1rem; + font-family: "Source Sans Pro", var(--default-font), sans-serif; + font-size: var(--button-font-size); + font-weight: 600; + line-height: 1.2; + text-align: left; + text-decoration: none; cursor: pointer; - color: inherit; - border-radius: 999px; + color: var(--button-text); + border-radius: var(--button-radius); + border: 1px solid var(--button-border); + background: var(--button-bg); + padding: var(--button-padding); transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.1s ease; - text-decoration: none; - display: inline-flex; - align-items: center; - justify-content: center; } -.pill-button--active, -.pill-button.active { - color: #fff; - background: var(--color-link); - border-color: var(--color-link); +.ui-button:hover, +.ui-button:focus-visible, +.ui-button.active { + color: var(--button-hover-text); + background: var(--button-hover-bg); + border-color: var(--button-hover-border); } -.pill-button:hover, -.pill-button:focus-visible { - color: #fff; - background: var(--color-link); - border-color: var(--color-link); +.ui-button:active { + transform: translateY(1px); } -.pill-button:active { - transform: translateY(1px); +.ui-button--chip { + --button-bg: var(--pill-bg-color); + --button-border: var(--pill-border-color); + --button-text: var(--pill-text-color); + --button-hover-bg: var(--pill-hover-bg-color); + --button-hover-border: var(--pill-hover-border-color); + --button-hover-text: var(--pill-hover-text, #fff); + --button-font-size: var(--pill-font-size, 1.2rem); + --button-padding: var(--pill-padding, 0.55rem 1.65rem); + --button-radius: var(--pill-radius, 999px); + white-space: nowrap; + backdrop-filter: blur(10px); + background-clip: padding-box; +} + +.ui-button--disclosure { + --button-bg: color-mix(in srgb, var(--color-link) 6%, var(--white-bright)); + --button-border: color-mix(in srgb, var(--color-link) 18%, transparent); + --button-text: var(--color-link); + --button-hover-bg: color-mix(in srgb, var(--color-link) 10%, var(--white-bright)); + --button-hover-border: color-mix(in srgb, var(--color-link) 32%, transparent); + --button-font-size: 1.8rem; + --button-padding: 1.1rem 1.4rem; + --button-radius: 1.2rem; + --button-justify: space-between; +} + +.chip-row .ui-button--chip { + --pill-bg-color: rgba(10, 77, 104, 0.18); + --pill-border-color: var(--usgs-blue); + --pill-text-color: var(--usgs-blue); + --pill-hover-bg-color: var(--usgs-blue); + --pill-hover-border-color: var(--usgs-blue); + --pill-hover-text: #fff; } diff --git a/src/assets/css/common.css b/src/assets/css/common.css index 935e256..0d3b8cb 100644 --- a/src/assets/css/common.css +++ b/src/assets/css/common.css @@ -135,8 +135,11 @@ footer.footer .footer-doi ul.menu li a { color: #ffffff; float: left; font-size: 12px; + text-decoration: none; + cursor: pointer; } + footer.footer .footer-doi ul.menu li:first-of-type { padding-left: 0px; } @@ -164,6 +167,15 @@ footer.footer .footer-wrap .menu.nav a { padding: 4px 0px; color: #ffffff; font-size: 12px; + text-decoration: none; + cursor: pointer; +} + +footer.footer .footer-doi ul.menu li a:hover, +footer.footer .footer-doi ul.menu li a:focus-visible, +footer.footer .footer-wrap .menu.nav a:hover, +footer.footer .footer-wrap .menu.nav a:focus-visible { + text-decoration: underline; } footer.footer .footer-social-links { diff --git a/src/assets/fonts/Univers-Condensed.otf b/src/assets/fonts/Univers-Condensed.otf new file mode 100644 index 0000000..dc811d4 Binary files /dev/null and b/src/assets/fonts/Univers-Condensed.otf differ diff --git a/src/assets/fonts/Univers-CondensedBold.otf b/src/assets/fonts/Univers-CondensedBold.otf new file mode 100644 index 0000000..605317e Binary files /dev/null and b/src/assets/fonts/Univers-CondensedBold.otf differ diff --git a/src/assets/fonts/Univers-CondensedBoldOblique.otf b/src/assets/fonts/Univers-CondensedBoldOblique.otf new file mode 100644 index 0000000..606857a Binary files /dev/null and b/src/assets/fonts/Univers-CondensedBoldOblique.otf differ diff --git a/src/assets/fonts/Univers-CondensedLight.otf b/src/assets/fonts/Univers-CondensedLight.otf new file mode 100644 index 0000000..9c5bea7 Binary files /dev/null and b/src/assets/fonts/Univers-CondensedLight.otf differ diff --git a/src/assets/fonts/Univers-CondensedLightOblique.otf b/src/assets/fonts/Univers-CondensedLightOblique.otf new file mode 100644 index 0000000..d8ec1fb Binary files /dev/null and b/src/assets/fonts/Univers-CondensedLightOblique.otf differ diff --git a/src/assets/fonts/Univers-CondensedOblique.otf b/src/assets/fonts/Univers-CondensedOblique.otf new file mode 100644 index 0000000..1ebb9a4 Binary files /dev/null and b/src/assets/fonts/Univers-CondensedOblique.otf differ diff --git a/src/assets/images/thumbnails/04_flora-fauna-aaarcher_thumbnail.png b/src/assets/images/thumbnails/04_flora-fauna-aaarcher_thumbnail.png new file mode 100644 index 0000000..be32bf1 Binary files /dev/null and b/src/assets/images/thumbnails/04_flora-fauna-aaarcher_thumbnail.png differ diff --git a/src/assets/images/thumbnails/16_relationships_negative_thumbnail.png b/src/assets/images/thumbnails/16_relationships_negative_thumbnail.png new file mode 100644 index 0000000..c5869e6 Binary files /dev/null and b/src/assets/images/thumbnails/16_relationships_negative_thumbnail.png differ diff --git a/src/assets/images/thumbnails/20230401a_part-to-whole_mcarr_thumbnail.png b/src/assets/images/thumbnails/20230401a_part-to-whole_mcarr_thumbnail.png new file mode 100644 index 0000000..9ae4d07 Binary files /dev/null and b/src/assets/images/thumbnails/20230401a_part-to-whole_mcarr_thumbnail.png differ diff --git a/src/assets/images/thumbnails/20230401b_part-to-whole_mcarr_thumbnail.png b/src/assets/images/thumbnails/20230401b_part-to-whole_mcarr_thumbnail.png new file mode 100644 index 0000000..aea92d1 Binary files /dev/null and b/src/assets/images/thumbnails/20230401b_part-to-whole_mcarr_thumbnail.png differ diff --git a/src/assets/images/thumbnails/20230402_waffle_hcorson-dosch_thumbnail.png b/src/assets/images/thumbnails/20230402_waffle_hcorson-dosch_thumbnail.png new file mode 100644 index 0000000..ec54a42 Binary files /dev/null and b/src/assets/images/thumbnails/20230402_waffle_hcorson-dosch_thumbnail.png differ diff --git a/src/assets/images/thumbnails/20230408_humans_hcorson-dosch_thumbnail.png b/src/assets/images/thumbnails/20230408_humans_hcorson-dosch_thumbnail.png new file mode 100644 index 0000000..449e0fa Binary files /dev/null and b/src/assets/images/thumbnails/20230408_humans_hcorson-dosch_thumbnail.png differ diff --git a/src/assets/images/thumbnails/20230409_high-low_aaarcher_thumbnail.webp b/src/assets/images/thumbnails/20230409_high-low_aaarcher_thumbnail.webp new file mode 100644 index 0000000..210f79d Binary files /dev/null and b/src/assets/images/thumbnails/20230409_high-low_aaarcher_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/20230417_networks_hcorson-dosch_thumbnail.png b/src/assets/images/thumbnails/20230417_networks_hcorson-dosch_thumbnail.png new file mode 100644 index 0000000..39fa866 Binary files /dev/null and b/src/assets/images/thumbnails/20230417_networks_hcorson-dosch_thumbnail.png differ diff --git a/src/assets/images/thumbnails/20230423_tiles_hcorson-dosch_thumbnail.png b/src/assets/images/thumbnails/20230423_tiles_hcorson-dosch_thumbnail.png new file mode 100644 index 0000000..ac2e855 Binary files /dev/null and b/src/assets/images/thumbnails/20230423_tiles_hcorson-dosch_thumbnail.png differ diff --git a/src/assets/images/thumbnails/DRBthumb.png b/src/assets/images/thumbnails/DRBthumb.png new file mode 100644 index 0000000..6207735 Binary files /dev/null and b/src/assets/images/thumbnails/DRBthumb.png differ diff --git a/src/assets/images/thumbnails/WhatIsDrought-thumbnail.webp b/src/assets/images/thumbnails/WhatIsDrought-thumbnail.webp new file mode 100644 index 0000000..d6b07ab Binary files /dev/null and b/src/assets/images/thumbnails/WhatIsDrought-thumbnail.webp differ diff --git a/src/assets/images/thumbnails/blender_grand_canyon_thumbnail.webp b/src/assets/images/thumbnails/blender_grand_canyon_thumbnail.webp new file mode 100644 index 0000000..24e3f54 Binary files /dev/null and b/src/assets/images/thumbnails/blender_grand_canyon_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/blender_huc1711000507_thumbnail.webp b/src/assets/images/thumbnails/blender_huc1711000507_thumbnail.webp new file mode 100644 index 0000000..8b433e5 Binary files /dev/null and b/src/assets/images/thumbnails/blender_huc1711000507_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/bottled_water_thumbnail.webp b/src/assets/images/thumbnails/bottled_water_thumbnail.webp new file mode 100644 index 0000000..020eb77 Binary files /dev/null and b/src/assets/images/thumbnails/bottled_water_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/bw-distrubution-eazadpour_thumbnail.jpeg b/src/assets/images/thumbnails/bw-distrubution-eazadpour_thumbnail.jpeg new file mode 100644 index 0000000..f0be9ee Binary files /dev/null and b/src/assets/images/thumbnails/bw-distrubution-eazadpour_thumbnail.jpeg differ diff --git a/src/assets/images/thumbnails/ca-drought-map.png b/src/assets/images/thumbnails/ca-drought-map.png new file mode 100644 index 0000000..72bb22c Binary files /dev/null and b/src/assets/images/thumbnails/ca-drought-map.png differ diff --git a/src/assets/images/thumbnails/climate-change-fish-01.png b/src/assets/images/thumbnails/climate-change-fish-01.png new file mode 100644 index 0000000..bfc31c3 Binary files /dev/null and b/src/assets/images/thumbnails/climate-change-fish-01.png differ diff --git a/src/assets/images/thumbnails/co-drought-lakemead.png b/src/assets/images/thumbnails/co-drought-lakemead.png new file mode 100644 index 0000000..2f52a59 Binary files /dev/null and b/src/assets/images/thumbnails/co-drought-lakemead.png differ diff --git a/src/assets/images/thumbnails/coastal_thumbnail.png b/src/assets/images/thumbnails/coastal_thumbnail.png new file mode 100644 index 0000000..4e19ab8 Binary files /dev/null and b/src/assets/images/thumbnails/coastal_thumbnail.png differ diff --git a/src/assets/images/thumbnails/consumptive-use_thumbnail.png b/src/assets/images/thumbnails/consumptive-use_thumbnail.png new file mode 100644 index 0000000..54164bd Binary files /dev/null and b/src/assets/images/thumbnails/consumptive-use_thumbnail.png differ diff --git a/src/assets/images/thumbnails/drought_timeline_thumbnail.webp b/src/assets/images/thumbnails/drought_timeline_thumbnail.webp new file mode 100644 index 0000000..adc592a Binary files /dev/null and b/src/assets/images/thumbnails/drought_timeline_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/earth-in-flux_thumbnail.webp b/src/assets/images/thumbnails/earth-in-flux_thumbnail.webp new file mode 100644 index 0000000..6c9fdc5 Binary files /dev/null and b/src/assets/images/thumbnails/earth-in-flux_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/earths-water-thumbnail.webp b/src/assets/images/thumbnails/earths-water-thumbnail.webp new file mode 100644 index 0000000..57d876b Binary files /dev/null and b/src/assets/images/thumbnails/earths-water-thumbnail.webp differ diff --git a/src/assets/images/thumbnails/fire-hydro.jpg b/src/assets/images/thumbnails/fire-hydro.jpg new file mode 100644 index 0000000..3ada508 Binary files /dev/null and b/src/assets/images/thumbnails/fire-hydro.jpg differ diff --git a/src/assets/images/thumbnails/fire_water.webp b/src/assets/images/thumbnails/fire_water.webp new file mode 100644 index 0000000..5580332 Binary files /dev/null and b/src/assets/images/thumbnails/fire_water.webp differ diff --git a/src/assets/images/thumbnails/gages-cartogram-01.png b/src/assets/images/thumbnails/gages-cartogram-01.png new file mode 100644 index 0000000..f8aec0a Binary files /dev/null and b/src/assets/images/thumbnails/gages-cartogram-01.png differ diff --git a/src/assets/images/thumbnails/getting-snowier_thumbnail.jpeg b/src/assets/images/thumbnails/getting-snowier_thumbnail.jpeg new file mode 100644 index 0000000..bceea10 Binary files /dev/null and b/src/assets/images/thumbnails/getting-snowier_thumbnail.jpeg differ diff --git a/src/assets/images/thumbnails/gw-conditions-og-peaks.png b/src/assets/images/thumbnails/gw-conditions-og-peaks.png new file mode 100644 index 0000000..52f6287 Binary files /dev/null and b/src/assets/images/thumbnails/gw-conditions-og-peaks.png differ diff --git a/src/assets/images/thumbnails/gw-conditions_thumbnail.png b/src/assets/images/thumbnails/gw-conditions_thumbnail.png new file mode 100644 index 0000000..1821868 Binary files /dev/null and b/src/assets/images/thumbnails/gw-conditions_thumbnail.png differ diff --git a/src/assets/images/thumbnails/iwaas_waterquality_fig17_geogenicmobilization_thumbnail.png b/src/assets/images/thumbnails/iwaas_waterquality_fig17_geogenicmobilization_thumbnail.png new file mode 100644 index 0000000..62850f0 Binary files /dev/null and b/src/assets/images/thumbnails/iwaas_waterquality_fig17_geogenicmobilization_thumbnail.png differ diff --git a/src/assets/images/thumbnails/iwaas_waterquality_fig18_groundwaternitrate_thumbnail.png b/src/assets/images/thumbnails/iwaas_waterquality_fig18_groundwaternitrate_thumbnail.png new file mode 100644 index 0000000..20f084e Binary files /dev/null and b/src/assets/images/thumbnails/iwaas_waterquality_fig18_groundwaternitrate_thumbnail.png differ diff --git a/src/assets/images/thumbnails/iwaas_wateruse_fig01_concepts_thumbnail.png b/src/assets/images/thumbnails/iwaas_wateruse_fig01_concepts_thumbnail.png new file mode 100644 index 0000000..85c4fea Binary files /dev/null and b/src/assets/images/thumbnails/iwaas_wateruse_fig01_concepts_thumbnail.png differ diff --git a/src/assets/images/thumbnails/landsat-gsl-eazadpour.gif b/src/assets/images/thumbnails/landsat-gsl-eazadpour.gif new file mode 100644 index 0000000..e58c268 Binary files /dev/null and b/src/assets/images/thumbnails/landsat-gsl-eazadpour.gif differ diff --git a/src/assets/images/thumbnails/landsat-gsl-eazadpour.webp b/src/assets/images/thumbnails/landsat-gsl-eazadpour.webp new file mode 100644 index 0000000..e69de29 diff --git a/src/assets/images/thumbnails/magic_hcorson-dosch_thumbnail.png b/src/assets/images/thumbnails/magic_hcorson-dosch_thumbnail.png new file mode 100644 index 0000000..559a2ff Binary files /dev/null and b/src/assets/images/thumbnails/magic_hcorson-dosch_thumbnail.png differ diff --git a/src/assets/images/thumbnails/microplastics.png b/src/assets/images/thumbnails/microplastics.png new file mode 100644 index 0000000..b34cf9a Binary files /dev/null and b/src/assets/images/thumbnails/microplastics.png differ diff --git a/src/assets/images/thumbnails/modeling-drought_thumbnail.png b/src/assets/images/thumbnails/modeling-drought_thumbnail.png new file mode 100644 index 0000000..25b4e54 Binary files /dev/null and b/src/assets/images/thumbnails/modeling-drought_thumbnail.png differ diff --git a/src/assets/images/thumbnails/pictogram-volume_thumbnail.jpg b/src/assets/images/thumbnails/pictogram-volume_thumbnail.jpg new file mode 100644 index 0000000..e2c6430 Binary files /dev/null and b/src/assets/images/thumbnails/pictogram-volume_thumbnail.jpg differ diff --git a/src/assets/images/thumbnails/pnf-thumbnail.png b/src/assets/images/thumbnails/pnf-thumbnail.png new file mode 100644 index 0000000..768ca84 Binary files /dev/null and b/src/assets/images/thumbnails/pnf-thumbnail.png differ diff --git a/src/assets/images/thumbnails/rem_beaver_creek_thumbnail.png b/src/assets/images/thumbnails/rem_beaver_creek_thumbnail.png new file mode 100644 index 0000000..4e13efa Binary files /dev/null and b/src/assets/images/thumbnails/rem_beaver_creek_thumbnail.png differ diff --git a/src/assets/images/thumbnails/rio-grande-ridgelines-eazadpour_thumbnail.png b/src/assets/images/thumbnails/rio-grande-ridgelines-eazadpour_thumbnail.png new file mode 100644 index 0000000..ae9c3fd Binary files /dev/null and b/src/assets/images/thumbnails/rio-grande-ridgelines-eazadpour_thumbnail.png differ diff --git a/src/assets/images/thumbnails/riverine_thumbnail.png b/src/assets/images/thumbnails/riverine_thumbnail.png new file mode 100644 index 0000000..b4f067a Binary files /dev/null and b/src/assets/images/thumbnails/riverine_thumbnail.png differ diff --git a/src/assets/images/thumbnails/sketches_crwua_booth_backdrop_thumbnail.png b/src/assets/images/thumbnails/sketches_crwua_booth_backdrop_thumbnail.png new file mode 100644 index 0000000..c1a4516 Binary files /dev/null and b/src/assets/images/thumbnails/sketches_crwua_booth_backdrop_thumbnail.png differ diff --git a/src/assets/images/thumbnails/snapshot_irrigation_water_use_thumbnail.png b/src/assets/images/thumbnails/snapshot_irrigation_water_use_thumbnail.png new file mode 100644 index 0000000..d49a35b Binary files /dev/null and b/src/assets/images/thumbnails/snapshot_irrigation_water_use_thumbnail.png differ diff --git a/src/assets/images/thumbnails/snow-to-flow.jpg b/src/assets/images/thumbnails/snow-to-flow.jpg new file mode 100644 index 0000000..a8ef838 Binary files /dev/null and b/src/assets/images/thumbnails/snow-to-flow.jpg differ diff --git a/src/assets/images/thumbnails/social_science_infographic_thumbnail.png b/src/assets/images/thumbnails/social_science_infographic_thumbnail.png new file mode 100644 index 0000000..887d5bc Binary files /dev/null and b/src/assets/images/thumbnails/social_science_infographic_thumbnail.png differ diff --git a/src/assets/images/thumbnails/streamflow-drought-forecasts_thumbnail.png b/src/assets/images/thumbnails/streamflow-drought-forecasts_thumbnail.png new file mode 100644 index 0000000..e76a956 Binary files /dev/null and b/src/assets/images/thumbnails/streamflow-drought-forecasts_thumbnail.png differ diff --git a/src/assets/images/thumbnails/streamflow-drought-forecasts_thumbnail.webp b/src/assets/images/thumbnails/streamflow-drought-forecasts_thumbnail.webp new file mode 100644 index 0000000..aae996d Binary files /dev/null and b/src/assets/images/thumbnails/streamflow-drought-forecasts_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/streamgage-to-page_thumbnail.jpg b/src/assets/images/thumbnails/streamgage-to-page_thumbnail.jpg new file mode 100644 index 0000000..8327405 Binary files /dev/null and b/src/assets/images/thumbnails/streamgage-to-page_thumbnail.jpg differ diff --git a/src/assets/images/thumbnails/temp-modeling-physics-01.png b/src/assets/images/thumbnails/temp-modeling-physics-01.png new file mode 100644 index 0000000..de4a8fd Binary files /dev/null and b/src/assets/images/thumbnails/temp-modeling-physics-01.png differ diff --git a/src/assets/images/thumbnails/temp-monitor.jpg b/src/assets/images/thumbnails/temp-monitor.jpg new file mode 100644 index 0000000..d359eff Binary files /dev/null and b/src/assets/images/thumbnails/temp-monitor.jpg differ diff --git a/src/assets/images/thumbnails/trout-and-climate_thumbnail.webp b/src/assets/images/thumbnails/trout-and-climate_thumbnail.webp new file mode 100644 index 0000000..eb285e2 Binary files /dev/null and b/src/assets/images/thumbnails/trout-and-climate_thumbnail.webp differ diff --git a/src/assets/images/thumbnails/unequal-access-to-water-eazadpour-infographic_thumbnail.png b/src/assets/images/thumbnails/unequal-access-to-water-eazadpour-infographic_thumbnail.png new file mode 100644 index 0000000..99d035a Binary files /dev/null and b/src/assets/images/thumbnails/unequal-access-to-water-eazadpour-infographic_thumbnail.png differ diff --git a/src/assets/images/thumbnails/usgs-water-alert_infographic_thumbnail.png b/src/assets/images/thumbnails/usgs-water-alert_infographic_thumbnail.png new file mode 100644 index 0000000..a442e24 Binary files /dev/null and b/src/assets/images/thumbnails/usgs-water-alert_infographic_thumbnail.png differ diff --git a/src/assets/images/thumbnails/usgs-water-strong_infographic_thumbnail.png b/src/assets/images/thumbnails/usgs-water-strong_infographic_thumbnail.png new file mode 100644 index 0000000..3b6647e Binary files /dev/null and b/src/assets/images/thumbnails/usgs-water-strong_infographic_thumbnail.png differ diff --git a/src/assets/images/thumbnails/volume-flows_thumbnail.jpeg b/src/assets/images/thumbnails/volume-flows_thumbnail.jpeg new file mode 100644 index 0000000..69ca7c8 Binary files /dev/null and b/src/assets/images/thumbnails/volume-flows_thumbnail.jpeg differ diff --git a/src/assets/images/thumbnails/vulnerability_thumbnail_no_text.png b/src/assets/images/thumbnails/vulnerability_thumbnail_no_text.png new file mode 100644 index 0000000..7d9fc08 Binary files /dev/null and b/src/assets/images/thumbnails/vulnerability_thumbnail_no_text.png differ diff --git a/src/assets/images/thumbnails/water-availability_thumbnail.png b/src/assets/images/thumbnails/water-availability_thumbnail.png new file mode 100644 index 0000000..3e95cf1 Binary files /dev/null and b/src/assets/images/thumbnails/water-availability_thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-cycle_thumbnail.png b/src/assets/images/thumbnails/water-cycle_thumbnail.png new file mode 100644 index 0000000..4ec242c Binary files /dev/null and b/src/assets/images/thumbnails/water-cycle_thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-supply_thumbnail.png b/src/assets/images/thumbnails/water-supply_thumbnail.png new file mode 100644 index 0000000..8544e23 Binary files /dev/null and b/src/assets/images/thumbnails/water-supply_thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-use-2015-01.png b/src/assets/images/thumbnails/water-use-2015-01.png new file mode 100644 index 0000000..acdc6fe Binary files /dev/null and b/src/assets/images/thumbnails/water-use-2015-01.png differ diff --git a/src/assets/images/thumbnails/water-use-time-01.png b/src/assets/images/thumbnails/water-use-time-01.png new file mode 100644 index 0000000..e136f95 Binary files /dev/null and b/src/assets/images/thumbnails/water-use-time-01.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-harvey-thumbnail.png b/src/assets/images/thumbnails/water-viz-hurricane-harvey-thumbnail.png new file mode 100644 index 0000000..9db6087 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-harvey-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-henri-thumbnail.png b/src/assets/images/thumbnails/water-viz-hurricane-henri-thumbnail.png new file mode 100644 index 0000000..52729a4 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-henri-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-ida-thumbnail.png b/src/assets/images/thumbnails/water-viz-hurricane-ida-thumbnail.png new file mode 100644 index 0000000..df736bd Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-ida-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-irma-thumbnail.png b/src/assets/images/thumbnails/water-viz-hurricane-irma-thumbnail.png new file mode 100644 index 0000000..e15de04 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-irma-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-maria-thumbnail.png b/src/assets/images/thumbnails/water-viz-hurricane-maria-thumbnail.png new file mode 100644 index 0000000..2eb3404 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-maria-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-matthew-thumbnail.png b/src/assets/images/thumbnails/water-viz-hurricane-matthew-thumbnail.png new file mode 100644 index 0000000..c08ec84 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-matthew-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-sally-thumb.png b/src/assets/images/thumbnails/water-viz-hurricane-sally-thumb.png new file mode 100644 index 0000000..8221a93 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-sally-thumb.png differ diff --git a/src/assets/images/thumbnails/water-viz-hurricane-sally-thumbnail.png b/src/assets/images/thumbnails/water-viz-hurricane-sally-thumbnail.png new file mode 100644 index 0000000..8601e5f --- /dev/null +++ b/src/assets/images/thumbnails/water-viz-hurricane-sally-thumbnail.png @@ -0,0 +1 @@ +/Users/cnell/Documents/Projects/vizlab-home/src/assets/thumbnails/water-viz-hurricane-sally-thumbnail.png \ No newline at end of file diff --git a/src/assets/images/thumbnails/water-viz-hurricane-sally.png b/src/assets/images/thumbnails/water-viz-hurricane-sally.png new file mode 100644 index 0000000..afe14c3 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-hurricane-sally.png differ diff --git a/src/assets/images/thumbnails/water-viz-iwaas-thumbnail.png b/src/assets/images/thumbnails/water-viz-iwaas-thumbnail.png new file mode 100644 index 0000000..05fd0f2 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-iwaas-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water-viz-us-river-jan-june-2019.png b/src/assets/images/thumbnails/water-viz-us-river-jan-june-2019.png new file mode 100644 index 0000000..41e1eb2 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-us-river-jan-june-2019.png differ diff --git a/src/assets/images/thumbnails/water-viz-us-river-oct-dec-2019.png b/src/assets/images/thumbnails/water-viz-us-river-oct-dec-2019.png new file mode 100644 index 0000000..c6d7d77 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-us-river-oct-dec-2019.png differ diff --git a/src/assets/images/thumbnails/water-viz-us-river-wy2018.png b/src/assets/images/thumbnails/water-viz-us-river-wy2018.png new file mode 100644 index 0000000..8ef7deb Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-us-river-wy2018.png differ diff --git a/src/assets/images/thumbnails/water-viz-water-use-15-thumbnail.png b/src/assets/images/thumbnails/water-viz-water-use-15-thumbnail.png new file mode 100644 index 0000000..10755a5 Binary files /dev/null and b/src/assets/images/thumbnails/water-viz-water-use-15-thumbnail.png differ diff --git a/src/assets/images/thumbnails/water_use_diagram_thumbnail.png b/src/assets/images/thumbnails/water_use_diagram_thumbnail.png new file mode 100644 index 0000000..731452b Binary files /dev/null and b/src/assets/images/thumbnails/water_use_diagram_thumbnail.png differ diff --git a/src/components/AboutSection.vue b/src/components/AboutSection.vue index d23d710..b1e56e0 100644 --- a/src/components/AboutSection.vue +++ b/src/components/AboutSection.vue @@ -1,71 +1,88 @@ diff --git a/src/components/CardGridSection.vue b/src/components/CardGridSection.vue new file mode 100644 index 0000000..ca6ccf1 --- /dev/null +++ b/src/components/CardGridSection.vue @@ -0,0 +1,181 @@ + + + diff --git a/src/components/ContentCard.vue b/src/components/ContentCard.vue index 11a3d85..5b06b76 100644 --- a/src/components/ContentCard.vue +++ b/src/components/ContentCard.vue @@ -1,14 +1,14 @@ + + + + diff --git a/src/components/FooterUSGS.vue b/src/components/FooterUSGS.vue index 9bcd03e..da91e34 100644 --- a/src/components/FooterUSGS.vue +++ b/src/components/FooterUSGS.vue @@ -64,12 +64,6 @@ target="_blank" >White House -
  • - E-gov -
  • -
    - -
    -
    -
    - -
    -

    - {{ brandStrong }} - {{ brandLight }} -

    -
    -
    -
    -
    - - - - - diff --git a/src/components/HeroBanner.vue b/src/components/HeroBanner.vue new file mode 100644 index 0000000..59b9cb3 --- /dev/null +++ b/src/components/HeroBanner.vue @@ -0,0 +1,391 @@ + + + + + diff --git a/src/components/PreFooterCodeLinks.vue b/src/components/PreFooterCodeLinks.vue deleted file mode 100644 index 007d6db..0000000 --- a/src/components/PreFooterCodeLinks.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - - - diff --git a/src/components/SeriesCard.vue b/src/components/SeriesCard.vue index 7f7cada..1b843b2 100644 --- a/src/components/SeriesCard.vue +++ b/src/components/SeriesCard.vue @@ -1,18 +1,18 @@