Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Add Learn Page3 #83

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

hardco2020
Copy link
Contributor

Problem

Fixes #43

Preview Result

Desktop:

截圖 2022-03-20 下午11 24 09

截圖 2022-03-20 下午11 24 19

截圖 2022-03-20 下午11 24 28

Mobile

截圖 2022-03-20 下午11 25 54

截圖 2022-03-20 下午11 26 10

截圖 2022-03-20 下午11 26 18

Because the Figma design is a little bit tricky for me, I managed to design the look, but I am not sure if my code right now is following the best practice, so I am gonna need some suggestions here!

@netlify
Copy link

netlify bot commented Mar 21, 2022

✅ Deploy Preview for orcahome ready!

🔨 Explore the source changes: c8e1f4a

🔍 Inspect the deploy log: https://app.netlify.com/sites/orcahome/deploys/62381c1c198e730008e6c668

😎 Browse the preview: https://deploy-preview-83--orcahome.netlify.app

@hardco2020
Copy link
Contributor Author

@paulcretu Please help reviewing my code to see if I did the good practice of code style, so I can keep moving on. Thank you!

Comment on lines +117 to +135
<Container>
<Intro>
<ActionButton link="" text="Sounds of the Salish Sea" />
<ActionButton link="" text="3 common calls" />
<ActionButton
link=""
text="Souther Resident Killer Whale Call Catalog"
/>
<ActionButton link="" text="Exhibits" />
</Intro>

<h1> Sounds Of The Salish Sea</h1>
<p>
Explore common sounds of the Salish Sea by selecting the animals and
other objects in this <br />
panoramic soundscape of the inland waters of Washington State (USA)
and British Columbia <br />
(Canada).
</p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These changes are looking good, but this section of the page is covered under a separate issue. So try not to make changes related to another issue. It can be hard to review and can also create merge conflicts later.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh, I see, at first I didn't notice that's a total different page. I will use other branches data to change it back

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's the status of this? The changes look to still be present.

@UXBrendan UXBrendan assigned UXBrendan and hardco2020 and unassigned UXBrendan Sep 18, 2023
@UXBrendan
Copy link

UI checks pass.

@UXBrendan
Copy link

@hardco2020

We are going to deploy all passed PRs this Tuesday. Would it be possible for you to pass this PR so it's ready for our deployment session on Tuesday, Oct. 17?

Comment on lines +117 to +135
<Container>
<Intro>
<ActionButton link="" text="Sounds of the Salish Sea" />
<ActionButton link="" text="3 common calls" />
<ActionButton
link=""
text="Souther Resident Killer Whale Call Catalog"
/>
<ActionButton link="" text="Exhibits" />
</Intro>

<h1> Sounds Of The Salish Sea</h1>
<p>
Explore common sounds of the Salish Sea by selecting the animals and
other objects in this <br />
panoramic soundscape of the inland waters of Washington State (USA)
and British Columbia <br />
(Canada).
</p>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's the status of this? The changes look to still be present.

src={salishsea}
alt="Sounds Of The Salish Sea"
width={800}
height={450}
width={1234}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

1234 seems random, is this the desired value?

width={800}
height={450}
width={1234}
height={701}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here, 701 seems odd.

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.

Website Redesign: "Learn" Page 3- Common Calls Section- UI
4 participants