Skip to content

Prepare species details view for print mode#813

Merged
annavik merged 13 commits intodeployments/ood.antenna.insectai.orgfrom
feat/update-species-details
May 1, 2025
Merged

Prepare species details view for print mode#813
annavik merged 13 commits intodeployments/ood.antenna.insectai.orgfrom
feat/update-species-details

Conversation

@annavik
Copy link
Copy Markdown
Member

@annavik annavik commented Apr 24, 2025

Summary

In this PR we prepare the species detail for print. Also we prepare it to handle reference images and some more data.

Comments

Before merge we need to replace some mock data that is not yet present in API responses. Summary of missing data:

  • Species list
    • Cover image
  • Species details
    • Cover image
    • Cover image copyright info
    • Fieldguide ID
    • Bonus: list of stations

Some things left on the UI side:

  • Decide what labels and captions we want to use
  • Link example occurrence to occurrence details
  • Link cover image to original image

Screenshots

Before:
Screenshot 2025-04-24 at 14 01 53

After:
Screenshot 2025-04-24 at 13 50 00

Print view example:
species-print-example.pdf

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 24, 2025

Deploy Preview for antenna-preview ready!

Name Link
🔨 Latest commit 00b811c
🔍 Latest deploy log https://app.netlify.com/sites/antenna-preview/deploys/6813a0fe512b4100081eebfb
😎 Deploy Preview https://deploy-preview-813--antenna-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 75 (🔴 down 5 from production)
Accessibility: 89 (no change from production)
Best Practices: 92 (no change from production)
SEO: 100 (no change from production)
PWA: 80 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

@annavik annavik changed the base branch from main to deployments/ood.antenna.insectai.org May 1, 2025 15:27
@netlify
Copy link
Copy Markdown

netlify Bot commented May 1, 2025

Deploy Preview for antenna-ood ready!

Name Link
🔨 Latest commit 00b811c
🔍 Latest deploy log https://app.netlify.com/sites/antenna-ood/deploys/6813a0fe81894200089f3269
😎 Deploy Preview https://deploy-preview-813--antenna-ood.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@annavik annavik changed the title [Draft] Prepare species details view for print mode Prepare species details view for print mode May 1, 2025
@annavik annavik marked this pull request as ready for review May 1, 2025 16:40
@annavik annavik merged commit a3f2034 into deployments/ood.antenna.insectai.org May 1, 2025
4 checks passed
@annavik annavik deleted the feat/update-species-details branch May 1, 2025 16:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant