Beaufort Species page

Description

Updated the species page re: Design Studio feedback. Included new visualizations of species trends, text describing project from project SME, text describing trends following manuscript, and updated thumbnail and hero image. I also updated the pipeline to create the visuals for this page with static branching. I also created a custom class for h3 that uses italics, since I am using scientific names. I do not know how to add italics to paragraph text, though (Issue #21 (closed)).

Changes Made

How to Test

To test the R pipeline, pull changes locally and run targets::tar_make(). The final images from the R pipeline will be in the beaufortSea/images/ folder and should look like those on the npm run dev build that are on s3.

To test the website build, pull changes locally and run npm run dev. The species page should look like the screenshots above.

Related Issues

Still need to #18 (closed). This MR closes #19 (closed).

Created new issue related to italics, issue #21 (closed)

Additional Notes

Include any extra information or considerations for reviewers.

Merge Request Checklists

• Ensure that code changes adhere to best practices documented in README.md
• Clean the code the way Vue likes it - run npm run lint --fix
• Document which browsers the site has been tested on:
  • Desktop/laptop
    • Chrome
    • Safari
    • Edge
    • Firefox
  • Mobile device
    • Chrome
    • Safari
    • Edge
    • Firefox